*{margin:0;padding:0;box-sizing:border-box}:root{--accent: #bef264;--text-85: rgba(255, 255, 255, .85);--text-70: rgba(255, 255, 255, .7);--text-50: rgba(255, 255, 255, .5);--text-40: rgba(255, 255, 255, .4);--text-30: rgba(255, 255, 255, .3);--sidebar-w: 236px}html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#000;color:#fff;-webkit-user-select:none;user-select:none}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#000}.bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.08);transition:opacity .8s ease}.bg-bing{opacity:0;z-index:1}.bg-bing.loaded{opacity:1}.bg-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(120% 90% at 50% 40%,#2850a02e,#000000f2 70%)}.bg-veil{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:#070910;opacity:.22}.bg-grain{position:absolute;z-index:4;top:-25%;right:-25%;bottom:-25%;left:-25%;background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width='220'%20height='220'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200%200.6%200'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.12;mix-blend-mode:overlay;animation:grainShimmer .9s steps(10) infinite;pointer-events:none}@keyframes grainShimmer{0%{transform:translate(0)}20%{transform:translate(-6px,4px)}40%{transform:translate(4px,-8px)}60%{transform:translate(-4px,-4px)}80%{transform:translate(8px,6px)}to{transform:translate(0)}}.bg-vignette{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60%,transparent 36%,rgba(0,0,0,.62) 100%)}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:var(--sidebar-w);display:flex;flex-direction:column;padding:22px 14px 18px;background:#0a0d149e;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border-right:1px solid rgba(255,255,255,.08)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 22px;font-size:17px;font-weight:700;color:var(--accent);letter-spacing:.5px}.sidebar-brand svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.snav{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text-70);transition:color .2s,background .2s}.snav:hover{color:#fff;background:#ffffff14}.snav.active{color:#fff;background:#ffffff1f;box-shadow:#00000059 0 2px 8px -3px,#ffffff0f 0 1px inset}.snav svg{width:17px;height:17px;flex-shrink:0}.snav.active svg{color:var(--accent)}.sidebar-foot{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.app-version{padding:12px 14px 0;font-size:11px;color:var(--text-30);letter-spacing:.5px}.topbar{position:fixed;top:0;left:0;right:0;z-index:40;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 8px;background:#07091080;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.07)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px}.topbar-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:#fff;letter-spacing:.5px}.topbar-title svg{width:17px;height:17px;color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--text-70);transition:background .15s,color .15s}.topbar-btn:hover{background:#ffffff1a;color:#fff}.topbar-btn svg{width:18px;height:18px}.source-badge{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:11px;color:var(--text-70);white-space:nowrap}.source-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.content{position:fixed;top:0;bottom:0;left:var(--sidebar-w);right:0;z-index:5;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.view{display:none;max-width:1200px;margin:0 auto;padding:96px 28px 140px;animation:viewIn .28s ease-out}.view.active{display:block}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.view-head{margin-bottom:22px}.view-head h2{font-size:24px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.view-meta{display:inline-block;margin-top:6px;font-size:12px;color:var(--text-50);letter-spacing:.3px}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min, 158px),1fr));gap:var(--card-gap, 16px)}.song-card{aspect-ratio:174 / 226;min-height:0;content-visibility:auto;contain-intrinsic-size:174px 226px}.song-card{position:relative;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;background:#181b23b8;backdrop-filter:var(--card-bf, none);-webkit-backdrop-filter:var(--card-bf, none);border-radius:20px;box-shadow:#0000008c 0 18px 44px -16px,#ffffff73 0 0 0 1px,#ffffff47 0 1px inset;transition:transform .16s,box-shadow .2s;animation:cardIn .35s ease-out backwards}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.song-card:hover{transform:translateY(-3px);box-shadow:#0009 0 22px 50px -16px,#bef26459 0 0 0 1px,#ffffff4d 0 1px inset}.song-card.playing{box-shadow:#0009 0 22px 50px -16px,#bef264e6 0 0 0 2px,#ffffff4d 0 1px inset}.song-card .card-inner{display:flex;flex-direction:column;padding:10px;gap:8px;flex:1;min-height:0}.card-art{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:12px;box-shadow:#00000080 0 6px 16px -6px}.card-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card-eq{position:absolute;left:10px;bottom:10px;z-index:2;display:none;gap:3px;align-items:flex-end;height:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.song-card.playing .card-eq{display:flex}.card-eq span{width:3px;background:var(--accent);border-radius:1px;animation:eq .9s ease-in-out infinite}.card-eq span:nth-child(1){height:8px}.card-eq span:nth-child(2){height:14px;animation-delay:.15s}.card-eq span:nth-child(3){height:6px;animation-delay:.3s}.card-eq span:nth-child(4){height:11px;animation-delay:.45s}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.card-info{text-align:center}.card-info .t{font-size:16px;font-weight:600;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:rgba(0,0,0,.7) 0px 1px 3px}.card-info .a{font-size:13px;line-height:1.25;color:#ffffffbf;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:rgba(0,0,0,.7) 0px 1px 3px}.card-actions{display:flex;align-items:center;justify-content:space-between;color:var(--text-85)}.card-actions svg{filter:drop-shadow(rgba(0,0,0,.6) 0px 1px 2px)}.card-btn{display:grid;place-items:center;flex-shrink:0;color:var(--text-85);transition:color .15s}.card-btn:hover{color:#fff}.card-btn svg{width:16px;height:16px}.card-play{width:35px;height:35px;border-radius:50%;background:#fff3;color:#fff;transition:background .15s,transform .1s}.card-play:hover{background:#ffffff4d}.card-play:active{transform:scale(.95)}.card-play svg{width:15px;height:15px;margin-left:1px}.card-btn.stop-eq svg{width:18px;height:18px;margin-left:0}.card-btn.like{color:var(--text-50)}.card-btn.like.on{color:#f87171}.card-btn.like.on svg{fill:#f87171}.card-like{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#00000073;color:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .15s,background .15s,transform .1s}.card-like:hover{background:#000000a6;transform:scale(1.08)}.card-like.on{color:#f87171}.card-like.on svg{fill:#f87171}.card-like svg{width:15px;height:15px}.chart-list{display:block}.chart-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:26px}.chart-group:last-child{margin-bottom:0}.chart-group-head{grid-column:1 / -1;display:flex;align-items:baseline;gap:10px;margin:4px 2px 2px}.chart-group-name{font-size:17px;font-weight:700;color:#fff;letter-spacing:.02em}.chart-group-count{font-size:12px;color:var(--text-50)}.chart-item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;cursor:pointer;background:#ffffff0d;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px -12px #0009;transition:transform .15s,box-shadow .2s,background .2s}.chart-item:hover{transform:translateY(-2px);background:#ffffff17;box-shadow:0 14px 36px -12px #000000b3,#bef26440 0 0 0 1px}.chart-cover{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#ffffff14;box-shadow:#00000073 0 8px 18px -6px}.chart-cover img{width:100%;height:100%;object-fit:cover;display:block}.chart-item .li-meta{flex:1;min-width:0}.chart-item .li-t{font-size:15px;font-weight:600;color:#fff}.chart-item .li-a{font-size:11px;color:var(--text-50);margin-top:3px}.chart-item svg{width:18px;height:18px;color:var(--text-40);flex-shrink:0}.chart-grid-wrap{display:none}.chart-grid-wrap.show{display:block}.chart-back{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 14px 8px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--text-70);transition:background .15s,color .15s}.chart-back:hover{background:#ffffff24;color:#fff}.chart-back svg{width:16px;height:16px}.chart-grid-wrap.hide-list+.chart-list{display:none}.search-box{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#ffffff14;box-shadow:0 0 0 1px #ffffff1a;transition:box-shadow .15s}.search-box:focus-within{box-shadow:0 0 0 1px #ffffff40}.search-box svg{width:15px;height:15px;color:var(--text-40);flex-shrink:0}.search-box input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-size:14px}.search-box input::placeholder{color:var(--text-30)}.search-box.big{padding:12px 14px;border-radius:14px;margin-bottom:24px}.search-submit{padding:7px 18px;border-radius:10px;background:var(--accent);color:#141a08;font-size:13px;font-weight:700;flex-shrink:0;transition:filter .15s,transform .1s}.search-submit:hover{filter:brightness(1.08)}.search-submit:active{transform:scale(.96)}.grid-empty{display:none;text-align:center;color:var(--text-30);font-size:14px;padding-top:80px}.retry-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;border:1px solid rgba(190,242,100,.35);background:#bef2641a;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.retry-btn svg{width:15px;height:15px}.retry-btn:hover{background:#bef2642e;transform:translateY(-1px)}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-50);font-size:13px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-greet{position:relative;margin-bottom:34px;padding:24px 26px;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,rgba(190,242,100,.16),rgba(34,197,94,.06) 55%,transparent),#ffffff0f;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px -20px #000000b3;animation:viewIn .3s ease-out}.home-greet:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(190,242,100,.22),transparent 70%);pointer-events:none}.greet-line{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.greet-time{font-size:26px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55)}.greet-title{font-size:14px;color:var(--text-50);letter-spacing:.5px}.greet-yiyan{display:flex;align-items:flex-start;gap:10px;padding:0;border:0;background:none;color:#ffffffd9;text-align:left;cursor:pointer;max-width:100%;transition:opacity .2s}.greet-yiyan:hover{opacity:.75}.greet-yiyan svg{width:15px;height:15px;flex-shrink:0;margin-top:3px;color:#ffffff8c}.greet-yiyan .yiyan-text{font-size:14px;line-height:1.6;color:#fff;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.greet-yiyan .yiyan-nick{font-size:11px;color:#ffffff8c;flex-shrink:0;margin-top:3px}.home-sec{margin-bottom:34px}.home-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.home-sec-head h2{font-size:20px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.home-sec-head .view-meta{margin-top:0}.home-playlists{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.playlist-card{position:relative;display:flex;align-items:center;gap:16px;padding:16px;border-radius:18px;cursor:pointer;overflow:hidden;background:#ffffff0d;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px -14px #000000a6;transition:transform .16s,box-shadow .2s,background .2s}.playlist-card:hover{transform:translateY(-3px);background:#ffffff17;box-shadow:0 16px 40px -14px #000000bf,#bef26447 0 0 0 1px}.playlist-cover{width:72px;height:72px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#ffffff14;box-shadow:#00000073 0 8px 18px -6px}.playlist-cover img{width:100%;height:100%;object-fit:cover;display:block}.playlist-meta{flex:1;min-width:0}.playlist-name{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-desc{font-size:12px;color:var(--text-50);margin-top:5px}.playlist-go{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:var(--text-40);background:#ffffff12;border:1px solid rgba(255,255,255,.1);transition:color .2s,background .2s,transform .2s}.playlist-card:hover .playlist-go{color:#fff;background:#bef26433;transform:translate(2px)}.playlist-go svg{width:16px;height:16px}.rank-strip{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none}.rank-strip::-webkit-scrollbar{display:none}.rank-card{flex-shrink:0;width:188px;border-radius:18px;padding:16px 14px;cursor:pointer;scroll-snap-align:start;background:#ffffff0d;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px -14px #000000a6;transition:transform .16s,box-shadow .2s,background .2s}.rank-card:hover{transform:translateY(-3px);background:#ffffff17;box-shadow:0 16px 38px -14px #000000bf,#bef26447 0 0 0 1px}.rank-card .rank-cover{width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;margin-bottom:14px;background:#ffffff14;box-shadow:#00000073 0 8px 18px -6px}.rank-card .rank-cover img{width:100%;height:100%;object-fit:cover;display:block}.rank-card .rank-name{font-size:15px;font-weight:700;color:#fff}.rank-card .rank-desc{font-size:11px;color:var(--text-50);margin-top:4px}.home-detail{display:none}.home-detail.show{display:block;animation:viewIn .26s ease-out}.player{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;width:min(720px,calc(100vw - 32px));background:#0c0c0c8c;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 24px 60px -18px #000000bf,inset 0 1px #ffffff24}.player-inner{display:flex;align-items:center;gap:16px;padding:12px 16px}.player-art{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 18px -6px #0009}.player-art img{width:100%;height:100%;object-fit:cover;display:block}.player-meta{width:150px;min-width:0;flex-shrink:0}.player-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6)}.player-author{font-size:11px;color:var(--text-50);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.ctrl-row{display:flex;align-items:center;gap:22px}.ctrl-btn{width:34px;height:34px;display:grid;place-items:center;color:var(--text-85);border-radius:50%;transition:color .15s,transform .15s,background .15s}.ctrl-btn:hover{color:#fff;transform:scale(1.1)}.ctrl-btn:active{transform:scale(.94)}.ctrl-btn svg{width:20px;height:20px}.ctrl-btn.small{width:30px;height:30px}.ctrl-btn.small svg{width:17px;height:17px}.ctrl-btn.primary{width:40px;height:40px;background:#ffffff29;transition:background .15s,transform .1s}.ctrl-btn.primary:hover{background:#ffffff47;transform:scale(1.06)}.ctrl-btn.primary:active{transform:scale(.94)}.ctrl-btn.primary svg{width:18px;height:18px}.ctrl-btn.active{color:var(--accent)}.rate-btn{font-size:11px;font-weight:700;letter-spacing:.01em}.progress-row{display:flex;align-items:center;gap:10px;width:100%}.time{font-size:10.5px;color:var(--text-50);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill, 0%),rgba(255,255,255,.16) var(--fill, 0%),rgba(255,255,255,.16) 100%);outline:none;flex:1;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 0 8px #bef26480;opacity:0;transition:opacity .15s}.progress-row:hover input[type=range]::-webkit-slider-thumb{opacity:1}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 0 8px #bef26480}.player-side{display:flex;align-items:center;gap:6px;flex-shrink:0}.volume-box{display:flex;align-items:center;gap:8px;width:120px}.volume-box input[type=range]{flex:1}.lyric-panel{position:fixed;top:0;right:0;bottom:0;z-index:70;width:380px;max-width:88vw;display:flex;flex-direction:column;background:#ffffff0d;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border-left:1px solid rgba(255,255,255,.1);box-shadow:-20px 0 60px -10px #0009;transform:translate(105%);transition:transform .32s ease-out}.lyric-panel.open{transform:translate(0)}.lyric-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.lyric-head h2{font-size:13px;font-weight:700;letter-spacing:2px;color:#ffffffe6}.round-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff9;transition:background .15s,color .15s}.round-btn:hover{background:#ffffff1a;color:#fff}.round-btn svg{width:15px;height:15px}.lyric-scroll{flex:1;overflow-y:auto;padding:28px 24px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.lyric-content{display:flex;flex-direction:column;gap:18px}.lyric-line{font-size:15px;line-height:1.6;color:var(--text-50);text-align:center;transition:color .25s,transform .25s,font-size .25s}.lyric-line.active{color:var(--accent);font-weight:700;font-size:18px;transform:scale(1.05)}.lyric-empty{display:none;text-align:center;color:var(--text-30);font-size:13px;padding-top:60px}.lyric-scroll::-webkit-scrollbar{width:5px}.lyric-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;display:flex;align-items:center;justify-content:center;background:#05070cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s}.settings-overlay.open{opacity:1;visibility:visible}.settings-panel{width:min(680px,calc(100vw - 48px));max-height:min(84vh,820px);display:flex;flex-direction:column;background:#12161ff5;backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 40px 120px -20px #000000d9;transform:translateY(14px) scale(.98);transition:transform .28s ease-out}.settings-overlay.open .settings-panel{transform:none}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.settings-title{display:flex;align-items:center;gap:10px}.settings-title svg{width:18px;height:18px;color:var(--accent)}.settings-title h2{font-size:15px;font-weight:700;letter-spacing:1px;color:#ffffffe6}.settings-body{flex:1;overflow-y:auto;padding:18px 22px 28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.settings-body::-webkit-scrollbar{width:5px}.settings-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.set-group{margin-bottom:24px}.set-group>h3{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);margin-bottom:10px}.app-version-bottom{padding:12px 0 6px;border-top:1px solid var(--line, rgba(255, 255, 255, .07));font-size:12px;color:var(--text-50);text-align:center;letter-spacing:.5px}.set-desc{font-size:12px;color:var(--text-50);margin-bottom:12px}.queue-panel{max-width:420px}.queue-panel .set-row{margin-bottom:12px}.queue-clear{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-70);font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.queue-clear:hover{background:#ff525224;border-color:#ff525266;color:#ff6b6b}.queue-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding-right:4px}.queue-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);transition:background .15s,border-color .15s}.queue-item:hover{background:#ffffff17}.queue-item.active{background:#bef2641f;border-color:#bef26459}.queue-art{width:40px;height:40px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#ffffff14}.queue-art img{width:100%;height:100%;object-fit:cover;display:block}.queue-meta{flex:1;min-width:0}.queue-t{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-a{font-size:11px;color:var(--text-50);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-remove{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--text-40);flex-shrink:0;transition:color .15s,background .15s}.queue-remove:hover{color:#ff6b6b;background:#ff52521f}.queue-remove svg{width:15px;height:15px}.queue-empty{text-align:center;color:var(--text-30);font-size:13px;padding:30px 0}.timer-panel{max-width:340px}.timer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.timer-opt{padding:14px 10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-70);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.timer-opt:hover{background:#ffffff1a;color:#fff}.timer-opt.active{background:#bef26424;border-color:#bef26466;color:var(--accent)}.timer-status{margin-top:16px;text-align:center;font-size:13px;color:var(--text-50)}#np-timer.active{color:var(--accent)}.bg-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.bg-mode{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-70);font-size:13px;transition:background .15s,border-color .15s,color .15s}.bg-mode:hover{background:#ffffff1a;color:#fff}.bg-mode.active{background:#bef26424;border-color:#bef26466;color:#fff}.bg-mode svg{width:15px;height:15px;flex-shrink:0}.set-sub{margin:4px 0 14px}.set-sub.hidden{display:none}.set-label{display:block;font-size:12px;color:var(--text-50);margin-bottom:8px}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:#ffffff14;box-shadow:0 0 0 1px #ffffff1a}.seg-item{padding:6px 16px;border-radius:999px;font-size:12px;color:var(--text-70);transition:color .15s,background .15s}.seg-item.active{color:#fff;background:#00000040;box-shadow:#00000059 0 2px 6px -3px,#ffffff0d 0 1px inset}.set-tip{margin-top:8px;font-size:11px;color:var(--text-30)}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-85);font-size:13px;transition:background .15s}.upload-btn:hover{background:#ffffff24}.upload-btn svg{width:15px;height:15px}.upload-preview{margin-top:10px;width:100px;height:100px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center}.set-slider{margin-bottom:16px}.set-slider-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;color:var(--text-85)}.set-slider-head em{font-style:normal;font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.set-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.set-row:last-child{border-bottom:none}.set-row .set-label{margin-bottom:0}.switch{position:relative;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff29;cursor:pointer;transition:background .2s}.switch span:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 5px #00000059}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(18px)}.bottom-tab{display:none}.now-playing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;overflow:hidden;background:#070910;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.now-playing.open{opacity:1;visibility:visible}.np-bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-position:center;background-size:cover;filter:blur(48px) saturate(1.3);transform:scale(1.15);transition:background-image .5s ease}.np-bg-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 100% at 50% 40%,#0a0e188c,#070910e0 78%)}.np-rail{position:relative;z-index:3;width:84px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 0}.np-rail-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .15s,color .15s,transform .1s}.np-rail-btn:hover{background:#ffffff24;color:#fff}.np-rail-btn:active{transform:scale(.94)}.np-rail-btn svg{width:20px;height:20px}.np-rail-btn.active{background:#bef26429;color:var(--accent)}.np-rail-eq{display:none;flex-direction:column;align-items:center;gap:4px;height:26px;margin-top:6px}.now-playing.playing .np-rail-eq{display:flex}.np-rail-eq span{width:4px;border-radius:2px;background:var(--accent);animation:eq .9s ease-in-out infinite}.np-rail-eq span:nth-child(1){height:10px}.np-rail-eq span:nth-child(2){height:18px;animation-delay:.15s}.np-rail-eq span:nth-child(3){height:8px;animation-delay:.3s}.np-stage{position:relative;z-index:2;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:48px;padding:40px 48px 40px 12px}.np-main{display:flex;flex-direction:column;align-items:center;width:min(440px,100%)}.np-art-wrap{position:relative;width:min(320px,38vh,40vw);margin-bottom:28px}.np-art-shadow{position:absolute;top:12%;right:12%;bottom:12%;left:12%;background:#bef26438;filter:blur(60px);border-radius:50%;z-index:0}.np-art{position:relative;z-index:1;aspect-ratio:1;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -20px #000c,0 0 0 1px #ffffff1f inset;animation:npSpin .6s ease-out}@keyframes npSpin{0%{transform:scale(.92);opacity:.6}to{transform:none;opacity:1}}.np-art img{width:100%;height:100%;object-fit:cover;display:block}.np-info{text-align:center;margin-bottom:22px;max-width:100%}.np-title{font-size:22px;font-weight:800;letter-spacing:.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.7)}.np-author{font-size:13px;color:var(--text-50);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-progress-row{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:26px}.np-controls{display:flex;align-items:center;gap:36px}.np-controls .ctrl-btn{width:46px;height:46px}.np-controls .ctrl-btn.primary{width:64px;height:64px;background:#bef26429}.np-controls .ctrl-btn.primary:hover{background:#bef26447}.np-bottom{display:flex;align-items:center;gap:12px;margin-top:30px;width:min(320px,80%)}.np-bottom .volume{flex:1}.np-lyric{width:min(300px,30vw);height:100%;display:flex;flex-direction:column;padding:32px 0;flex-shrink:0}.np-lyric.hidden{display:none}.np-lyric-head{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-50);text-align:center;margin-bottom:18px}.np-lyric-scroll{flex:1;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.np-lyric-scroll::-webkit-scrollbar{display:none}.now-playing.empty .np-main,.now-playing.empty .np-lyric{display:none}.now-playing.empty .np-empty{display:flex}.np-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--text-40);font-size:14px}.np-empty svg{width:46px;height:46px;opacity:.5}@media (max-width: 1024px){.np-stage{gap:24px;padding:32px 24px}.np-art-wrap{width:min(260px,30vh,44vw)}.np-lyric{width:min(280px,30vw)}}@media (min-width: 861px){.topbar,.bottom-tab{display:none}}@media (max-width: 860px){:root{--sidebar-w: 0px}.sidebar{display:none}.topbar{display:block}.content{top:calc(env(safe-area-inset-top,0px) + 66px);bottom:calc(env(safe-area-inset-bottom,0px) + 158px);left:0}.view{padding:20px 14px 24px}.view-head h2{font-size:20px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--card-min, 158px),118px),1fr));gap:min(var(--card-gap, 16px),12px)}.bottom-tab{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 0px);z-index:55;display:flex;padding:6px 10px 10px;gap:2px;background:#080a10b8;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-top:1px solid rgba(255,255,255,.07)}.btab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:12px;color:var(--text-50);transition:color .2s,background .2s}.btab.active{color:var(--accent);background:#ffffff12}.btab svg{width:21px;height:21px}.btab span{font-size:10px;letter-spacing:.5px}.player{bottom:calc(env(safe-area-inset-bottom,0px) + 76px);width:calc(100vw - 16px);border-radius:20px}.player-inner{padding:10px 12px;gap:12px}.player-meta{width:96px}.player-art{width:48px;height:48px}.volume-box{width:64px}.ctrl-btn.primary{width:36px;height:36px}.home-greet{padding:20px 18px;margin-bottom:26px}.greet-time{font-size:22px}.home-sec{margin-bottom:28px}.playlist-card{padding:12px;gap:12px}.playlist-cover{width:56px;height:56px;border-radius:12px}.rank-card{width:156px}.bg-grain{animation:none}.now-playing{flex-direction:column}.np-rail{position:absolute;top:0;left:0;right:0;width:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:18px 16px;z-index:4;gap:0}.np-rail-eq{display:none}.np-stage{flex-direction:column;justify-content:center;gap:16px;padding:76px 20px 24px}.np-main{width:100%}.np-art-wrap{width:min(280px,44vh,60vw);margin-bottom:20px}.np-info{margin-bottom:14px}.np-lyric{width:100%;height:min(30vh,220px)}.lyric-panel{width:100%;max-width:100%}.chart-group{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.view-head{margin-bottom:16px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--card-min, 158px),104px),1fr));gap:min(var(--card-gap, 16px),10px)}.player-inner{padding:9px 10px;gap:10px}.player-art{width:44px;height:44px;border-radius:12px}.player-meta{width:84px}.volume-box,.player-side #btn-playmode,.player-side #btn-queue{display:none}.ctrl-row{gap:16px}.ctrl-btn svg{width:18px;height:18px}.time{min-width:30px;font-size:9.5px}.settings-panel{width:100%;max-width:100%;max-height:100vh;height:100%;border-radius:0}.np-art-wrap{width:min(240px,40vh,58vw)}.np-controls{gap:28px}.np-controls .ctrl-btn{width:40px;height:40px}.np-controls .ctrl-btn.primary{width:56px;height:56px}.np-lyric{height:min(24vh,180px)}.home-greet{padding:18px 16px}.greet-yiyan .yiyan-nick{display:none}.greet-yiyan .yiyan-text{font-size:13px}.rank-card{width:138px}}.auth-panel{width:min(440px,calc(100vw - 40px))}.auth-tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:#ffffff0f;margin-bottom:18px}.auth-tab{flex:1;padding:9px 0;border:0;border-radius:9px;background:none;font-size:14px;font-weight:600;color:var(--text-60);cursor:pointer;transition:color .2s,background .2s}.auth-tab.active{color:#fff;background:#ffffff1f}.auth-tip{font-size:12px;color:var(--text-50);margin-bottom:20px;line-height:1.6}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:12px;color:var(--text-60);margin-bottom:7px;letter-spacing:.5px}.auth-field input{width:100%;padding:11px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:14px;outline:none;transition:border-color .2s,background .2s}.auth-field input:focus{border-color:#bef2648c;background:#ffffff17}.auth-code-row{display:flex;gap:10px}.auth-code-row input{flex:1;min-width:0}.auth-code-btn{flex-shrink:0;padding:0 16px;border-radius:12px;border:1px solid rgba(190,242,100,.4);background:#bef2641f;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.auth-code-btn:disabled{opacity:.55;cursor:not-allowed}.auth-code-btn:not(:disabled):hover{background:#bef26438}.auth-code-hint{font-size:11px;color:var(--accent);margin-top:6px;word-break:break-all}.auth-submit{width:100%;margin-top:6px;padding:12px 0;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#22c55e);color:#08130a;font-size:15px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:opacity .2s,transform .12s}.auth-submit:hover{opacity:.92}.auth-submit:active{transform:scale(.985)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit.ghost{margin-top:0;background:#ffffff14;color:var(--text-70);border:1px solid rgba(255,255,255,.14);letter-spacing:.5px;font-size:13px}.auth-submit.ghost:hover{background:#ffffff24;color:#fff;opacity:1}.auth-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--text-50)}.auth-switch button{border:0;background:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:0 2px}.auth-switch button:hover{text-decoration:underline}.auth-error{margin-bottom:14px;padding:10px 14px;border-radius:10px;background:#ef444424;border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:13px;line-height:1.5}.auth-user{margin-top:6px}.auth-user-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-user-name{font-size:16px;font-weight:700;color:#fff}.auth-user-account{font-size:12px;color:var(--text-50);margin-top:4px;word-break:break-all}.auth-user-row .auth-submit.ghost{width:auto;padding:10px 20px}@media (max-width: 480px){.auth-panel{width:min(400px,calc(100vw - 28px))}}