body,html{margin:0;padding:0;background-color:#eee}#app,body,html{width:100%;max-width:750px;margin:0 auto}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%;min-width:375px}#bottom_layer{height:100%;visibility:hidden;position:fixed;z-index:302;zoom:1;margin:0;line-height:20rpx;height:100px;padding:0;bottom:0;width:100%;left:0}.nav_bar{padding-top:20px;width:100%}.music_box{background-color:#2c3e50;height:100rpx;width:100rpx}li{text-align:left}.red{color:red}.svg_p{stroke:#333;stroke-width:20;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);-webkit-animation:writeLine 2s forwards;animation:writeLine 2s forwards}.nav-item.active .svg_p{fill:#e74c3c;stroke:#e74c3c}.nav-item:not(.active) .svg_p{fill:#333;stroke:#333}.nav-text{display:block;margin-top:5px;font-size:14px;color:#333}.nav-item.active .nav-text{color:#e74c3c;font-weight:500}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:10px 0}.gradient-bg{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}@-webkit-keyframes writeLine{to{stroke-dashoffset:0}}@keyframes writeLine{to{stroke-dashoffset:0}}.uploadMusic[data-v-9622c816]{width:100%;height:100%;margin-top:20px}.up_music_btn[data-v-9622c816]{margin-top:20px}.home-page[data-v-4e2b1b3e]{max-width:800px;margin:0 auto;min-height:100vh;padding-bottom:160px;font-family:Helvetica Neue,Arial,sans-serif;color:#333;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.top-nav[data-v-4e2b1b3e]{display:flex;justify-content:space-around;align-items:center;padding:12px 8px;background:hsla(0,0%,100%,.95);box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:100;border-radius:0 0 16px 16px}.nav-item[data-v-4e2b1b3e]{border:none;background:none;padding:8px 10px;font-size:14px;color:#666;cursor:pointer;border-radius:20px;transition:all .2s}.nav-item.active[data-v-4e2b1b3e]{color:#fff;background:linear-gradient(45deg,#3498db,#2980b9);font-weight:600}.nav-item[data-v-4e2b1b3e]:hover:not(.active){background:rgba(52,152,219,.1);color:#3498db}.main-content[data-v-4e2b1b3e]{padding:16px;min-height:calc(100vh - 220px)}.list-header[data-v-4e2b1b3e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.list-title[data-v-4e2b1b3e]{font-size:18px;font-weight:600;color:#2c3e50}.play-mode-btn[data-v-4e2b1b3e]{display:flex;align-items:center;gap:6px;border:none;background:hsla(0,0%,100%,.9);padding:8px 14px;border-radius:20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:13px;color:#3498db;transition:all .2s}.play-mode-btn[data-v-4e2b1b3e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,152,219,.2)}.song-list[data-v-4e2b1b3e]{list-style:none;padding:0;margin:0}.song-item[data-v-4e2b1b3e]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:8px;background:hsla(0,0%,100%,.88);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .2s}.song-item[data-v-4e2b1b3e]:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.song-item.playing[data-v-4e2b1b3e]{border-left:3px solid #e74c3c;background:rgba(231,76,60,.06)}.song-item-main[data-v-4e2b1b3e]{display:flex;align-items:center;flex:1;cursor:pointer;min-width:0}.song-index[data-v-4e2b1b3e]{width:28px;text-align:center;color:#999;font-size:14px;flex-shrink:0}.song-info[data-v-4e2b1b3e]{flex:1;min-width:0;margin-left:8px}.song-name[data-v-4e2b1b3e]{font-size:15px;font-weight:500;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-singer[data-v-4e2b1b3e]{font-size:12px;color:#888;margin-top:2px}.song-extra[data-v-4e2b1b3e]{font-size:11px;color:#e67e22;margin-top:4px}.song-actions[data-v-4e2b1b3e]{display:flex;align-items:center;gap:6px;flex-shrink:0}.like-btn[data-v-4e2b1b3e]{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s;padding:0}.like-btn[data-v-4e2b1b3e]:hover{transform:scale(1.12)}.like-btn.liked svg[data-v-4e2b1b3e]{filter:drop-shadow(0 1px 3px rgba(231,76,60,.35))}.add-all-btn[data-v-4e2b1b3e]{display:block;width:100%;margin-bottom:12px;border:1px dashed #3498db;background:rgba(52,152,219,.08);color:#3498db;padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;transition:all .2s}.add-all-btn[data-v-4e2b1b3e]:hover{background:rgba(52,152,219,.15)}.add-icon-btn[data-v-4e2b1b3e]{width:32px;height:32px;border:none;border-radius:50%;background:rgba(52,152,219,.12);color:#3498db;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0;transition:all .2s}.add-icon-btn[data-v-4e2b1b3e]:hover{background:#3498db;color:#fff;transform:scale(1.08)}.add-btn[data-v-4e2b1b3e],.del-btn[data-v-4e2b1b3e]{border:none;background:none;color:#3498db;font-size:12px;cursor:pointer;padding:4px 8px;flex-shrink:0}.del-btn[data-v-4e2b1b3e]{color:#e74c3c}.list-empty[data-v-4e2b1b3e]{text-align:center;color:#999;padding:60px 20px;font-style:italic}.refresh-btn[data-v-4e2b1b3e]{display:block;margin:20px auto 0;border:none;padding:10px 24px;border-radius:20px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;cursor:pointer;font-size:14px}.searchBox[data-v-4e2b1b3e]{display:flex;gap:10px;margin-bottom:20px}.searchInput[data-v-4e2b1b3e]{flex:1}.search-pagination[data-v-4e2b1b3e]{display:flex;justify-content:center;margin-top:20px}.lyric-view[data-v-4e2b1b3e]{position:relative;min-height:400px}.lyric-header[data-v-4e2b1b3e]{text-align:center;margin-bottom:12px}.back-btn[data-v-4e2b1b3e]{position:absolute;left:16px;top:0;border:none;background:hsla(0,0%,100%,.9);padding:8px 14px;border-radius:20px;cursor:pointer;font-size:14px;color:#3498db}.lyric-header h3[data-v-4e2b1b3e]{margin:8px 0;font-weight:600;color:#2c3e50}#lyric[data-v-4e2b1b3e]{height:calc(100vh - 280px);max-height:480px;overflow-y:auto;background:hsla(0,0%,100%,.85);padding:20px;border-radius:16px;box-shadow:0 6px 15px rgba(0,0,0,.08)}.tip_center[data-v-4e2b1b3e]{line-height:200px;text-align:center;color:#7f8c8d;font-style:italic}.lyricLine[data-v-4e2b1b3e]{padding:10px 5px;margin:5px 0;border-radius:6px;text-align:center;color:#555;transition:all .3s}.nowLyric[data-v-4e2b1b3e]{color:#e74c3c;font-size:1.2em;font-weight:500;background:rgba(231,76,60,.05)}.markBox[data-v-4e2b1b3e]{position:fixed;right:24px;bottom:140px;display:flex;flex-direction:column;gap:12px;z-index:90}.markBox>div[data-v-4e2b1b3e]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsla(0,0%,100%,.95);box-shadow:0 4px 12px rgba(0,0,0,.12);cursor:pointer;transition:transform .2s}.markBox>div[data-v-4e2b1b3e]:hover{transform:scale(1.1)}.player-bar[data-v-4e2b1b3e]{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:800px;background:hsla(0,0%,100%,.98);box-shadow:0 -4px 20px rgba(0,0,0,.1);padding:10px 16px 14px;z-index:200;border-radius:16px 16px 0 0}.player-info[data-v-4e2b1b3e]{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:8px}.player-cover[data-v-4e2b1b3e]{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.15)}.player-meta[data-v-4e2b1b3e]{flex:1;min-width:0}.player-title[data-v-4e2b1b3e]{font-size:15px;font-weight:600;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-singer[data-v-4e2b1b3e]{font-size:12px;color:#888;margin-top:2px}.player-progress[data-v-4e2b1b3e]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.time-label[data-v-4e2b1b3e]{font-size:11px;color:#999;width:36px;flex-shrink:0}.progress-slider[data-v-4e2b1b3e]{flex:1;height:4px;accent-color:#3498db;cursor:pointer}.player-controls[data-v-4e2b1b3e]{display:flex;justify-content:center;align-items:center;gap:32px}.ctrl-btn[data-v-4e2b1b3e]{border:none;background:none;color:#333;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.ctrl-btn[data-v-4e2b1b3e]:hover{color:#3498db;background:rgba(52,152,219,.1)}.play-btn[data-v-4e2b1b3e]{width:44px;height:44px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff!important;border-radius:50%}.play-btn[data-v-4e2b1b3e]:hover{background:linear-gradient(45deg,#2980b9,#3498db);color:#fff!important}#bottom_layer[data-v-4e2b1b3e]{text-align:center;padding:16px;font-size:12px;color:#888}#bottom_layer a[data-v-4e2b1b3e]{color:#3498db;text-decoration:none}@media (max-width:768px){.nav-item[data-v-4e2b1b3e]{font-size:13px;padding:6px 8px}#lyric[data-v-4e2b1b3e]{height:calc(100vh - 300px)}.markBox[data-v-4e2b1b3e]{bottom:150px;right:16px}}.class{width:100%}.class,.context{position:relative}.context{margin-top:55px auto}.name{font-size:1.2em}.name,.year{font-weight:700}.year{margin-left:20px}.bottom{margin-top:30px;margin-bottom:30px}#moveAniDiv{position:absolute;margin-top:-20px;left:50%;transform:translateX(-50%);width:100%}.moveAni{position:relative;color:red;top:-2px}#copyBox{position:absolute;left:-50%;top:0}.blogClass[data-v-275f93b5]{height:50px;width:calc(100% - 40px);padding:0 20px;background-color:#ccc;word-spacing:normal;overflow-y:auto}.blogClass span[data-v-275f93b5]{height:50px;display:block;float:left;font-weight:700;line-height:50px;margin:0 20px}.blogClass ul[data-v-275f93b5]{width:600px;height:50px;margin:0}.blogClass ul li[data-v-275f93b5]{list-style-type:none;float:left;padding:0 10px;height:50px;line-height:50px;margin:0 5px}.blogItem[data-v-275f93b5]{height:300px;width:100%;margin-top:20px;text-align:left;box-sizing:border-box}.blogItemTitleBox[data-v-275f93b5]{height:30px;line-height:30px;margin:10px 0 5px}.blogItemTitleBox .classText[data-v-275f93b5]{font-weight:700;font-size:1.5em;float:left;margin:0 30px 0 20px}.blogItemTitleBox .blogItemTitle[data-v-275f93b5]{float:left;margin:0}.blogItemTitleBox .blogItemCreated_at[data-v-275f93b5]{float:right;margin:0 30px 0 0}.blogItemContent[data-v-275f93b5]{background-color:#eee;border:1px solid #ccc;height:231px;padding:10px 20px;margin:0;overflow-x:hidden;box-sizing:border-box}[data-v-275f93b5] .md-previewOnly>.md-content>.md-preview-wrapper{overflow:hidden}[data-v-275f93b5] .md-previewOnly .md-preview{margin-top:-25px}.el-divider[data-v-275f93b5]{margin:4px 0}.submit{margin-top:20px}.card-header{display:flex;justify-content:space-between;align-items:center}.text{font-size:14px;text-align:left}.text>div:after,.text>div:before{display:block;content:"";clear:both}.item{margin-bottom:18px}.box-card{margin:30px auto}.box-card,.inputW{width:100%}.titleTip{float:left}.titleDate{float:right}.el-form-item{width:80%}.psotBtn{margin-top:20px}.md{text-align:left}.blogItemTitleBox[data-v-8743ec00]{height:30px;line-height:30px;margin:20px 0 20px}.blogItemTitleBox .classText[data-v-8743ec00]{font-weight:700;font-size:1.5em;float:left;margin:0 30px 0 20px}.blogItemTitleBox .blogItemTitle[data-v-8743ec00]{float:left;margin:0}.blogItemTitleBox .blogItemCreated_at[data-v-8743ec00]{float:right;margin:0 30px 0 0}.blogItemContent[data-v-8743ec00]{background-color:#eee;height:auto;padding:10px 20px;margin:0}.el-divider[data-v-8743ec00]{margin:4px 0}