.np[data-v-36a4cca3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text)}.np-bg[data-v-36a4cca3]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.blob[data-v-36a4cca3]{position:absolute;display:block;border-radius:50%;filter:blur(72px);opacity:.62;will-change:transform;animation-play-state:paused}.b1[data-v-36a4cca3]{width:62vw;height:62vw;top:-18vw;left:-12vw;background:radial-gradient(circle at 40% 40%,var(--c1),transparent 68%);animation:drift1-36a4cca3 26s ease-in-out infinite}.b2[data-v-36a4cca3]{width:56vw;height:56vw;bottom:-20vw;right:-10vw;background:radial-gradient(circle at 60% 60%,var(--c2),transparent 68%);animation:drift2-36a4cca3 32s ease-in-out infinite}.b3[data-v-36a4cca3]{width:44vw;height:44vw;top:32%;left:46%;background:radial-gradient(circle at 50% 50%,var(--c1),transparent 70%);opacity:.42;animation:drift3-36a4cca3 38s ease-in-out infinite}.sheen[data-v-36a4cca3]{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--c1) 34%,transparent) 60deg,transparent 130deg,color-mix(in srgb,var(--c2) 30%,transparent) 220deg,transparent 300deg);opacity:.3;animation:spin-36a4cca3 48s linear infinite;animation-play-state:paused}.np.playing .blob[data-v-36a4cca3],.np.playing .sheen[data-v-36a4cca3]{animation-play-state:running}.np:not(.playing) .blob[data-v-36a4cca3]{opacity:.4}.np-bg[data-v-36a4cca3]{filter:hue-rotate(var(--hue, 0deg));transition:filter .6s linear}.np.pulse .b1[data-v-36a4cca3]{transform:scale(1.09)}.np.pulse .b2[data-v-36a4cca3]{transform:scale(.94)}.blob[data-v-36a4cca3]{transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .4s}@keyframes drift1-36a4cca3{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(9vw,6vh,0) scale(1.14)}66%{transform:translate3d(3vw,12vh,0) scale(.92)}}@keyframes drift2-36a4cca3{0%,to{transform:translateZ(0) scale(1)}40%{transform:translate3d(-10vw,-7vh,0) scale(1.18)}70%{transform:translate3d(-4vw,-13vh,0) scale(.9)}}@keyframes drift3-36a4cca3{0%,to{transform:translate3d(-50%,-50%,0) scale(1)}50%{transform:translate3d(-62%,-38%,0) scale(1.22)}}@keyframes spin-36a4cca3{to{transform:rotate(360deg)}}.np[data-v-36a4cca3]>*:not(.np-bg){position:relative;z-index:1}.np-top[data-v-36a4cca3]{display:flex;align-items:center;gap:14px;padding:16px 24px;flex:0 0 auto;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 62%,transparent),transparent)}.np-close[data-v-36a4cca3]{width:38px;height:38px;flex:0 0 auto;border-radius:var(--radius-pill);border:1px solid var(--border2);background:color-mix(in srgb,var(--bg2) 70%,transparent);color:var(--text);font-size:17px;line-height:1;cursor:pointer;transition:transform .16s,background .16s}.np-close[data-v-36a4cca3]:hover{transform:translateY(2px);background:var(--bg2)}.np-head[data-v-36a4cca3]{flex:1;min-width:0}.np-title[data-v-36a4cca3]{font-size:17px;font-weight:650;letter-spacing:-.01em}.np-sub[data-v-36a4cca3]{font-size:12.5px;color:var(--muted)}.np-tags[data-v-36a4cca3]{display:flex;gap:6px;flex:0 0 auto}.np-body[data-v-36a4cca3]{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,34%) 1fr;gap:36px;padding:6px 40px 10px;align-items:center}.np-art[data-v-36a4cca3]{display:flex;flex-direction:column;align-items:center;gap:20px}.disc[data-v-36a4cca3]{width:min(300px,58vh * .42 + 120px);max-width:300px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--bg3);display:grid;place-items:center;color:var(--dim);font-size:46px;box-shadow:0 24px 60px #00000047,0 0 0 10px color-mix(in srgb,var(--bg2) 55%,transparent);position:relative}.disc[data-v-36a4cca3]:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;border-radius:50%;background:color-mix(in srgb,var(--bg) 28%,transparent);border:1px solid var(--border)}.disc img[data-v-36a4cca3]{width:100%;height:100%;object-fit:cover}.disc.spin[data-v-36a4cca3]{animation:discSpin-36a4cca3 26s linear infinite}@keyframes discSpin-36a4cca3{to{transform:rotate(360deg)}}.np-meta[data-v-36a4cca3]{text-align:center;max-width:320px}.np-when[data-v-36a4cca3]{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums;margin-top:4px}.np-lyric[data-v-36a4cca3]{height:100%;min-height:0;display:flex;align-items:center}.np-lyric[data-v-36a4cca3]>*{width:100%}.np-lines[data-v-36a4cca3]{height:min(74vh,100%);overflow-y:auto;padding:40% 8px;scroll-behavior:smooth;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}.np-lines .ln[data-v-36a4cca3]{padding:10px 14px;border-radius:14px;font-size:19px;font-weight:550;color:color-mix(in srgb,var(--text) 42%,transparent);cursor:pointer;transition:color .28s,transform .28s,background .28s,text-shadow .28s;transform-origin:left center}.np-lines .ln[data-v-36a4cca3]:hover{color:color-mix(in srgb,var(--text) 72%,transparent);background:color-mix(in srgb,var(--bg2) 42%,transparent)}.np-lines .ln.active[data-v-36a4cca3]{color:var(--text);font-size:25px;font-weight:750;transform:scale(1.03);text-shadow:0 6px 26px color-mix(in srgb,var(--c1) 55%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--c1) 22%,transparent),color-mix(in srgb,var(--c2) 18%,transparent))}.np-lines.plain .ln[data-v-36a4cca3]{cursor:default}.np-lines.plain .ln.active[data-v-36a4cca3]{background:transparent;font-size:20px}.np-foot[data-v-36a4cca3]{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 40px 22px;background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 68%,transparent),transparent)}.np-progress[data-v-36a4cca3]{display:flex;align-items:center;gap:12px;width:min(620px,100%)}.np-seek[data-v-36a4cca3]{flex:1;accent-color:var(--accent)}.np-ctrl[data-v-36a4cca3]{display:flex;align-items:center;gap:10px}.np-btn[data-v-36a4cca3]{width:42px;height:42px;border-radius:var(--radius-pill);border:1px solid var(--border2);background:color-mix(in srgb,var(--bg2) 68%,transparent);color:var(--text);font-size:15px;cursor:pointer;display:grid;place-items:center;transition:transform .16s,background .16s,border-color .16s}.np-btn[data-v-36a4cca3]:hover:not(:disabled){transform:translateY(-2px);background:var(--bg2);border-color:var(--accent-line)}.np-btn[data-v-36a4cca3]:disabled{opacity:.4;cursor:not-allowed}.np-btn.on[data-v-36a4cca3]{color:var(--accent);border-color:var(--accent-line)}.np-btn.sm[data-v-36a4cca3]{width:36px;height:36px;font-size:13.5px}.np-btn.main[data-v-36a4cca3]{width:58px;height:58px;font-size:19px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:var(--on-accent);box-shadow:0 10px 28px var(--accent-line)}.np-offset[data-v-36a4cca3]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.np-fade-enter-active[data-v-36a4cca3],.np-fade-leave-active[data-v-36a4cca3]{transition:opacity .24s,transform .24s}.np-fade-enter-from[data-v-36a4cca3],.np-fade-leave-to[data-v-36a4cca3]{opacity:0;transform:translateY(16px) scale(.99)}@media (max-width: 900px){.np-body[data-v-36a4cca3]{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:14px;padding:4px 18px 6px;align-items:start}.np-art[data-v-36a4cca3]{flex-direction:row;align-items:center;gap:14px}.disc[data-v-36a4cca3]{width:96px;max-width:96px;font-size:30px;box-shadow:0 10px 26px #0000003d}.disc[data-v-36a4cca3]:after{display:none}.np-meta[data-v-36a4cca3]{text-align:left}.np-lines[data-v-36a4cca3]{height:100%;padding:42% 4px}.np-lines .ln[data-v-36a4cca3]{font-size:16.5px}.np-lines .ln.active[data-v-36a4cca3]{font-size:20px}.np-top[data-v-36a4cca3]{padding:12px 16px}.np-foot[data-v-36a4cca3]{padding:8px 16px 16px}.np-tags[data-v-36a4cca3]{display:none}}@media (prefers-reduced-motion: reduce){.blob[data-v-36a4cca3],.sheen[data-v-36a4cca3],.disc.spin[data-v-36a4cca3]{animation:none!important}.np-lines[data-v-36a4cca3]{scroll-behavior:auto}}.video-float[data-v-4f707d3e]{position:fixed;right:20px;bottom:calc(var(--player-h) + 16px);width:min(420px,42vw);background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border2);box-shadow:var(--shadow-lg);z-index:65}.video-float video[data-v-4f707d3e]{width:100%;display:block}.video-float.hidden[data-v-4f707d3e]{width:1px;height:1px;opacity:0;border:none;bottom:-10px;right:-10px;pointer-events:none}@media (max-width: 760px){.video-float[data-v-4f707d3e]{right:10px;left:10px;width:auto;bottom:calc(var(--player-h) + 60px)}}:root{--radius: 20px;--radius-sm: 12px;--radius-pill: 999px;--player-h: 88px;--nav-w: 214px;--bg: #f5f6fb;--bg2: #ffffff;--bg3: #eef0f8;--bg4: #e3e6f2;--border: rgba(24, 28, 60, .07);--border2: rgba(24, 28, 60, .15);--text: #1b1f33;--muted: #5c6479;--dim: #8b93a8;--accent: #6a5cff;--accent-2: #ff6b9d;--accent-soft: rgba(106, 92, 255, .11);--accent-line: rgba(106, 92, 255, .28);--teal: #0e9f76;--amber: #c47b06;--danger: #e0484f;--on-accent: #ffffff;--shadow: 0 2px 10px rgba(24, 28, 60, .05), 0 10px 30px rgba(24, 28, 60, .05);--shadow-lg: 0 10px 24px rgba(24, 28, 60, .09), 0 24px 60px rgba(24, 28, 60, .1);--player-bg: rgba(255, 255, 255, .82);--mask-bg: rgba(18, 20, 38, .34);--glow-1: rgba(106, 92, 255, .1);--glow-2: rgba(255, 107, 157, .09);color-scheme:light}html[data-theme=dark]{--bg: #12131f;--bg2: #1a1c2b;--bg3: #23263a;--bg4: #2c3048;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .17);--text: #eceef7;--muted: #a2a9c2;--dim: #767e9a;--accent: #8b7dff;--accent-2: #ff7fac;--accent-soft: rgba(139, 125, 255, .17);--accent-line: rgba(139, 125, 255, .38);--teal: #38d6a6;--amber: #ffb648;--danger: #ff6b74;--shadow: 0 2px 10px rgba(0, 0, 0, .28), 0 12px 32px rgba(0, 0, 0, .24);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .4), 0 28px 70px rgba(0, 0, 0, .36);--player-bg: rgba(26, 28, 43, .84);--mask-bg: rgba(0, 0, 0, .58);--glow-1: rgba(139, 125, 255, .13);--glow-2: rgba(255, 127, 172, .1);color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background-color:var(--bg);background-image:radial-gradient(1100px 560px at 8% -12%,var(--glow-1),transparent 62%),radial-gradient(900px 520px at 102% -4%,var(--glow-2),transparent 58%);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0 0 12px;font-weight:650;line-height:1.35;letter-spacing:-.01em}h1{font-size:23px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 10px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--dim);background-clip:content-box}.shell{display:flex;height:100%}.nav{width:var(--nav-w);flex:0 0 var(--nav-w);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:2px 6px 20px;font-size:16.5px;font-weight:700;letter-spacing:-.02em}.brand .dot{width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-size:16px;color:#fff;box-shadow:0 6px 16px var(--accent-line)}.nav a{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:var(--radius-pill);color:var(--muted);font-size:13.5px;font-weight:500;transition:background .16s,color .16s,transform .16s}.nav a:hover{background:var(--bg3);color:var(--text);transform:translate(2px)}.nav a.router-link-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav .ico{width:20px;text-align:center;font-size:15px}.nav .spacer{flex:1;min-height:12px}.nav .who{padding:12px 13px 2px;font-size:12px;color:var(--dim);border-top:1px solid var(--border);margin-top:6px}.main{flex:1;min-width:0;overflow-y:auto;padding:26px 30px calc(var(--player-h) + 26px)}.site-foot{margin-top:34px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--dim)}.site-foot .sep{opacity:.5}.site-foot a{color:var(--muted);text-decoration:none;transition:color .14s}.site-foot a:hover{color:var(--accent);text-decoration:underline}.auth-foot{position:fixed;left:0;right:0;bottom:14px;margin:0;padding:0;border-top:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head .sub{color:var(--muted);font-size:13px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card+.card{margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-pill);background:var(--bg3);border:1px solid transparent;color:var(--text);cursor:pointer;font-size:13.5px;font-weight:550;transition:background .16s,transform .14s,box-shadow .16s,border-color .16s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg4);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 6px 18px var(--accent-line)}.btn.primary:hover:not(:disabled){filter:saturate(1.08) brightness(1.04);box-shadow:0 10px 26px var(--accent-line)}.btn.ghost{background:transparent}.btn.ghost:hover:not(:disabled){background:var(--bg3)}.btn.danger{color:var(--danger);background:transparent;border-color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger);color:var(--on-accent)}.btn.sm{padding:6px 13px;font-size:12.5px}.btn.icon{padding:8px 10px}.btn.sm.icon{padding:6px 9px}input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],select,textarea{width:100%;padding:10px 14px;background:var(--bg3);border:1.5px solid transparent;border-radius:var(--radius-sm);outline:none;transition:border-color .16s,background .16s,box-shadow .16s}input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=search]:hover,input[type=number]:hover,select:hover,textarea:hover{background:var(--bg4)}input:focus,select:focus,textarea:focus{background:var(--bg2);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}textarea{resize:vertical;min-height:90px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}label.field{display:block;margin-bottom:12px}label.field>span{display:block;margin-bottom:5px;font-size:12.5px;color:var(--muted)}input[type=range]{accent-color:var(--accent);cursor:pointer}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:550;background:var(--bg4);color:var(--muted)}.tag.on{background:var(--accent-soft);color:var(--accent)}.tag.ok{background:#0e9f7621;color:var(--teal)}.tag.warn{background:#c47b0621;color:var(--amber)}.tag.err{background:#e0484f1f;color:var(--danger)}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center{text-align:center}.empty{padding:48px 20px;text-align:center;color:var(--dim)}.empty .big{font-size:38px;margin-bottom:10px;opacity:.42}.progress{height:6px;border-radius:var(--radius-pill);background:var(--bg4);overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:var(--radius-pill);transition:width .35s}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.songs{width:100%;border-collapse:separate;border-spacing:0 2px}.songs th{text-align:left;font-size:11.5px;color:var(--dim);font-weight:600;padding:6px 12px;letter-spacing:.02em}.songs td{padding:9px 12px;vertical-align:middle;background:var(--bg2)}.songs tbody tr:first-child td:first-child{border-top-left-radius:var(--radius-sm)}.songs tbody tr:first-child td:last-child{border-top-right-radius:var(--radius-sm)}.songs tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-sm)}.songs tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-sm)}.songs td:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.songs td:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.songs tbody tr{transition:background .14s;cursor:default}.songs tbody tr:hover td{background:var(--bg3)}.songs tbody tr.playing td{background:var(--accent-soft)}.songs .cover{width:40px;height:40px;border-radius:10px;object-fit:cover;background:var(--bg4);display:grid;place-items:center;color:var(--dim);font-size:15px}.songs .title{font-weight:550}.songs .act{display:flex;gap:4px;justify-content:flex-end}.now{color:var(--accent)}.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.cover-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s}.cover-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border2)}.cover-card .art{width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(140deg,var(--bg3),var(--bg4));display:grid;place-items:center;color:var(--dim);font-size:30px}.cover-card .meta{padding:11px 13px}.cover-card .meta .t{font-size:13.5px;font-weight:600}.cover-card .meta .a{font-size:12px;color:var(--muted)}.player{position:fixed;left:calc(var(--nav-w) + 14px);right:14px;bottom:14px;height:74px;background:var(--player-bg);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:16px;padding:0 16px;z-index:60;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .26s}.player.collapsed{transform:translateY(calc(100% + 26px));opacity:0;pointer-events:none}.player .np{display:flex;align-items:center;gap:12px;width:252px;min-width:0}.player .np img,.player .np .ph{width:48px;height:48px;border-radius:14px;object-fit:cover;background:var(--bg4);display:grid;place-items:center;color:var(--dim);box-shadow:var(--shadow);transition:transform .2s}.player .np img:hover,.player .np .ph:hover{transform:scale(1.06)}.player .ctrl{display:flex;align-items:center;gap:8px}.player .bar{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.player .bar input[type=range]{flex:1;accent-color:var(--accent)}.player .right{display:flex;align-items:center;gap:6px}.vol{width:84px;accent-color:var(--accent)}.times{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.player-handle{position:fixed;left:50%;bottom:12px;transform:translate(-50%) translateY(120%);z-index:59;display:flex;align-items:center;gap:10px;max-width:min(460px,82vw);padding:8px 18px 8px 12px;background:var(--player-bg);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;pointer-events:none;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .26s}.player-handle.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.player-handle:hover{border-color:var(--accent-line)}.player-handle .thumb{width:34px;height:34px;border-radius:11px;object-fit:cover;flex:0 0 auto;background:linear-gradient(140deg,var(--bg3),var(--bg4));display:grid;place-items:center;color:var(--dim);font-size:14px}.player-handle .txt{min-width:0;max-width:190px}.player-handle .txt .t{font-size:12.5px;font-weight:600}.player-handle .txt .a{font-size:11px;color:var(--muted)}.player-handle .chev{font-size:12px;color:var(--accent);flex:0 0 auto;animation:chevBob 1.9s ease-in-out infinite}@keyframes chevBob{0%,to{transform:translateY(1px);opacity:.72}50%{transform:translateY(-2px);opacity:1}}.player-handle .mini{position:absolute;left:14px;right:14px;bottom:5px;height:2.5px;border-radius:3px;background:var(--bg4);overflow:hidden}.player-handle .mini>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s linear}.lyrics-wrap{height:calc(100vh - var(--player-h) - 150px);min-height:260px;overflow-y:auto;padding-right:10px;scroll-behavior:smooth}.lyrics-wrap .ln{padding:8px 12px;border-radius:var(--radius-sm);color:var(--dim);transition:color .2s,background .2s,transform .2s;cursor:pointer;font-size:15px}.lyrics-wrap .ln:hover{background:var(--bg3);color:var(--muted)}.lyrics-wrap .ln.active{color:var(--accent);font-weight:650;font-size:16.5px;background:var(--accent-soft)}.lyrics-wrap.plain .ln{cursor:default}.lyrics-wrap.plain .ln.active{background:transparent}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mask-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:90;padding:20px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:22px;width:100%;max-width:520px;max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .2s cubic-bezier(.2,.8,.2,1)}.modal.wide{max-width:860px}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}}.toast-wrap{position:fixed;top:18px;right:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{padding:11px 18px;border-radius:var(--radius-pill);font-size:13.5px;background:var(--bg2);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-lg);animation:slideIn .22s cubic-bezier(.2,.8,.2,1)}.toast.ok{border-color:var(--teal);color:var(--teal)}.toast.err{border-color:var(--danger);color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background-color:var(--bg);background-image:radial-gradient(720px 420px at 22% 6%,var(--glow-1),transparent 62%),radial-gradient(620px 400px at 82% 92%,var(--glow-2),transparent 58%)}.auth-card{width:100%;max-width:410px}.auth-card .brand{justify-content:center;padding-bottom:8px}.captcha-row{display:flex;gap:10px;align-items:stretch}.captcha-row img{height:42px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border2);flex:0 0 auto}.drop{border:2px dashed var(--border2);border-radius:var(--radius);padding:38px 20px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.drop .big{font-size:38px;margin-bottom:8px}.task-line{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:background .14s}.task-line:hover{background:var(--bg3)}.task-line .nm{flex:1;min-width:0}.task-line .pg{width:140px;flex:0 0 140px}.video-box{background:#000;border-radius:var(--radius);overflow:hidden}.video-box video{width:100%;max-height:60vh;display:block}.theme-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:10px 13px;margin-top:4px;border:none;background:transparent;border-radius:var(--radius-pill);color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .16s,color .16s}.theme-toggle:hover{background:var(--bg3);color:var(--text)}.theme-toggle .knob{width:34px;height:19px;border-radius:var(--radius-pill);flex:0 0 auto;background:var(--bg4);position:relative;transition:background .2s}.theme-toggle .knob:after{content:"";position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:var(--bg2);box-shadow:0 1px 3px #00000047;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.theme-toggle.on .knob{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.theme-toggle.on .knob:after{transform:translate(15px)}@media (max-width: 760px){:root{--nav-w: 0px;--player-h: 132px}.shell{flex-direction:column}.nav{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;flex:none;height:60px;flex-direction:row;padding:4px 6px;border-right:none;border-top:1px solid var(--border);z-index:70;overflow-x:auto;gap:2px}.nav .brand,.nav .who,.nav .spacer,.theme-toggle{display:none}.nav a{flex:1;min-width:60px;flex-direction:column;gap:2px;font-size:10.5px;padding:6px 2px;border-radius:var(--radius-sm)}.nav a:hover{transform:none}.nav a .ico{font-size:16px}.main{padding:18px 15px calc(var(--player-h) + 24px)}.player{left:12px;right:12px;bottom:68px;height:64px;padding:0 12px;gap:10px;border-radius:19px}.player.collapsed{transform:translateY(calc(100% + 80px))}.player .np{width:auto;flex:1}.player .np img,.player .np .ph{width:42px;height:42px;border-radius:12px}.player .bar,.player .right .vol{display:none}.player .right{gap:2px}.player-handle{bottom:68px;max-width:88vw}.player-handle .txt{max-width:128px}.covers{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:13px}.songs .hide-sm{display:none}.card{padding:16px;border-radius:18px}}