:root{--bg-dark: #0a0c18;--panel-bg: rgba(17, 20, 38, .92);--panel-bg-soft: rgba(14, 17, 32, .7);--header-bg: rgba(15, 18, 36, .95);--accent: #f5c84c;--accent-strong: #ffdd55;--accent-soft: rgba(245, 200, 76, .14);--accent-pink: #ff7bb0;--accent-blue: #4ac8ff;--accent-green: #65f7c4;--accent-red: #ff5c7a;--text-main: #f5f6ff;--text-sub: #9aa0c8;--text-faint: #6c7296;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--shadow-1: 0 2px 10px rgba(0, 0, 0, .3);--shadow-2: 0 10px 26px rgba(0, 0, 0, .42);--shadow-glow: 0 0 18px rgba(245, 200, 76, .45);--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Baloo 2", "Nunito", var(--font)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg-dark);color:var(--text-main);overflow:hidden;font-family:var(--font)}button,input,select{font-family:inherit}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:transparent;opacity:.85;mix-blend-mode:screen}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:calc(100vh - 36px);margin:12px var(--sp-6) var(--sp-5);padding:var(--sp-3);gap:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--border-strong);background:#060812eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-2),0 0 100px #78aaff29}@media(max-width:1280px){.app{margin:var(--sp-4) var(--sp-5);height:calc(100vh - 32px)}}@media(max-width:900px){.app{margin:var(--sp-3);height:calc(100vh - 24px)}}.ripple-target,.btn,.track-item,.search-mini-item{position:relative;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--header-bg);border:1px solid var(--border);box-shadow:var(--shadow-1);min-height:68px;flex-shrink:0}.logo-area{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.title-text{min-width:0}.pikachu-box{width:52px;height:52px;flex-shrink:0;border-radius:50%;padding:3px;background:radial-gradient(circle at 30% 0,#fff9,#ffe68c),radial-gradient(circle at 70% 100%,#ff96c8d9,#ffdc82d9);box-shadow:var(--shadow-glow),var(--shadow-1);border:2px solid rgba(255,238,190,.9);display:flex;align-items:center;justify-content:center;animation:pika-float 2.6s ease-in-out infinite;cursor:pointer}.pikachu-img{width:100%;height:100%;border-radius:50%;object-fit:cover}@keyframes pika-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.title-text h1{margin:0;font-size:16px;font-weight:650;letter-spacing:.3px;text-shadow:0 0 14px rgba(255,212,95,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-text p{margin:2px 0 0;font-size:11px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls{display:flex;align-items:center;gap:var(--sp-4);font-size:11px;color:var(--text-sub);min-width:0}.header-controls>*+*{padding-left:var(--sp-4);border-left:1px solid var(--border)}.header-controls>.lang-toggle,.header-controls>.shortcut-toggle-btn{padding-left:0;border-left:0}.lang-toggle{display:inline-flex;border-radius:var(--r-pill);padding:2px;border:1px solid var(--border-strong);background:#00000052;flex-shrink:0}.lang-btn{border:none;background:transparent;padding:4px 11px;border-radius:var(--r-pill);color:var(--text-sub);font-size:11px;cursor:pointer}.lang-btn.active{background:var(--accent);color:#231b08;font-weight:600}.shortcut-hint{max-width:240px;text-align:left;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.account-area{display:flex;align-items:center;flex-shrink:0;gap:var(--sp-2);min-width:0}.site-stats{color:var(--text-sub);font-size:10px;white-space:nowrap}.auth-btn{border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:6px 14px;background:#0000004d;color:var(--text-main);cursor:pointer;font-size:11px;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.auth-btn:hover{border-color:var(--accent);color:var(--accent)}.auth-code-row{display:flex;gap:var(--sp-2);align-items:center}.auth-code-row input{flex:1;margin-bottom:0!important}.shortcut-toggle-btn{border:1px solid var(--border);border-radius:var(--r-pill);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#0000004d;color:var(--text-sub);cursor:pointer;font-size:14px;flex-shrink:0;transition:border-color .15s ease,color .15s ease}.shortcut-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:1180px){.shortcut-hint{display:none}}.layout{flex:1;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.5fr) minmax(280px,.85fr);gap:var(--sp-3);min-height:0;min-width:0}.layout.charts-focus{grid-template-columns:minmax(320px,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"search charts"}.layout.charts-focus .search-panel{grid-area:search}.layout.charts-focus .playlist-panel{grid-area:charts}.layout.charts-focus .player-panel.empty-state,.lyrics-panel{display:none}body.chart-home .layout.charts-focus{grid-template-columns:minmax(320px,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"search charts"}body.chart-home .layout.charts-focus .player-panel{display:none;grid-area:player}body.chart-home .layout.charts-focus .lyrics-panel{display:none}.panel{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;padding:var(--sp-3);border-radius:var(--r-md);background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow-1);z-index:0}.playlist-panel{padding:var(--sp-3) var(--sp-3) var(--sp-2)}.panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);flex-shrink:0}.panel-title{display:flex;align-items:center;gap:var(--sp-2);font-size:14px;font-weight:650;flex-shrink:0}.panel-title .icon{font-size:15px;opacity:.85}.chip{font-size:10px;padding:3px 9px;border-radius:var(--r-pill);background:#0000003d;color:var(--text-sub);border:1px solid var(--border);white-space:nowrap}.btn{border:none;border-radius:var(--r-pill);min-height:32px;padding:0 15px;background:var(--accent);color:#231b08;font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-1);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px) scale(.98)}.btn-secondary{background:#5a6ab047;color:var(--text-main);border:1px solid var(--border-strong);box-shadow:none}.btn-secondary:hover{background:#68aeff3d;border-color:#68aeff80}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-sub);box-shadow:none}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-icon{width:32px;height:32px;min-height:0;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:13px;border-radius:var(--r-pill)}.btn-fav-active{background:var(--accent-red)!important;border-color:var(--accent-red)!important;color:#fff5f7!important}.input{flex:1;min-height:32px;padding:0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border-strong);background:#040612b3;color:var(--text-main);font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{min-height:32px;padding:0 26px 0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border-strong);background-color:#0e1227e6;color:var(--text-main);font-size:11px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 13px) 14px,calc(100% - 8px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}select:hover{border-color:#f5c84c80}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select option{background:#11152b;color:#f5f7ff}.search-panel-content{position:relative;z-index:1;display:flex;flex-direction:column;align-content:flex-start;gap:var(--sp-3);min-height:0}.search-row{display:flex;align-items:center;gap:var(--sp-2);padding:3px 3px 3px var(--sp-3);border-radius:var(--r-pill);background:#040612bf;border:1px solid var(--border-strong)}.search-row:focus-within{border-color:var(--accent)}.search-prefix{font-size:12px;color:var(--text-sub)}.search-row .input{border:none;background:transparent;box-shadow:none!important;padding-left:0;font-size:12px}.search-autocomplete{position:absolute;top:45px;left:var(--sp-2);right:var(--sp-2);display:none;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--r-md);background:#090c1cfa;box-shadow:var(--shadow-2);z-index:40}.search-autocomplete.open{display:block}.search-suggestion-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:9px var(--sp-3);border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-main);text-align:left;cursor:pointer}.search-suggestion-item:last-child{border-bottom:0}.search-suggestion-item:hover,.search-suggestion-item.active{background:var(--accent-soft)}.search-suggestion-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-context{flex:0 0 auto;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:11px}.source-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:10px}.source-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px 9px;border-radius:var(--r-pill);background:#04061299;border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.source-chip:hover{border-color:var(--border-strong)}.source-chip-custom{border-style:dashed}.source-chip input{margin:0;width:12px;height:12px;accent-color:var(--accent);cursor:pointer}.lx-source-toggle{margin-top:var(--sp-1);padding:3px 9px;border:1px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--text-faint);font-size:10px;cursor:pointer;display:none}.lx-source-toggle:hover{border-color:var(--accent);color:var(--text-main)}.lx-source-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:var(--sp-1);font-size:10px;color:var(--text-faint)}.lx-source-list:empty{display:none}.lx-source-name{padding:3px 7px;border:1px solid var(--border);border-radius:var(--r-pill);background:#03051080}.source-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.source-dot.netease{background:#ff6b6b}.source-dot.qq{background:#4dd0e1}.source-dot.kuwo{background:#ba68c8}.source-dot.joox{background:#65f7c4}.source-dot.kugou{background:#ff6c9a}.source-dot.lx{background:#ffd166}.limit-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:10px;color:var(--text-sub);padding-top:var(--sp-2);border-top:1px solid var(--border)}.limit-row select{padding:0 24px 0 10px;min-height:28px;font-size:11px}.search-stats{display:flex;justify-content:space-between;font-size:10px;color:var(--text-sub)}.search-results-mini{flex:1;min-height:0;overflow-y:auto;padding-right:var(--sp-1);margin-top:var(--sp-1)}.search-mini-item{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:7px 9px;margin-bottom:var(--sp-1);border-radius:var(--r-sm);background:#ffffff08;border:1px solid transparent;font-size:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.search-mini-item:hover{background:#68aeff1a;border-color:var(--border)}.mini-meta-main{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}.mini-title{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist{font-size:9px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.mini-badge{font-size:10px;padding:2px 7px;border-radius:var(--r-pill);background:#00000059;border:1px solid var(--border);color:var(--text-sub)}.mini-source{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--text-faint)}.player-panel{display:flex;flex-direction:column;min-height:0}.player-panel.empty-state .player-top{min-height:170px;align-items:center;justify-content:center;gap:var(--sp-4)}.player-panel.empty-state .cover-wrapper{width:130px;height:130px}.player-panel.empty-state .cover-placeholder{color:var(--text-faint);font-size:11px}.player-panel.empty-state .cover-disc{opacity:.7;animation:none}.player-panel.empty-state .player-main{flex:0 1 300px}.player-panel.empty-state .track-title-row{justify-content:center;text-align:center}.player-panel.empty-state .track-text{max-width:100%}.player-panel.empty-state .player-actions{align-items:center}.player-panel.empty-state .lyrics-container{display:flex;align-items:center;justify-content:center;background:#06081266;box-shadow:none}.player-panel.empty-state .lyrics-container:before,.player-panel.empty-state .lyrics-container:after{display:none}.player-panel.empty-state .lyrics-title-line{color:#f5f6ff8c}.player-panel.empty-state .lyrics-empty{margin-top:var(--sp-2);font-size:13px;color:var(--text-sub)}.player-top{display:flex;gap:var(--sp-4);position:relative;z-index:1;min-height:150px;flex-shrink:0}.cover-wrapper{width:122px;height:122px;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(circle at 30% 0,#2e2f48,#131424);box-shadow:var(--shadow-2);flex-shrink:0;position:relative}.cover-wrapper img{width:100%;height:100%;object-fit:cover;display:none}.cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--text-sub);font-size:12px}.cover-disc{width:66px;height:66px;border-radius:50%;border:9px solid rgba(0,0,0,.6);background:radial-gradient(circle,#16141f 0,#000 45%,#222 70%,#000);position:relative;animation:disc-spin 12s linear infinite}.cover-disc:before{content:"";position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;background:radial-gradient(circle at 30% 0,var(--accent-pink),#b546b8,#5a2a7c)}.cover-disc:after{content:"";position:absolute;top:42%;right:42%;bottom:42%;left:42%;border-radius:50%;background:#05050a}@keyframes disc-spin{to{transform:rotate(360deg)}}.player-main{flex:1;display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.track-title-row{display:flex;justify-content:space-between;gap:var(--sp-3)}.track-text{max-width:66%;min-width:0}.track-title{font-size:18px;font-weight:650;max-height:48px;overflow:hidden}.track-artist{font-size:12px;color:var(--text-sub);margin-top:3px}.track-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-2);font-size:10px}.source-pill{padding:2px 9px;border-radius:var(--r-pill);border:1px solid var(--border-strong);display:inline-flex;align-items:center;gap:4px;background:#0000004d}.source-pill.source-netease{color:#ff7b7b;background:#ff6b6b1f;border-color:#ff6b6b4d}.source-pill.source-qq{color:#7ee5f0;background:#4dd0e11f;border-color:#4dd0e14d}.source-pill.source-kuwo{color:#e2baff;background:#ba68c81f;border-color:#ba68c84d}.source-pill.source-joox{color:#9dffd9;background:#65f7c41f;border-color:#65f7c44d}.source-pill.source-lx{color:#ffe08a;background:#ffd16624;border-color:#ffd1664d}.lossless-pill{padding:2px 9px;border-radius:var(--r-pill);border:1px solid rgba(101,247,196,.4);color:var(--accent-green);background:#0d523c80}.player-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);font-size:11px;flex-shrink:0}.player-btn-row{display:flex;gap:var(--sp-1)}.status-pill{padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:#0000004d;color:var(--text-sub);font-size:11px}.player-controls{margin-top:var(--sp-1);display:flex;flex-direction:column;gap:var(--sp-2)}.progress-row{display:flex;align-items:center;gap:var(--sp-2);font-size:11px}.progress-time{width:40px;text-align:center;color:var(--text-sub);flex-shrink:0}.progress-bar-wrapper{flex:1;height:5px;border-radius:var(--r-pill);background:#ffffff1a;position:relative;cursor:pointer;overflow:hidden}.progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent-pink),var(--accent-strong),var(--accent-blue))}.progress-handle{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#fffbe3;border:2px solid #e6a52b;transform:translate(-50%,-50%);box-shadow:0 0 6px #fff9}.control-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:var(--sp-3)}.control-main{display:flex;align-items:center;gap:var(--sp-2)}.control-main .play-btn{width:40px;height:40px;min-height:0;font-size:17px}.control-secondary{display:flex;align-items:center;gap:var(--sp-1);font-size:11px}.download-quality-select{max-width:120px;min-width:96px;height:30px;min-height:0;padding:0 8px;border-radius:var(--r-sm);font-size:10px}.volume-slider{width:90px;accent-color:var(--accent)}.lyrics-container{flex:1;min-height:0;margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4) var(--sp-2);border-radius:var(--r-lg);background:#0406108c;border:1px solid var(--border);overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:inset 0 0 30px #0000004d}.lyrics-container:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg,#ffd6660f,#ffd66638,#68b8ff38,#ba84ff3d,#ffd6660f);opacity:.4;filter:blur(14px);animation:lyricsGlow 18s linear infinite}@keyframes lyricsGlow{to{transform:rotate(360deg)}}.lyrics-container.alt-style:before{background:conic-gradient(from 0deg,#68b8ff1a,#ba84ff3d,#ffd66633,#68b8ff47,#ba84ff3d)}.lyrics-inner{position:relative;z-index:1;padding:2px 4px 10px;text-align:center;max-width:540px;margin:0 auto}@media(min-width:861px){body.chart-home .layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);grid-template-areas:"left right";align-items:stretch}body.chart-home .layout-left,body.chart-home .layout-right{display:grid;min-width:0;min-height:0}body.chart-home .layout-left{grid-area:left;width:auto;grid-template-rows:minmax(240px,1.5fr) minmax(220px,1fr)}body.chart-home .layout-right{grid-area:right;grid-template-rows:minmax(0,1fr) minmax(210px,230px)}body.chart-home .layout-left .search-panel,body.chart-home .layout-left .lyrics-panel,body.chart-home .layout-right .playlist-panel,body.chart-home .layout-right .player-panel{display:flex!important;visibility:visible!important;opacity:1!important;grid-area:auto!important;min-height:0}.layout.charts-focus{grid-template-columns:minmax(320px,380px) minmax(360px,1fr);grid-template-areas:"left right"}.layout.charts-focus .layout-left,.layout.charts-focus .layout-right{min-width:0;min-height:0}.layout.charts-focus .layout-left{grid-area:left;display:grid;gap:var(--sp-3)}.layout.charts-focus .layout-right{grid-area:right;display:grid;gap:var(--sp-3)}body.chart-home .layout.charts-focus .layout-left{grid-template-rows:minmax(240px,1.5fr) minmax(220px,1fr)}body.chart-home .layout.charts-focus .layout-right{grid-template-rows:minmax(0,1fr) minmax(210px,230px)}body.chart-home .layout.charts-focus .player-panel,body.chart-home .layout.charts-focus .lyrics-panel{display:flex!important}body:not(.chart-home) .layout.charts-focus .layout-left{grid-template-rows:minmax(240px,1.5fr) minmax(220px,1fr)}body:not(.chart-home) .layout.charts-focus .layout-right{grid-template-rows:minmax(0,1fr) minmax(210px,230px)}.layout.charts-focus .layout-left .search-panel,.layout.charts-focus .layout-left .lyrics-panel,.layout.charts-focus .layout-right .playlist-panel,.layout.charts-focus .layout-right .player-panel{grid-area:auto;min-height:0}body:not(.chart-home) .layout.charts-focus .layout-left .search-panel,body:not(.chart-home) .layout.charts-focus .layout-right .playlist-panel{grid-row:1}body:not(.chart-home) .layout.charts-focus .layout-left .lyrics-panel,body:not(.chart-home) .layout.charts-focus .layout-right .player-panel{grid-row:2}body:not(.chart-home) .layout.charts-focus .layout-right .player-panel{align-self:stretch;height:auto}}@media(max-width:860px){.layout.charts-focus .layout-left,.layout.charts-focus .layout-right{display:contents}}body.theme-light .source-chip,body.theme-light .lang-toggle,body.theme-light .playlist-tabs{background:#fff!important;border-color:#1e285a2e!important}body.theme-light .playlist-tab{background:transparent}body.theme-light .chip{background:#fff;border-color:#1e285a2e;color:#334064}@media(min-width:861px){body:not(.chart-home) .layout.charts-focus .search-panel{padding:var(--sp-2)}body:not(.chart-home) .layout.charts-focus .search-panel .panel-header{margin-bottom:var(--sp-2)}body:not(.chart-home) .layout.charts-focus .search-panel-content{gap:var(--sp-2)}body:not(.chart-home) .layout.charts-focus .source-row{gap:4px}body:not(.chart-home) .layout.charts-focus .source-chip{padding:3px 7px}body:not(.chart-home) .layout.charts-focus .limit-row{padding-top:var(--sp-1)}body:not(.chart-home) .layout.charts-focus .limit-row select{min-height:24px}body:not(.chart-home) .layout.charts-focus .search-mini-item{padding:5px 7px}}.lyrics-title-line{font-family:var(--font-display);font-size:14px;color:var(--text-sub);margin-bottom:var(--sp-2);letter-spacing:.05em}.lyrics-line{font-family:var(--font-display);font-size:16px;color:#c4c7ebb3;margin:5px 0;opacity:.55;transition:transform .25s ease,color .25s ease,text-shadow .25s ease,opacity .25s ease;white-space:normal;letter-spacing:.03em}.lyrics-line.active{opacity:1;transform:scale(1.1);background:linear-gradient(120deg,#ffe6a7,#ff9bd4,#8fd5ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(245,200,76,.4)}.lyrics-empty{font-family:var(--font-display);font-size:14px;color:var(--text-sub);margin-top:var(--sp-4);letter-spacing:.03em}.playlist-panel{display:flex;flex-direction:column;min-height:0;z-index:1}.playlist-tabs{display:flex;flex:1 1 260px;min-width:220px;width:auto;border-radius:var(--r-pill);border:1px solid var(--border);padding:2px;background:#00000040;font-size:11px;max-width:100%;overflow-x:auto;scrollbar-width:none}.playlist-tabs::-webkit-scrollbar{display:none}.playlist-tab{flex:1 1 auto;min-width:0;padding:5px 6px;text-align:center;border-radius:var(--r-pill);cursor:pointer;color:var(--text-sub);white-space:nowrap;transition:background .15s ease,color .15s ease}.playlist-tab:hover{color:var(--text-main)}.playlist-tab.active{background:var(--accent);color:#231b08;font-weight:650}.playlist-main{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;z-index:1;overflow-y:auto;padding-right:var(--sp-1)}.playlist-bar{display:flex;flex-direction:column;gap:var(--sp-2);flex-shrink:0;padding:var(--sp-2) 0;margin-bottom:var(--sp-2);position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#0a0c18fa,#0a0c18e6);border-bottom:1px solid var(--border)}.playlist-top-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.playlist-info{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-sub);font-size:11px}.playmode-row{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.playmode-btn{border:1px solid var(--border);border-radius:var(--r-pill);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#0000004d;color:var(--text-sub);cursor:pointer}.playmode-btn.active{background:var(--accent);color:#231b08;border-color:var(--accent)}.chart-select-row{display:flex;flex-direction:column;gap:var(--sp-3)}.chart-hero{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;min-height:86px;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(120deg,#4852a038,#0d122a66)}.chart-hero-cover{width:74px;height:74px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:linear-gradient(145deg,var(--accent),var(--accent-pink) 52%,var(--accent-blue));background-size:cover;background-position:center;color:#fff;font-size:26px;font-weight:700}.chart-hero-cover.has-image{color:transparent}.chart-hero-copy{min-width:0}.chart-hero-kicker{color:var(--accent);font-size:10px;letter-spacing:.04em}.chart-hero-title{margin:4px 0;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-hero-meta{margin:0;color:var(--text-sub);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-hero-stat{display:flex;flex-direction:column;align-items:flex-end;color:var(--text-sub);font-size:10px;white-space:nowrap}.chart-hero-stat strong{color:var(--text-main);font-size:20px;line-height:1}.chart-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-1)}.chart-quick-btn{min-height:28px;border:1px solid var(--border);border-radius:var(--r-sm);background:#0003;color:var(--text-sub);font-size:11px;cursor:pointer}.chart-quick-btn.active{border-color:#f5c84c99;background:var(--accent-soft);color:var(--text-main)}.chart-platform-tabs{display:flex;gap:var(--sp-1);overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.chart-platform-tabs::-webkit-scrollbar{display:none}.chart-platform-tab{flex:0 0 auto;min-height:27px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:#0003;color:var(--text-sub);font-size:11px;cursor:pointer}.chart-platform-tab.active{color:#1e1906;background:linear-gradient(120deg,var(--accent),#ffeaa0);border-color:var(--accent);font-weight:700}.chart-platform-tab.loading{cursor:progress;opacity:.75}.chart-platform-tab.loading:after{content:"";display:inline-block;width:7px;height:7px;margin-left:var(--sp-1);border:1px solid currentColor;border-left-color:transparent;border-radius:50%;vertical-align:-1px;animation:chart-tab-loading .75s linear infinite}@keyframes chart-tab-loading{to{transform:rotate(360deg)}}.chart-category-list{display:flex;flex-direction:column;gap:2px}.chart-category-btn{width:100%;min-height:32px;padding:0 var(--sp-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-sub);text-align:left;font-size:12px;cursor:pointer}.chart-category-btn:hover{background:#68aeff1a;color:var(--text-main)}.chart-category-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.chart-select-tools{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) 32px;gap:var(--sp-2);align-items:center}.chart-select-tools select{width:100%;min-width:0;height:32px}.chart-select-tools .btn-icon{width:32px;height:32px;border-radius:var(--r-sm)}.chart-list-status{min-height:120px;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);color:var(--text-sub);font-size:11px;text-align:center}.playlist-select-row{display:flex;flex-direction:column;gap:var(--sp-2)}.playlist-select-tools,.playlist-file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.playlist-select-tools select{flex:1;min-width:0}.playlist-file-actions .btn{padding:0 var(--sp-3);font-size:11px;min-height:30px}.playlist-main.chart-browse{display:grid;grid-template-columns:minmax(190px,220px) minmax(0,1fr);grid-template-rows:auto 28px minmax(0,1fr);column-gap:var(--sp-4);overflow:hidden}.playlist-main.chart-browse .playlist-bar{display:contents}.playlist-main.chart-browse .playlist-top-row{grid-column:2;grid-row:1;padding:0 0 var(--sp-2);border-bottom:1px solid var(--border)}.playlist-main.chart-browse .chart-select-row{grid-column:1;grid-row:1 / -1;height:100%;box-sizing:border-box;min-height:0;overflow-y:auto;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:#0000002e}.playlist-main.chart-browse #playlist-list{grid-column:2;grid-row:3;min-width:0;overflow-y:auto;padding:28px 2px var(--sp-2) 0}.playlist-main.chart-browse .chart-hero,.playlist-main.chart-browse .chart-quick-actions,.playlist-main.chart-browse .chart-platform-tabs{display:none}.playlist-main.chart-browse .chart-select-tools{order:-1;display:flex;align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.playlist-main.chart-browse #chart-source-select{flex:1;min-width:0}.playlist-main.chart-browse #chart-select{display:none}.playlist-main.chart-browse #chart-refresh-btn{flex:0 0 auto}.chart-table-head{display:none}.layout.charts-focus .chart-table-head{display:grid;grid-column:2;grid-row:2;grid-template-columns:34px minmax(150px,1.4fr) minmax(110px,.8fr) minmax(130px,.9fr) 52px 64px;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2);color:var(--text-faint);font-size:11px;border-bottom:1px solid var(--border)}.playlist-list{flex:0 0 auto;position:relative;z-index:1}.track-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-2);align-items:center;padding:10px 12px;margin-bottom:var(--sp-1);border-radius:var(--r-sm);background:#ffffff06;border:1px solid transparent;font-size:11px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.track-item:hover{background:#68aeff1a;border-color:var(--border)}.track-item.playing{border-color:var(--accent);background:var(--accent-soft)}.track-item.loading{border-color:#68aeff99}.track-item.loading .track-actions .btn:first-child{cursor:wait}.track-index{width:22px;text-align:right;color:var(--text-sub);flex-shrink:0}.track-meta-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta-sub{display:flex;justify-content:space-between;gap:var(--sp-1);font-size:10px;color:var(--text-sub);margin-top:2px}.track-actions{display:flex;gap:var(--sp-1);justify-content:flex-end}.track-actions .btn-icon{width:26px;height:26px;font-size:12px}.playlist-list.chart-list .track-item{grid-template-columns:34px 44px minmax(150px,1.4fr) minmax(110px,.8fr) minmax(130px,.9fr) 52px 64px;gap:var(--sp-3);min-height:52px;padding:6px var(--sp-2)}.chart-track-cover{width:44px;height:44px;border-radius:var(--r-sm);background:linear-gradient(145deg,#f5c84cb3,#68aeff80);background-size:cover;background-position:center;flex-shrink:0}.layout.charts-focus .playlist-list.chart-list .track-item:hover{background:#68aeff1a}.layout.charts-focus .playlist-list.chart-list .track-item.playing{background:var(--accent-soft)}.layout.charts-focus .track-meta-sub{display:none}.chart-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-sub);font-size:11px}.chart-duration{text-align:right;color:var(--text-faint)}.layout.charts-focus .track-index{width:auto;text-align:center}@media(max-width:980px){.layout.charts-focus .chart-table-head{grid-template-columns:30px minmax(0,1fr) 52px 64px}.layout.charts-focus .chart-table-head span:nth-child(3),.layout.charts-focus .chart-table-head span:nth-child(4),.layout.charts-focus .playlist-list.chart-list .chart-artist,.layout.charts-focus .playlist-list.chart-list .chart-album{display:none}.layout.charts-focus .playlist-list.chart-list .track-item{grid-template-columns:30px 40px minmax(0,1fr) 52px 64px;gap:var(--sp-2)}}footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:3000!important;width:100vw!important;max-width:none!important;transform:none!important;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--sp-3);min-height:32px;margin:0;padding:var(--sp-1) var(--sp-3) max(4px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border);background:#060812eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;white-space:nowrap;pointer-events:auto}.footer-copy{position:static;display:block;flex:0 1 auto;min-width:0;width:auto;font-size:10px;color:var(--text-sub);text-align:center;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;order:2;margin-left:0}.footer-promo{position:static!important;transform:none;flex:0 0 auto;width:auto!important;min-width:0;max-width:none!important;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:var(--sp-3);padding:0;line-height:1;color:var(--text-sub);background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;order:1}.footer-promo a{pointer-events:auto}.download-promo{font-size:15px;font-weight:600;white-space:nowrap}footer img{max-width:none;height:18px;width:auto}#toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:8px 16px;border-radius:var(--r-pill);background:#090c1cf5;border:1px solid var(--border-strong);font-size:11px;color:var(--text-main);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1500}#toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}.ripple-circle,.ripple-circle-inner{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);opacity:.8;z-index:20}.ripple-circle{border:2px solid rgba(255,223,140,.75);box-shadow:0 0 12px #ffdf8c99;background:radial-gradient(circle,#fffadc59,#ffdf8c00);animation:rippleOuter .7s cubic-bezier(.22,.61,.36,1) forwards}.ripple-circle-inner{border:1px solid rgba(130,196,255,.8);box-shadow:0 0 14px #82c4ffb3;background:radial-gradient(circle,#ffffff4d,#66c4ff00);animation:rippleInner .7s cubic-bezier(.22,.61,.36,1) forwards;z-index:19}@keyframes rippleOuter{to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes rippleInner{to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.search-results-mini::-webkit-scrollbar,.playlist-main::-webkit-scrollbar,.lyrics-container::-webkit-scrollbar{width:5px}.search-results-mini::-webkit-scrollbar-track,.playlist-main::-webkit-scrollbar-track,.lyrics-container::-webkit-scrollbar-track{background:transparent}.search-results-mini::-webkit-scrollbar-thumb,.playlist-main::-webkit-scrollbar-thumb,.lyrics-container::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#979ebb59}.search-results-mini::-webkit-scrollbar-thumb:hover,.playlist-main::-webkit-scrollbar-thumb:hover,.lyrics-container::-webkit-scrollbar-thumb:hover{background:#f5c84c8c}.search-results-mini,.playlist-main,.lyrics-container{scrollbar-width:thin;scrollbar-color:rgba(151,158,187,.35) transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050710bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;z-index:2000}.modal-backdrop.show{display:flex}.modal{background:#0d1020fa;border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5) var(--sp-3);box-shadow:var(--shadow-2);max-width:380px;width:92%;color:var(--text-main);position:relative;border:1px solid var(--border-strong)}.avatar-preview-modal{width:auto;max-width:92vw;padding:var(--sp-2)}.avatar-preview-img{display:block;max-width:82vw;max-height:78vh;width:auto;height:auto;border-radius:var(--r-md)}.avatar-preview-close{position:absolute;top:2px;right:6px;z-index:1;width:28px;height:28px;min-height:0;border-radius:50%;background:#00000080;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:var(--sp-2)}.modal-title-wrap{display:flex;align-items:center;gap:var(--sp-2)}.modal-title-icon{width:24px;height:24px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--accent-soft)}.modal-close-btn{border:none;background:transparent;color:var(--text-sub);font-size:18px;cursor:pointer}.modal-close-btn:hover{color:var(--text-main)}.modal-desc{margin:2px 0 var(--sp-3);font-size:11px;color:var(--text-sub);line-height:1.6}.modal input{width:100%;min-height:34px;padding:0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border-strong);background:#040610b3;color:var(--text-main);font-size:12px;outline:none;margin-bottom:var(--sp-3)}.modal input:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-1)}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-2);font-size:12px}.shortcut-card{border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);background:#ffffff08;border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-1)}.shortcut-label{font-size:11px;color:var(--text-sub)}.shortcut-key{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.shortcut-key kbd{padding:2px 7px;border-radius:var(--r-sm);border:1px solid var(--border-strong);font-size:11px;background:#00000040}@media(max-width:1080px){.layout{grid-template-columns:1.1fr 1.2fr;grid-template-rows:minmax(260px,.9fr) minmax(260px,1.1fr);grid-template-areas:"player player" "search playlist"}.search-panel{grid-area:search}.player-panel{grid-area:player}.playlist-panel{grid-area:playlist}.layout.charts-focus,body.chart-home .layout.charts-focus{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}body.chart-home .layout.charts-focus{grid-template-rows:minmax(0,1fr);grid-template-areas:"left right"}body:not(.chart-home) .layout.charts-focus{grid-template-columns:minmax(280px,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"left right"}}@media(max-width:860px){html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{padding-bottom:52px}.app{height:auto;min-height:calc(100vh - 24px);margin:var(--sp-3);padding:var(--sp-2);overflow:visible}header{flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.header-controls{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:var(--sp-3)}.header-controls>*+*{padding-left:0;border-left:0}.shortcut-hint{display:none}.account-area{width:100%;justify-content:space-between}.site-stats{overflow:hidden;text-overflow:ellipsis}.layout,.layout.charts-focus,body.chart-home .layout.charts-focus{display:flex;flex-direction:column;flex:none;gap:var(--sp-3)}.layout.charts-focus .playlist-panel{order:3;min-height:470px}.layout.charts-focus .player-panel{order:4;display:flex!important}.layout.charts-focus .lyrics-panel{order:2;display:flex;min-height:300px}.layout.charts-focus .search-panel{order:1}body.chart-home .layout.charts-focus .player-panel,body.chart-home .layout.charts-focus .lyrics-panel{display:flex!important}.panel{flex:none;padding:var(--sp-2);border-radius:var(--r-md)}.player-panel{min-height:470px}.player-top{min-height:0;align-items:flex-start}.player-panel.empty-state .player-top{flex-direction:column;min-height:240px;align-items:center;gap:var(--sp-3)}.player-panel.empty-state .cover-wrapper{width:112px;height:112px}.player-panel.empty-state .player-main{width:100%;flex:0 0 auto}.cover-wrapper{width:88px;height:88px;border-radius:var(--r-md)}.player-main,.track-text{min-width:0}.track-text{max-width:none}.track-title{font-size:16px}.control-row{flex-wrap:wrap;gap:var(--sp-2)}.control-secondary{margin-left:auto}.lyrics-container{flex:none;height:clamp(220px,40vh,400px);min-height:220px;padding:var(--sp-2) var(--sp-3)}.lyrics-line{font-size:15px}.lyrics-line.active{transform:scale(1.06)}.search-panel{min-height:360px}.search-row .btn{min-height:36px}.source-chip{padding:7px 10px}.limit-row{flex-wrap:wrap;justify-content:flex-start}.search-results-mini{min-height:170px;max-height:40vh}.playlist-panel{min-height:360px}.playlist-main{max-height:52vh}.playlist-main.chart-browse{min-height:430px;grid-template-columns:minmax(176px,205px) minmax(0,1fr);column-gap:var(--sp-4)}.playlist-main.chart-browse .playlist-top-row{padding:0 0 var(--sp-2)}.playlist-main.chart-browse .chart-select-row{padding:var(--sp-2) var(--sp-3) var(--sp-2) 0}.playlist-main.chart-browse #playlist-list{padding:28px 0 var(--sp-2)}.btn{min-height:36px}.btn-icon{width:36px;height:36px}.playmode-btn{width:34px;height:34px}.input{font-size:16px}.player-btn-row{flex-wrap:wrap;justify-content:flex-end;row-gap:var(--sp-2)}.download-quality-select{min-width:0;max-width:132px;flex:0 1 auto;height:32px;font-size:11px}.playlist-tab{padding:var(--sp-2) 10px}}@media(max-width:520px){.app{min-height:calc(100vh - 16px);margin:var(--sp-2)}header{min-height:56px}.pikachu-box{width:46px;height:46px}.logo-area{width:100%}.title-text h1,.title-text p{overflow-wrap:anywhere;white-space:normal}.title-text h1{font-size:15px}.title-text p{font-size:10px}.panel-header{min-width:0;gap:var(--sp-2)}.panel-header .chip{min-width:0;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-panel{min-height:455px}.player-panel.empty-state .player-top{min-height:230px}.player-panel.empty-state .cover-wrapper{width:100px;height:100px}.cover-wrapper{width:72px;height:72px}.cover-disc{width:50px;height:50px;border-width:6px}.track-title{font-size:15px}.track-artist{font-size:11px}.player-actions{gap:var(--sp-1);width:100%;align-items:stretch}.player-btn-row{width:100%;flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-start}.player-btn-row .download-quality-select{flex:1 1 40%;min-width:112px;max-width:none}.status-pill{align-self:flex-start}.player-top{flex-wrap:wrap}.track-title-row{flex-wrap:wrap;justify-content:flex-start}.track-text{flex:1 1 140px}.player-actions{flex:1 1 100%}.playlist-tabs{display:flex;width:100%;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.playlist-tabs::-webkit-scrollbar{display:none}.playlist-tab{flex:0 0 auto;min-width:76px;text-align:center;padding:7px 10px;white-space:nowrap}.chart-hero{grid-template-columns:56px minmax(0,1fr);gap:var(--sp-2);min-height:70px;padding:var(--sp-2)}.chart-hero-cover{width:56px;height:56px;font-size:20px}.chart-hero-title{font-size:15px}.chart-hero-stat{display:none}.playlist-list.chart-list .track-item{grid-template-columns:22px 38px minmax(0,1fr) auto;padding:7px 5px}.chart-track-cover{width:38px;height:38px}.control-secondary{width:100%;margin-left:0}.volume-slider{flex:1;width:auto;min-width:120px}.search-panel{min-height:340px}.search-row{padding-left:var(--sp-2)}.search-row .btn{padding-left:var(--sp-3);padding-right:var(--sp-3)}.playlist-panel{min-height:340px}footer{font-size:9px}.footer-promo{gap:var(--sp-1)}.download-promo{font-size:12px}}body.theme-light{--bg-dark: #eef1f8;--panel-bg: rgba(255, 255, 255, .82);--header-bg: rgba(255, 255, 255, .9);--text-main: #212949;--text-sub: #5b628a;--text-faint: #848db8;--border: rgba(30, 40, 90, .12);--border-strong: rgba(30, 40, 90, .2);--accent-soft: rgba(245, 200, 76, .22)}body.theme-light #bg-canvas{mix-blend-mode:multiply;opacity:.4}body.theme-light .app{border-color:var(--border);background:radial-gradient(circle at 0 0,rgba(255,255,255,.9),transparent 60%),radial-gradient(circle at 100% 100%,rgba(150,190,255,.3),transparent 60%),#ffffff8c;box-shadow:0 0 40px #5a6eb424}body.theme-light .btn{color:#2a1f04;box-shadow:0 4px 12px #d2aa3c59}body.theme-light .btn-secondary{background:#788cdc24;border-color:#1e285a2e;color:var(--text-main)}body.theme-light .search-row,body.theme-light .input,body.theme-light select,body.theme-light .status-pill,body.theme-light .source-chip,body.theme-light .lx-source-name,body.theme-light .auth-btn,body.theme-light .shortcut-toggle-btn,body.theme-light .playmode-btn,body.theme-light .chart-quick-btn,body.theme-light .chart-platform-tab,body.theme-light .mini-badge,body.theme-light .source-pill{background:#ffffffd9;border-color:var(--border-strong);color:var(--text-main)}body.theme-light select option{background:#fff;color:var(--text-main)}body.theme-light .search-autocomplete{background:#fff;box-shadow:0 14px 30px #3c50962e}body.theme-light .track-item:hover{background:#d6e4ffb3}body.theme-light .track-item.playing{background:#f5c84c38}body.theme-light .lyrics-container{background:#ffffff8c;box-shadow:inset 0 0 24px #5a6eb414}body.theme-light #toast,body.theme-light .modal{background:#fffffffa;color:var(--text-main);box-shadow:0 16px 40px #3c509638}body.theme-light footer{background:#f4f7fdf2;color:var(--text-sub)}body.theme-light .playlist-tab.active{color:#2a1f04}body.theme-light .search-mini-item{background:#ffffff8c}body.theme-light .search-mini-item:hover{background:#d6e4ffbf}body.theme-light .lossless-pill{background:#65f7c440;color:#0a6e4c;border-color:#0a6e4c4d}body.theme-light .progress-bar-wrapper{background:#1e285a1f}body.theme-light .playlist-bar{background:linear-gradient(180deg,#f8fafff5,#eef3fcd9)}body.theme-light .chart-hero{background:linear-gradient(120deg,#7896ff24,#ffffff80)}body.theme-light .modal-backdrop{background:#3246824d}body.theme-light .shortcut-card{background:#ffffffd9}body.theme-light .shortcut-key kbd{background:#1e285a0f;color:var(--text-main);border-color:#1e285a38}body.theme-light .lang-btn.active{color:#2a1f04}body.theme-light .source-pill.source-netease{color:#c23a3a}body.theme-light .source-pill.source-kuwo{color:#7a3fa8}body.theme-light .source-pill.source-lx{color:#8a6d00}body.theme-light .title-text h1{color:#9a6b00;text-shadow:0 1px 2px rgba(154,107,0,.15)}body.theme-light .cover-wrapper{background:radial-gradient(circle at 30% 0,#fff,#d9e1f2)}body.theme-light .cover-disc{border-color:#1e285a2e}body.theme-light .lyrics-line{color:#343e6ed9;opacity:.6}body.theme-light .lyrics-line.active{background:linear-gradient(120deg,#b8860b,#d6478f,#2a7fd4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}body.theme-light .search-results-mini::-webkit-scrollbar-thumb,body.theme-light .playlist-main::-webkit-scrollbar-thumb,body.theme-light .lyrics-container::-webkit-scrollbar-thumb{background:#5a8cff8c}@media(min-width:861px){.layout.charts-focus{display:grid!important;grid-template-columns:minmax(320px,360px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"left right"!important;gap:var(--sp-3)!important}.layout.charts-focus .layout-left,.layout.charts-focus .layout-right{display:grid!important;min-width:0;min-height:0;gap:var(--sp-3)}.layout.charts-focus .layout-left{grid-area:left!important;grid-template-rows:minmax(0,1fr)!important}.layout.charts-focus .layout-right{grid-area:right!important;grid-template-columns:minmax(240px,.42fr) minmax(0,1fr)!important;grid-template-rows:clamp(150px,21vh,184px) minmax(0,1fr)!important}.layout.charts-focus .layout-left .search-panel,.layout.charts-focus .layout-right .lyrics-panel,.layout.charts-focus .layout-right .playlist-panel,.layout.charts-focus .layout-right .player-panel{display:flex!important;grid-area:auto!important;min-width:0;min-height:0}.layout.charts-focus .layout-left .search-panel{grid-row:1!important}.layout.charts-focus .layout-right .lyrics-panel{grid-column:1!important;grid-row:2!important}.layout.charts-focus .layout-right .player-panel{grid-column:1 / -1!important;grid-row:1!important;height:auto!important}.layout.charts-focus .layout-right .playlist-panel{grid-column:2!important;grid-row:2!important}body.chart-home .layout.charts-focus .layout-right .player-panel.empty-state{display:flex!important}.layout.charts-focus .player-panel.empty-state .player-top{min-height:0!important;flex:1 1 auto;gap:var(--sp-3)}.layout.charts-focus .player-panel.empty-state .cover-wrapper{width:88px;height:88px}.layout.charts-focus .player-panel.empty-state .player-main{flex:1 1 auto;min-width:0;gap:var(--sp-1)}.layout.charts-focus .player-panel.empty-state .player-controls{gap:var(--sp-1)}}@media(min-width:861px){.playlist-main.chart-browse{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 28px minmax(0,1fr)!important;column-gap:0!important;position:relative}.playlist-main.chart-browse .playlist-bar{display:contents!important}.playlist-main.chart-browse .playlist-top-row{grid-column:1!important;grid-row:1!important;padding:0 0 var(--sp-2) 350px!important}.playlist-main.chart-browse #playlist-info{display:none!important}.playlist-main.chart-browse .chart-select-row{grid-column:1!important;grid-row:auto!important;position:absolute;top:0;right:auto;left:0;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:var(--sp-2);height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.playlist-main.chart-browse .chart-category-list,.playlist-main.chart-browse .chart-platform-tabs,.playlist-main.chart-browse .chart-hero,.playlist-main.chart-browse .chart-quick-actions{display:none!important}.playlist-main.chart-browse .chart-select-tools{display:flex!important;align-items:center;justify-content:flex-end;gap:var(--sp-2);width:auto;padding:0!important;border:0!important}.playlist-main.chart-browse .playmode-row{position:relative;z-index:2;gap:6px;margin-right:10px}.playlist-main.chart-browse .playmode-btn{flex:0 0 30px;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;overflow:visible;line-height:1;font-size:14px}.playlist-main.chart-browse #chart-source-select,.playlist-main.chart-browse #chart-select{display:block!important;flex:0 1 150px;width:150px;min-width:0}.playlist-main.chart-browse .chart-table-head{grid-column:1!important;grid-row:2!important}.playlist-main.chart-browse #playlist-list{grid-column:1!important;grid-row:3!important;padding-top:var(--sp-2)!important}}@media(min-width:901px){.app{width:calc(100% - 24px);max-width:none;margin-left:auto;margin-right:auto}}.control-main #prev-btn,.control-main #play-btn,.control-main #next-btn{font-size:0;line-height:1;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.control-main #prev-btn:before,.control-main #play-btn:before,.control-main #next-btn:before{display:block;font-family:Segoe UI Symbol,Arial Unicode MS,sans-serif;font-size:18px;line-height:1}.control-main #prev-btn:before{content:"⏮"}.control-main #play-btn:before{content:"▶";font-size:17px}.control-main #play-btn.is-playing:before{content:"";width:12px;height:16px;background:linear-gradient(90deg,currentColor 0 4px,transparent 4px 8px,currentColor 8px 12px);transform:none}.control-main #next-btn:before{content:"⏭"}@media(min-width:861px){.layout.charts-focus .layout-right .player-panel{overflow:hidden;height:100%!important;max-height:100%!important;min-height:0!important;contain:layout paint size}.layout.charts-focus .layout-right .player-panel .player-top{min-height:0!important;flex:1 1 auto}.layout.charts-focus .layout-right .player-panel .cover-wrapper,.layout.charts-focus .layout-right .player-panel.empty-state .cover-wrapper{width:88px;height:88px}.layout.charts-focus .layout-right .player-panel .player-main{position:relative}.layout.charts-focus .layout-right .player-panel .player-controls{position:absolute;left:0;right:0;bottom:-11px;margin-top:0}}@media(min-width:861px){.layout.charts-focus .layout-right .player-panel.empty-state.has-track .player-top{align-items:flex-start;justify-content:flex-start;gap:var(--sp-3)}.layout.charts-focus .layout-right .player-panel.empty-state.has-track .track-title-row{justify-content:space-between;text-align:left}.layout.charts-focus .layout-right .player-panel.empty-state.has-track .player-actions{align-items:flex-end}.layout.charts-focus .layout-right .player-panel.empty-state.has-track .player-main{flex:1 1 auto;min-width:0}}@media(max-width:860px){.playlist-main.chart-browse{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto 28px minmax(0,1fr)!important;column-gap:0!important;min-height:430px}.playlist-main.chart-browse .playlist-top-row{grid-column:1!important;grid-row:1!important}.playlist-main.chart-browse .chart-select-row{grid-column:1!important;grid-row:2!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:var(--sp-2) 0!important;border:0;background:transparent}.playlist-main.chart-browse .chart-category-list{display:none}.playlist-main.chart-browse .chart-select-tools{order:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;padding:0 0 var(--sp-2);border-bottom:1px solid var(--border)}.playlist-main.chart-browse #chart-select{display:block}.playlist-main.chart-browse .chart-table-head{grid-column:1!important;grid-row:3!important;grid-template-columns:34px minmax(0,1fr) 52px 64px}.playlist-main.chart-browse #playlist-list{grid-column:1!important;grid-row:4!important;width:100%;min-width:0;padding:var(--sp-2) 0!important}}