:root{--color-bg:#0b0b0f;--color-surface:#16161d;--color-surface-2:#1d1d27;--color-border:#888;--color-text:#f4f4f6;--color-text-muted:#a0a0ad;--color-primary:#7c5cff;--color-primary-hover:#6a48f0;--src-netease:#c20c0c;--src-qq:#1db954;--src-kuwo:#ffcb1f;--src-joox:#00c2b8;--src-fivesing:#ff5959;--src-jamendo:#f70;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--nowbar-h:64px;--tabbar-h:56px;--fs-title:1;--fs-artist:1;--fs-lyrics:1;--fs-np-title:1;--fs-np-artist:1;--cover-scale:1;--home-grid-cols:3;--dur-quick:.16s;--dur-base:.24s;--dur-slow:.32s;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--spring-stiffness:.16;--spring-damping:.62}:root[data-theme=light]{--color-bg:#f7f7fa;--color-surface:#fff;--color-surface-2:#ececf2;--color-border:#c5c5cf;--color-text:#1a1a22;--color-text-muted:#5a5a66}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:0;height:0}.marquee-inner{white-space:nowrap}.marquee-on .marquee-inner{will-change:transform;animation:marquee-scroll var(--marquee-dur,8s) linear infinite alternate;display:inline-block}@keyframes marquee-scroll{0%,25%{transform:translate(0)}75%,to{transform:translateX(calc(-1 * var(--marquee-dx,0px)))}}@media (prefers-reduced-motion:reduce){.marquee-on .marquee-inner{animation:none}}:root[data-reduce-motion] *,:root[data-reduce-motion] :before,:root[data-reduce-motion] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sk{background:#ffffff1c;border-radius:6px;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff38 50%,#0000 100%);animation:1.1s ease-in-out infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes sk-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.sk:after{animation:none}}@keyframes tap-bounce{0%{transform:scale(1)}40%{transform:scale(.94)}to{transform:scale(1)}}.tap-bouncing{transform-origin:50%;animation:.22s tap-bounce}.scrubber{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;align-items:center;height:14px;display:flex;position:relative}.scrubber:before{content:"";background:var(--color-text-muted);opacity:.3;border-radius:4px;height:4px;position:absolute;left:0;right:0}.scrubber .scrub-fill{background:var(--color-primary);height:4px;width:calc(var(--scrub-frac,0) * 100%);border-radius:4px;position:absolute;left:0}.scrubber .scrub-knob{left:calc(var(--scrub-frac,0) * 100%);background:var(--color-text);border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%)scale(1);box-shadow:0 1px 4px #0006}.scrubber:not(.scrubbing) .scrub-fill{transition:width var(--dur-base) linear}.scrubber:not(.scrubbing) .scrub-knob{transition:left var(--dur-base) linear, transform var(--dur-quick) var(--ease-spring)}.scrubber.scrubbing .scrub-knob{transform:translate(-50%)scale(1.7)}@media (prefers-reduced-motion:reduce){.scrubber .scrub-fill,.scrubber .scrub-knob{transition:none}}.play-glyph{place-items:center;display:inline-grid}.play-glyph .pg{transition:opacity var(--dur-quick) var(--ease-out-quint), transform var(--dur-quick) var(--ease-out-quint);grid-area:1/1;place-items:center;display:grid}.play-glyph .pg-play{opacity:1;transform:scale(1)}.play-glyph .pg-pause,.play-glyph.is-playing .pg-play{opacity:0;transform:scale(.6)}.play-glyph.is-playing .pg-pause{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.play-glyph .pg{transition:none}}