:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-title:var(--font);--title-weight:750;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg:#f4f5f7;--bg-layer:none;--surface:#fff;--surface-blur:none;--card:#fff;--elev:#fff;--hover:#0000000d;--active:#00000012;--line:#00000014;--input-bg:#0000000d;--input-border:transparent;--card-border:transparent;--btn-border:transparent;--text:#1f2330;--text-2:#5b6170;--text-3:#8a90a0;--accent:#6d5dfc;--accent-bg:var(--accent);--accent-hover:#5a49ec;--on-accent:#fff;--accent-ink:#5a49ec;--accent-soft:#6d5dfc1f;--danger:#d64545;--fill:var(--accent);--track:#0000001a;--thumb:#fff;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--r-cover:10px;--sh-card:0 1px 2px #0000000a, 0 4px 16px #0000000d;--sh-raised:0 1px 2px #0000000f, 0 2px 8px #0000000f;--sh-raised-sm:0 1px 2px #0000000f;--sh-inset:none;--sh-float:0 12px 40px #0000002e;--sh-hover:0 8px 24px #0000001a;--sh-accent:0 6px 18px #6d5dfc59;--focus:0 0 0 3px #6d5dfc4d;--ease:.22s cubic-bezier(.2, .8, .2, 1);--hover-lift:translateY(-2px);--press:scale(.97);--sidebar-w:236px;--topbar-h:64px;--player-h:88px;--tabbar-h:56px;--mini-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:var(--bg-layer);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:14px;line-height:1.5}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--accent-soft)}:focus-visible{box-shadow:var(--focus);outline:none}.scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--track) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--track);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.scroll::-webkit-scrollbar-track{background:0 0}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--r-pill);white-space:nowrap;height:40px;color:var(--text);background:var(--elev);border:1px solid var(--btn-border);box-shadow:var(--sh-raised-sm);transition:transform var(--ease), box-shadow var(--ease), background var(--ease), color var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{box-shadow:var(--sh-raised)}.btn:active{transform:var(--press);box-shadow:var(--sh-inset)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn svg{flex-shrink:0;width:18px;height:18px}.btn.sm{gap:6px;height:32px;padding:0 12px;font-size:13px}.btn.sm svg{width:15px;height:15px}.btn.primary{background:var(--accent-bg);color:var(--on-accent);box-shadow:var(--sh-accent)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.danger{color:var(--danger)}.icon-btn{border-radius:var(--r-pill);width:38px;height:38px;color:var(--text-2);transition:background var(--ease), color var(--ease), transform var(--ease), box-shadow var(--ease);flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn:active{transform:var(--press)}.icon-btn.active{color:var(--accent-ink)}.icon-btn svg{width:20px;height:20px}.icon-btn.sm{width:32px;height:32px}.icon-btn.sm svg{width:17px;height:17px}.icon-btn.lg{width:46px;height:46px}.icon-btn.lg svg{width:24px;height:24px}.play-fab{border-radius:var(--r-pill);background:var(--accent-bg);width:48px;height:48px;color:var(--on-accent);box-shadow:var(--sh-accent);transition:transform var(--ease), box-shadow var(--ease), filter var(--ease);flex-shrink:0;place-items:center;display:inline-grid}.play-fab:hover{filter:brightness(1.05);transform:scale(1.05)}.play-fab:active{transform:var(--press)}.play-fab svg{width:22px;height:22px}.play-fab.lg{width:64px;height:64px}.play-fab.lg svg{width:28px;height:28px}.play-fab.sm{width:40px;height:40px}.play-fab.sm svg{width:18px;height:18px}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh-card);border:1px solid var(--card-border)}.input{border-radius:var(--r-pill);background:var(--input-bg);border:1px solid var(--input-border);height:42px;box-shadow:var(--sh-inset);color:var(--text-2);transition:box-shadow var(--ease), border-color var(--ease), background var(--ease);align-items:center;gap:8px;padding:0 16px;display:flex}.input:focus-within{box-shadow:var(--sh-inset), var(--focus)}.input input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.input input::placeholder{color:var(--text-3)}.input svg{flex-shrink:0;width:18px;height:18px}.chip{border-radius:var(--r-pill);height:32px;color:var(--text-2);background:var(--elev);border:1px solid var(--btn-border);box-shadow:var(--sh-raised-sm);white-space:nowrap;transition:background var(--ease), color var(--ease), box-shadow var(--ease), transform var(--ease);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{color:var(--text)}.chip.active{background:var(--accent-bg);color:var(--on-accent);box-shadow:var(--sh-accent)}.seg{border-radius:var(--r-pill);background:var(--input-bg);box-shadow:var(--sh-inset);border:1px solid var(--input-border);scrollbar-width:none;gap:2px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{border-radius:var(--r-pill);height:30px;color:var(--text-2);white-space:nowrap;transition:background var(--ease), color var(--ease), box-shadow var(--ease);padding:0 14px;font-size:13px;font-weight:600}.seg button:hover{color:var(--text)}.seg button.active{background:var(--elev);color:var(--accent-ink);box-shadow:var(--sh-raised-sm)}.badge{letter-spacing:.02em;height:18px;color:var(--accent-ink);background:var(--accent-soft);border-radius:5px;flex-shrink:0;align-items:center;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-flex}.panel{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur)}.menu-surface{background:var(--menu-bg,var(--card));-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);border:1px solid var(--menu-border,var(--line));border-radius:var(--r-lg);box-shadow:var(--sh-float)}.overlay{z-index:200;background:var(--scrim,#0a0c146b);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{flex-direction:column;width:min(420px,100%);max-height:min(86vh,640px);padding:24px;display:flex}.dialog-title{font-family:var(--font-title);font-size:19px;font-weight:var(--title-weight);margin-bottom:16px}.dialog-text{color:var(--text-2);font-size:14px;line-height:1.7}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.pop-enter-active,.pop-leave-active{transition:opacity .18s}.pop-enter-active .dialog,.pop-leave-active .dialog{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.pop-enter-from,.pop-leave-to{opacity:0}.pop-enter-from .dialog,.pop-leave-to .dialog{transform:translateY(12px)scale(.98)}.page{max-width:1400px;margin:0 auto;padding:8px 32px 40px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:12px 0 20px;display:flex}.page-title{font-family:var(--font-title);font-size:30px;font-weight:var(--title-weight);letter-spacing:-.01em;line-height:1.2}.page-sub{color:var(--text-2);margin-top:6px;font-size:14px}.section{margin-top:32px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title{font-family:var(--font-title);font-size:19px;font-weight:var(--title-weight)}.section-link{color:var(--text-2);align-items:center;gap:2px;font-size:13px;font-weight:500;display:inline-flex}.section-link:hover{color:var(--accent-ink)}.section-link svg{width:16px;height:16px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 18px;display:grid}.empty{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 16px;display:flex}.empty svg{opacity:.55;width:40px;height:40px}.empty p{font-size:14px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--hover) 25%, var(--active) 50%, var(--hover) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active{transition:opacity .2s,transform .26s cubic-bezier(.2,.8,.2,1)}.page-enter-from{opacity:0;transform:translateY(8px)}@media (max-width:899px){.page{padding:4px 16px 24px}.page-title{font-size:24px}.page-head{margin:8px 0 16px}.section{margin-top:26px}.section-title{font-size:17px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:16px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-theme=neumorphism]{--neu-bg:#e0e5ec;--neu-dark:#b8bcc2;--neu-light:#fff;--neu-raised-xs:2px 2px 4px var(--neu-dark), -2px -2px 4px var(--neu-light);--neu-raised-sm:4px 4px 8px var(--neu-dark), -4px -4px 8px var(--neu-light);--neu-raised:7px 7px 14px var(--neu-dark), -7px -7px 14px var(--neu-light);--neu-inset-xs:inset 2px 2px 4px var(--neu-dark), inset -2px -2px 4px var(--neu-light);--neu-inset-sm:inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light);--neu-inset:inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--neu-accent-inset:inset 3px 3px 6px #5546d6, inset -3px -3px 6px #8a7dff;--bg:var(--neu-bg);--surface:var(--neu-bg);--card:var(--neu-bg);--elev:var(--neu-bg);--hover:#a3b1c629;--active:#6d5dfc12;--line:#a3b1c666;--input-bg:var(--neu-bg);--menu-bg:var(--neu-bg);--menu-border:transparent;--cover-bg:#d5dbe3;--text:#3d4468;--text-2:#565e78;--text-3:#7a819a;--accent:#6d5dfc;--accent-bg:#6d5dfc;--accent-hover:#5a49ec;--on-accent:#fff;--accent-ink:#5a49ec;--accent-soft:#6d5dfc1f;--danger:#c43c4c;--ok:#2b8a62;--fill:linear-gradient(90deg, #8b7dfd, #6d5dfc);--track:var(--neu-bg);--track-shadow:var(--neu-inset-xs);--track-h:6px;--track-h-hover:8px;--thumb:var(--neu-bg);--thumb-size:16px;--thumb-shadow:2px 2px 4px var(--neu-dark), -2px -2px 4px var(--neu-light);--r-md:14px;--r-lg:20px;--r-xl:28px;--r-cover:12px;--sh-card:var(--neu-raised);--sh-raised:var(--neu-raised-sm);--sh-raised-sm:var(--neu-raised-sm);--sh-inset:var(--neu-inset);--sh-float:12px 12px 28px #a3b1c6bf, -12px -12px 28px var(--neu-light);--sh-hover:var(--neu-raised-sm);--sh-accent:var(--neu-raised-sm);--focus:0 0 0 2px #6d5dfc59;--ease:.3s ease-in-out;--hover-lift:none;--press:none;--scrim:#a3b1c680;--logo-filter:hue-rotate(95deg);--np-base:var(--neu-bg);--np-overlay:#e0e5ecc7;--np-cover-opacity:.6;--np-cover-shadow:16px 16px 32px var(--neu-dark), -16px -16px 32px var(--neu-light);--np-hover:#a3b1c633;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=neumorphism] .sidebar{box-shadow:6px 0 18px -10px var(--neu-dark);border-right:0}:root[data-theme=neumorphism] .playerbar{box-shadow:0 -8px 18px -12px var(--neu-dark), 0 -1px 0 var(--neu-light);border-top:0}:root[data-theme=neumorphism] .tabbar{box-shadow:0 -6px 14px -10px var(--neu-dark);border-top:0}:root[data-theme=neumorphism] .topbar.scrolled{box-shadow:0 8px 14px -12px var(--neu-dark)}:root[data-theme=neumorphism] .sl-head{box-shadow:0 1px 0 var(--neu-light), 0 -1px 0 #a3b1c659 inset;border-bottom-color:#0000}:root[data-theme=neumorphism] .btn{border:0}:root[data-theme=neumorphism] .btn:hover{box-shadow:var(--neu-raised-xs)}:root[data-theme=neumorphism] .btn:active{box-shadow:var(--neu-inset-sm)}:root[data-theme=neumorphism] .btn.primary{box-shadow:var(--neu-raised-sm)}:root[data-theme=neumorphism] .btn.primary:hover{box-shadow:var(--neu-raised-xs);filter:none}:root[data-theme=neumorphism] .btn.primary:active{box-shadow:var(--neu-accent-inset)}:root[data-theme=neumorphism] .btn.ghost:hover{box-shadow:var(--neu-raised-xs);background:0 0}:root[data-theme=neumorphism] .icon-btn:hover{box-shadow:var(--neu-raised-xs);color:var(--accent-ink);background:0 0}:root[data-theme=neumorphism] .icon-btn:active,:root[data-theme=neumorphism] .icon-btn.active{box-shadow:var(--neu-inset-xs)}:root[data-theme=neumorphism] .play-fab{box-shadow:var(--neu-raised-sm)}:root[data-theme=neumorphism] .play-fab:hover{filter:none;box-shadow:var(--neu-raised-xs);transform:none}:root[data-theme=neumorphism] .play-fab:active{box-shadow:var(--neu-accent-inset)}:root[data-theme=neumorphism] .nav-item:hover{color:var(--accent-ink);background:0 0}:root[data-theme=neumorphism] .nav-item.active{box-shadow:var(--neu-inset-sm);background:0 0}:root[data-theme=neumorphism] .seg{box-shadow:var(--neu-inset-sm)}:root[data-theme=neumorphism] .seg button.active{box-shadow:var(--neu-raised-xs)}:root[data-theme=neumorphism] .chip{box-shadow:var(--neu-raised-xs);border:0}:root[data-theme=neumorphism] .chip:hover{color:var(--accent-ink)}:root[data-theme=neumorphism] .chip.active{background:var(--neu-bg);color:var(--accent-ink);box-shadow:var(--neu-inset-xs)}:root[data-theme=neumorphism] .board.active{box-shadow:var(--neu-inset-xs);background:0 0}:root[data-theme=neumorphism] .song-row:hover,:root[data-theme=neumorphism] .q-row:hover,:root[data-theme=neumorphism] .cc-row:hover{box-shadow:var(--neu-raised-xs);background:0 0}:root[data-theme=neumorphism] .song-row.current,:root[data-theme=neumorphism] .q-row.current{box-shadow:var(--neu-inset-xs);background:0 0}:root[data-theme=neumorphism] .switch{background:var(--neu-bg);box-shadow:var(--neu-inset-sm)}:root[data-theme=neumorphism] .switch i{background:var(--neu-bg);box-shadow:var(--neu-raised-xs)}:root[data-theme=neumorphism] .switch.on{background:var(--accent);box-shadow:var(--neu-accent-inset)}:root[data-theme=neumorphism] .switch.on i{background:#fff}:root[data-theme=neumorphism] .hero-card:hover,:root[data-theme=neumorphism] .list-card:hover,:root[data-theme=neumorphism] .pl-card:hover .pl-cover{box-shadow:var(--neu-raised-sm)}:root[data-theme=neumorphism] .pb-cover{box-shadow:var(--neu-raised-xs)}:root[data-theme=neumorphism] .ml-icon,:root[data-theme=neumorphism] .lc-cover{box-shadow:var(--neu-raised-sm)}:root[data-theme=neumorphism] .avatar{box-shadow:var(--neu-raised-xs)}:root[data-theme=neumorphism] .theme.active{box-shadow:var(--neu-inset-sm);background:0 0}:root[data-theme=neumorphism] .theme:hover{background:0 0}:root[data-theme=neumorphism] .row.link:hover{box-shadow:var(--neu-raised-xs);background:0 0}:root[data-theme=neumorphism] .np-tabs{box-shadow:var(--neu-inset-xs);background:0 0}:root[data-theme=neumorphism] .playerbar .pb-line{background:#a3b1c666}@media (max-width:899px){:root[data-theme=neumorphism]{--neu-raised:5px 5px 10px var(--neu-dark), -5px -5px 10px var(--neu-light);--neu-raised-sm:3px 3px 6px var(--neu-dark), -3px -3px 6px var(--neu-light)}:root[data-theme=neumorphism] .playerbar{box-shadow:var(--neu-raised-sm)}}:root[data-theme=glass]{--gl-champagne:#e4b863;--gl-champagne-bright:#f3dca8;--bg:#0b1322;--bg-layer:radial-gradient(640px circle at 85% 8%, #7c9cc438, transparent 62%), radial-gradient(560px circle at 8% 92%, #33517a4d, transparent 62%), radial-gradient(420px circle at 38% 42%, #e4b86312, transparent 58%), linear-gradient(165deg, #060a13 0%, #0b1322 55%, #16233a 100%);--surface:#0e16268c;--surface-blur:blur(40px) saturate(180%);--card:#ffffff0f;--elev:#ffffff14;--hover:#ffffff12;--active:#ffffff1c;--line:#ffffff1a;--input-bg:#ffffff0f;--input-border:#ffffff21;--card-border:#ffffff1f;--btn-border:#ffffff24;--menu-bg:#121b2db8;--menu-border:#ffffff26;--cover-bg:#ffffff0f;--text:#f5f7fb;--text-2:#b8c1cf;--text-3:#8d98aa;--accent:var(--gl-champagne);--accent-bg:#e4b86333;--accent-hover:#e4b86347;--on-accent:var(--gl-champagne-bright);--accent-ink:var(--gl-champagne);--accent-soft:#e4b86324;--danger:#ff8a80;--ok:#7bd8a5;--fill:linear-gradient(90deg, #c99a48, #e4b863);--track:#ffffff24;--thumb:var(--gl-champagne-bright);--thumb-shadow:0 0 0 4px #e4b8632e, 0 2px 8px #0006;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-cover:12px;--sh-card:0 8px 24px #03071266, inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0206104d;--sh-raised:0 8px 24px #03071273, inset 0 1px 0 #ffffff38;--sh-raised-sm:0 2px 8px #03071259, inset 0 1px 0 #ffffff29;--sh-inset:inset 0 1px 2px #02061059;--sh-float:0 16px 48px #0307128c, inset 0 1px 0 #ffffff38, inset 0 -1px 0 #02061059;--sh-hover:0 20px 60px #03071299, inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #02061059;--sh-accent:0 4px 20px #e4b86329, inset 0 1px 0 #f3dca859, inset 0 -1px 0 #0206104d;--focus:0 0 0 3px #e4b86340;--ease:.38s cubic-bezier(.16, 1, .3, 1);--hover-lift:translateY(-3px);--press:scale(.97);--scrim:#0307128c;--logo-filter:grayscale(1) brightness(1.55) opacity(.85);--np-base:#0b1322;--np-overlay:linear-gradient(180deg, #060a1359, #060a13b3);--np-cover-opacity:.65;--np-cover-shadow:0 30px 80px #03071299, inset 0 1px 0 #ffffff4d;--np-hover:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=glass] .backdrop .bd-d{opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");display:block;inset:0}:root[data-theme=glass] .sidebar{border-right-color:#ffffff14;box-shadow:inset -1px 0 #ffffff0a}:root[data-theme=glass] .playerbar{border-top-color:#ffffff24;box-shadow:0 -12px 40px #03071259,inset 0 1px #ffffff1a}:root[data-theme=glass] .topbar.scrolled{background:#0b13228c}:root[data-theme=glass] .btn.primary,:root[data-theme=glass] .play-fab,:root[data-theme=glass] .chip.active,:root[data-theme=glass] .avatar{border:1px solid #e4b8636b}:root[data-theme=glass] .btn.primary:hover{filter:none;background:#e4b86347;box-shadow:0 6px 28px #e4b86338,inset 0 1px #f3dca873}:root[data-theme=glass] .play-fab:hover{filter:none;background-color:#e4b86347;box-shadow:0 6px 28px #e4b86338,inset 0 1px #f3dca873}:root[data-theme=glass] .seg button.active{color:var(--gl-champagne-bright);background:#ffffff1f}:root[data-theme=glass] .play-fab{transition:transform var(--ease), box-shadow var(--ease), background-position .9s cubic-bezier(.16, 1, .3, 1);background-color:#e4b86333;background-image:linear-gradient(115deg,#0000 35%,#ffffff38 50%,#0000 65%);background-position:130% 0;background-repeat:no-repeat;background-size:260% 100%}:root[data-theme=glass] .play-fab:hover{background-position:-30% 0}:root[data-theme=glass] .hero-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff1f 48%,#0000 66%);transition:transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-120%)}:root[data-theme=glass] .hero-card:hover:after{transform:translate(120%)}:root[data-theme=glass] .song-row:hover{background:#ffffff0f}:root[data-theme=glass] .song-row.current{background:#e4b86314}:root[data-theme=glass] .nav-item.active{background:#ffffff17;box-shadow:inset 0 1px #ffffff1a}:root[data-theme=glass] .hc-art{background:linear-gradient(145deg,#e4b86359,#33517a99)}:root[data-theme=glass] .lc-cover.k-love,:root[data-theme=glass] .ml-icon.love{background:linear-gradient(145deg,#e4b86359,#33517a80)}:root[data-theme=glass] .switch.on{background:#e4b8638c}@media (max-width:899px){:root[data-theme=glass]{--surface-blur:blur(26px) saturate(180%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root[data-theme=glass]{--surface:#101a2c;--menu-bg:#142036}}:root[data-theme=neon-retro]{--nr-pink:#ff71ce;--nr-cyan:#01cdfe;--nr-purple:#b967ff;--nr-gradient:linear-gradient(90deg, #ff71ce 0%, #b967ff 50%, #01cdfe 100%);--nr-scanlines:repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 3px);--nr-edge:#ff71ce66 #01cdfe73 #01cdfe73 #ff71ce66;--bg:#1a0a2e;--bg-layer:linear-gradient(180deg, #14072a 0%, #1a0a2e 45%, #2a0b3f 100%);--surface:#16082ae6;--card:#2b005761;--elev:#2e1554;--hover:#ff71ce14;--active:#ff71ce26;--line:#ff71ce2e;--input-bg:#10051ebf;--input-border:#01cdfe66;--card-border:#ff71ce4d;--btn-border:#ff71ce59;--menu-bg:#1a0a2ef5;--menu-border:#ff71ce59;--cover-bg:#2a1250;--text:#fbeaff;--text-2:#d3bdf2;--text-3:#a68ccc;--accent:var(--nr-pink);--accent-bg:var(--nr-gradient);--accent-hover:#ff86d6;--on-accent:#1a0a2e;--accent-ink:var(--nr-pink);--accent-soft:#ff71ce29;--danger:#ff6b9a;--ok:#05ffa1;--fill:var(--nr-gradient);--track:#b967ff40;--thumb:var(--nr-cyan);--thumb-shadow:0 0 10px var(--nr-cyan), 0 0 18px #ff71ce80;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-cover:8px;--sh-card:0 0 18px #ff71ce1a, inset -1px -1px 0 #01cdfe59;--sh-raised:0 0 8px #ff71ce66, 0 0 14px #01cdfe2e;--sh-raised-sm:none;--sh-inset:inset 0 0 12px #01cdfe14;--sh-float:0 0 24px #ff71ce59, 0 0 48px #01cdfe2e;--sh-hover:0 0 30px #ff71ce8c, 0 0 36px #01cdfe59;--sh-accent:0 0 16px #ff71ce80, 0 0 28px #01cdfe38;--focus:0 0 15px #ff71ce73, 0 0 0 1px var(--nr-cyan);--font-title:var(--font);--title-weight:800;--ease:.4s cubic-bezier(.22, 1, .36, 1);--hover-lift:translateY(-4px) rotate(-.8deg);--press:translate(3px, 3px);--scrim:#0a02149e;--logo-filter:hue-rotate(160deg) saturate(1.4);--np-base:#1a0a2e;--np-overlay:linear-gradient(180deg, #1a0a2e73, #1a0a2ee0);--np-cover-opacity:.55;--np-cover-shadow:0 0 40px #ff71ce73, 0 0 80px #01cdfe40;--np-hover:#ff71ce1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=neon-retro] .backdrop .bd-a{transform-origin:50% 0;opacity:.32;background-image:linear-gradient(#ff71ce99 1px,#0000 1px),linear-gradient(90deg,#01cdfe80 1px,#0000 1px);background-size:50px 50px;height:700px;display:block;top:62%;left:-50%;right:-50%;transform:perspective(900px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 0%,#0009 25%,#000 60%);mask-image:linear-gradient(#0000 0%,#0009 25%,#000 60%)}:root[data-theme=neon-retro] .backdrop .bd-b{opacity:.18;filter:blur(.3px);background:repeating-linear-gradient(#0000 0 22px,#1a0a2e 22px 27px),linear-gradient(#fffb96 0%,#ff71ce 55%,#b967ff 100%);border-radius:210px 210px 0 0;width:420px;height:210px;margin-left:-210px;display:block;top:calc(62% - 210px);left:50%;-webkit-mask-image:linear-gradient(#000 0 35%,#000000e6 100%)}:root[data-theme=neon-retro] .backdrop .bd-c{background:radial-gradient(#ff71ce38,#0000 65%);width:900px;height:260px;margin:-130px 0 0 -450px;display:block;top:62%;left:50%}:root[data-theme=neon-retro] .sidebar,:root[data-theme=neon-retro] .playerbar,:root[data-theme=neon-retro] .tabbar,:root[data-theme=neon-retro] .topbar.scrolled{background-image:var(--nr-scanlines)}:root[data-theme=neon-retro] .sidebar{border-right-color:#ff71ce40}:root[data-theme=neon-retro] .playerbar{border-top-color:#01cdfe59;box-shadow:0 -4px 24px #ff71ce1f}:root[data-theme=neon-retro] .card,:root[data-theme=neon-retro] .hero-card,:root[data-theme=neon-retro] .menu-surface{border-color:var(--nr-edge)}:root[data-theme=neon-retro] .page-title,:root[data-theme=neon-retro] .brand-name,:root[data-theme=neon-retro] .np-name{background:var(--nr-gradient);color:#0000;filter:drop-shadow(0 0 12px #ff71ce59);-webkit-background-clip:text;background-clip:text}:root[data-theme=neon-retro] .btn.primary,:root[data-theme=neon-retro] .play-fab,:root[data-theme=neon-retro] .chip.active{transition:transform var(--ease), box-shadow var(--ease), background-position 1.2s ease;background-image:linear-gradient(90deg,#ff71ce 0%,#b967ff 25%,#01cdfe 50%,#b967ff 75%,#ff71ce 100%);background-position:0 0;background-size:200% 100%}:root[data-theme=neon-retro] .btn.primary:hover,:root[data-theme=neon-retro] .play-fab:hover{box-shadow:var(--sh-hover);filter:none;background-position:100% 0;transform:translateY(-2px)}:root[data-theme=neon-retro] .btn:active,:root[data-theme=neon-retro] .play-fab:active,:root[data-theme=neon-retro] .chip:active{box-shadow:none;transition-duration:60ms;transform:translate(3px,3px)}:root[data-theme=neon-retro] .btn:not(.primary):hover{box-shadow:var(--sh-raised);border-color:var(--nr-cyan)}:root[data-theme=neon-retro] .seg button.active{color:var(--nr-pink);box-shadow:inset 0 -2px 0 var(--nr-pink);background:#ff71ce2e}:root[data-theme=neon-retro] .input:focus-within{border-color:var(--nr-pink)}:root[data-theme=neon-retro] .nav-item.active{color:var(--nr-pink);box-shadow:inset 3px 0 0 var(--nr-pink), -4px 0 14px -4px var(--nr-pink);background:#ff71ce1f}:root[data-theme=neon-retro] .nav-item.active svg{filter:drop-shadow(0 0 6px #ff71ceb3)}:root[data-theme=neon-retro] .song-row.current .t-name{text-shadow:0 0 10px #ff71ce99}:root[data-theme=neon-retro] .hc-art{background:linear-gradient(160deg,#ff71ce,#b967ff 55%,#01cdfe)}:root[data-theme=neon-retro] .mine-head>span:after{content:"ネオン";letter-spacing:.3em;color:#01cdfe8c;margin-left:10px;font-size:10px}@media (prefers-reduced-motion:reduce){:root[data-theme=neon-retro]{--hover-lift:none}}:root[data-theme=ghibli]{--gb-sage:#7cb9a8;--gb-sage-deep:#3b6f61;--gb-line:#c4b082bf;--gb-round-font:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "YouYuan", "幼圆", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--bg:#f4ecd8;--bg-layer:linear-gradient(180deg, #cfe6e8 0%, #dcece4 18%, #efeedb 40%, #f4ecd8 60%);--surface:#faf5ebf0;--card:#faf5eb;--elev:#faf5eb;--hover:#7cb9a821;--active:#7cb9a838;--line:#8b73552e;--input-bg:#fffaf0;--input-border:#d4c49abf;--card-border:#d4c49a80;--btn-border:#d4c49a99;--menu-bg:#faf5eb;--menu-border:#d4c49a99;--cover-bg:#efe4cc;--text:#3a3226;--text-2:#5a4f42;--text-3:#75664f;--accent:var(--gb-sage);--accent-bg:linear-gradient(180deg, #92d3cf 0%, #7cb9a8 100%);--accent-hover:#86c3b2;--on-accent:#2b2620;--accent-ink:var(--gb-sage-deep);--accent-soft:#7cb9a833;--danger:#b0563f;--ok:#4e8c5b;--fill:linear-gradient(90deg, #9ec069 0%, #7cb9a8 100%);--track:#8b735529;--thumb:#faf5eb;--thumb-border:2px solid #7cb9a8;--thumb-shadow:0 2px 8px #7cb9a859;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-xl:28px;--r-cover:14px;--sh-card:0 8px 30px #5a4a3a12;--sh-raised:0 4px 16px #7cb9a833, 0 2px 6px #5a4a3a0d;--sh-raised-sm:0 2px 8px #7cb9a826;--sh-inset:inset 0 1px 3px #8b735514;--sh-float:0 24px 60px -20px #5a4a3a59, 0 8px 32px #7cb9a82e;--sh-hover:0 16px 40px #7cb9a838, 0 6px 16px #5a4a3a0f;--sh-accent:0 4px 16px #7cb9a866;--focus:0 0 0 3px #7cb9a84d, 0 0 12px #8b735533;--font-title:var(--gb-round-font);--title-weight:700;--ease:.5s cubic-bezier(.45, .05, .35, 1);--hover-lift:translateY(-3px) rotate(-.6deg);--press:scale(.98);--scrim:#3a322659;--logo-filter:saturate(.55) brightness(1.04);--np-base:#f4ecd8;--np-overlay:linear-gradient(180deg, #cfe6e88c, #f4ecd8d9);--np-cover-opacity:.5;--np-cover-shadow:0 24px 60px -20px #5a4a3a73, 0 8px 32px #7cb9a840;--np-hover:#7cb9a824;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=ghibli] .backdrop .bd-a,:root[data-theme=ghibli] .backdrop .bd-b{filter:blur(6px);background:#ffffffbf;border-radius:999px;width:260px;height:70px;animation:90s linear infinite gb-drift;display:block;box-shadow:60px -26px 0 8px #ffffffb3,130px -6px 0 -4px #ffffffa6}:root[data-theme=ghibli] .backdrop .bd-a{top:9%;left:10%}:root[data-theme=ghibli] .backdrop .bd-b{opacity:.8;animation-duration:120s;animation-delay:-40s;top:22%;left:58%;transform:scale(.7)}@keyframes gb-drift{0%{translate:-30vw}to{translate:80vw}}:root[data-theme=ghibli] .backdrop .bd-c{opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 240' preserveAspectRatio='none'%3E%3Cpath d='M0 120 C 220 60 420 70 640 118 S 1060 170 1440 92 V240 H0Z' fill='%23c9e2c4'/%3E%3Cpath d='M0 172 C 300 112 560 132 820 172 S 1220 206 1440 150 V240 H0Z' fill='%23add39a'/%3E%3Cpath d='M0 206 C 360 168 700 188 1000 204 S 1300 222 1440 198 V240 H0Z' fill='%2397c7b4'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;height:26vh;min-height:150px;display:block;bottom:0;left:0;right:0}:root[data-theme=ghibli] .backdrop .bd-d{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .29 0 0 0 0 .22 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");display:block;inset:0}:root[data-theme=ghibli] .sidebar{border-right:2px dashed var(--gb-line)}:root[data-theme=ghibli] .playerbar,:root[data-theme=ghibli] .tabbar{border-top:2px dashed var(--gb-line)}:root[data-theme=ghibli] .topbar.scrolled{box-shadow:none;border-bottom:2px dashed var(--gb-line)}:root[data-theme=ghibli] .sl-head{border-bottom:2px dashed var(--gb-line)}:root[data-theme=ghibli] .row{border-top-style:dashed}:root[data-theme=ghibli] .nav-item svg{transition:transform var(--ease)}:root[data-theme=ghibli] .nav-item:hover svg{transform:rotate(-8deg)translate(1px)}:root[data-theme=ghibli] .nav-item.active{color:var(--gb-sage-deep);background:#7cb9a833}:root[data-theme=ghibli] .btn:hover{transform:translateY(-2px)}:root[data-theme=ghibli] .btn:active{transform:scale(.98)}:root[data-theme=ghibli] .seg button.active{color:var(--gb-sage-deep)}:root[data-theme=ghibli] .song-row:hover{background:#7cb9a81f}:root[data-theme=ghibli] .hc-art{background:linear-gradient(160deg,#92d3cf,#9ec069)}:root[data-theme=ghibli] .brand-name,:root[data-theme=ghibli] .page-title{color:#3a3226}:root[data-theme=ghibli] .menu-surface{border-style:dashed;border-width:2px}@media (prefers-reduced-motion:reduce){:root[data-theme=ghibli]{--hover-lift:none}:root[data-theme=ghibli] .backdrop .bd-a,:root[data-theme=ghibli] .backdrop .bd-b{animation:none}}:root[data-theme=brutal]{--nb-red:#ff6b6b;--nb-teal:#4ecdc4;--nb-yellow:#ffe66d;--nb-mint:#95e1d3;--nb-coral:#f38181;--nb-bw:3px;--nb-bw-sm:2px;--nb-line:var(--nb-bw) solid #000;--font:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", monospace;--font-title:var(--font);--title-weight:900;--bg:#fffbea;--bg-layer:radial-gradient(#00000029 1.2px, transparent 1.4px) 0 0 / 22px 22px;--surface:#fff;--card:#fff;--elev:#fff;--hover:var(--nb-yellow);--active:var(--nb-mint);--line:#000;--input-bg:#fff;--input-border:#000;--card-border:#000;--btn-border:#000;--menu-bg:#fff;--menu-border:#000;--cover-bg:var(--nb-mint);--text:#000;--text-2:#2d2d2d;--text-3:#4a4a4a;--accent:var(--nb-red);--accent-bg:var(--nb-red);--accent-hover:#ff5252;--on-accent:#000;--accent-ink:#c92a2a;--accent-soft:#ffe3e3;--danger:#c92a2a;--ok:#0b7a55;--fill:var(--nb-red);--track:#fff;--track-shadow:inset 0 0 0 2px #000;--track-h:10px;--track-h-hover:12px;--thumb:var(--nb-yellow);--thumb-border:2px solid #000;--thumb-radius:0;--thumb-size:16px;--thumb-shadow:2px 2px 0 #000;--r-xs:0;--r-sm:0;--r-md:0;--r-lg:0;--r-xl:0;--r-pill:0;--r-cover:0;--sh-card:4px 4px 0 0 #000;--sh-raised:4px 4px 0 0 #000;--sh-raised-sm:3px 3px 0 0 #000;--sh-inset:none;--sh-float:6px 6px 0 0 #000;--sh-hover:7px 7px 0 0 #000;--sh-accent:4px 4px 0 0 #000;--focus:0 0 0 3px var(--nb-teal);--ease:.3s cubic-bezier(.34, 1.56, .64, 1);--hover-lift:translate(-3px, -3px) rotate(-1deg);--press:translate(3px, 3px) scale(.96);--scrim:#00000059;--logo-filter:hue-rotate(200deg) saturate(1.3);--np-base:#fffbea;--np-overlay:#fffbead1;--np-cover-opacity:.35;--np-cover-radius:0;--np-cover-shadow:10px 10px 0 #000;--np-hover:var(--nb-yellow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:900px){:root[data-theme=brutal]{--nb-bw:4px;--nb-bw-sm:3px}}:root[data-theme=brutal] .card,:root[data-theme=brutal] .hero-card,:root[data-theme=brutal] .menu-surface,:root[data-theme=brutal] .btn,:root[data-theme=brutal] .input,:root[data-theme=brutal] .seg,:root[data-theme=brutal] .switch{border:var(--nb-line)}:root[data-theme=brutal] .chip,:root[data-theme=brutal] .board,:root[data-theme=brutal] .play-fab,:root[data-theme=brutal] .avatar{border:var(--nb-bw-sm) solid #000}:root[data-theme=brutal] .cover,:root[data-theme=brutal] .pl-cover,:root[data-theme=brutal] .ml-icon,:root[data-theme=brutal] .lc-cover,:root[data-theme=brutal] .date-tile{outline:var(--nb-bw-sm) solid #000;outline-offset:calc(var(--nb-bw-sm) * -1)}:root[data-theme=brutal] .badge{background:var(--nb-yellow);color:#000;border:2px solid #000;border-radius:0}:root[data-theme=brutal] .sidebar{background:var(--nb-teal);border-right:var(--nb-line)}:root[data-theme=brutal] .sidebar .nav-item{color:#000}:root[data-theme=brutal] .sidebar .nav-item:hover{background:#fff}:root[data-theme=brutal] .sidebar .nav-item.active{background:var(--nb-yellow);color:#000;border:var(--nb-bw-sm) solid #000;transform:rotate(-1deg);box-shadow:3px 3px #000}:root[data-theme=brutal] .sidebar .count,:root[data-theme=brutal] .sidebar .mine-head,:root[data-theme=brutal] .sidebar .user{color:#000}:root[data-theme=brutal] .mine-login{border:var(--nb-bw-sm) solid #000;background:#fff;box-shadow:3px 3px #000}:root[data-theme=brutal] .topbar.scrolled{background:var(--nb-yellow);box-shadow:none;border-bottom:var(--nb-line)}:root[data-theme=brutal] .tabbar{background:var(--nb-yellow);border-top:var(--nb-line)}:root[data-theme=brutal] .tab{color:#000}:root[data-theme=brutal] .tab.active{color:#000;background:var(--nb-red);border-left:2px solid #000;border-right:2px solid #000}:root[data-theme=brutal] .playerbar{border:var(--nb-line);box-shadow:6px 6px 0 var(--nb-red);height:var(--player-h);margin:0 18px 16px}@media (max-width:899px){:root[data-theme=brutal] .playerbar{box-shadow:4px 4px 0 var(--nb-red);height:var(--mini-h);margin:0 8px 8px}}:root[data-theme=brutal] .page-title{background:var(--nb-yellow);border:var(--nb-line);margin-left:4px;padding:2px 12px;display:inline-block;transform:rotate(-1.5deg);box-shadow:4px 4px #000}:root[data-theme=brutal] .tb-title{transform:rotate(-1deg)}:root[data-theme=brutal] .section-title{text-decoration:underline;text-decoration-thickness:4px;-webkit-text-decoration-color:var(--nb-red);text-decoration-color:var(--nb-red);text-underline-offset:4px}:root[data-theme=brutal] .btn:hover,:root[data-theme=brutal] .chip:hover{box-shadow:5px 5px 0 var(--nb-teal);transform:translate(-2px,-2px)rotate(-1deg)}:root[data-theme=brutal] .btn:active,:root[data-theme=brutal] .chip:active,:root[data-theme=brutal] .play-fab:active{box-shadow:none;transition-duration:.1s;transform:translate(3px,3px)scale(.96)}:root[data-theme=brutal] .btn.primary{transform:rotate(-1deg)}:root[data-theme=brutal] .btn.primary:hover{box-shadow:5px 5px 0 var(--nb-yellow), 5px 5px 0 2px #000;filter:none;transform:translate(-2px,-2px)rotate(1deg)}:root[data-theme=brutal] .btn.ghost{box-shadow:none;border-color:#0000}:root[data-theme=brutal] .play-fab{transform:rotate(-2deg)}:root[data-theme=brutal] .play-fab:hover{box-shadow:5px 5px 0 var(--nb-teal);filter:none;transform:translate(-2px,-2px)rotate(2deg)}:root[data-theme=brutal] .icon-btn:hover{background:var(--nb-yellow);color:#000}:root[data-theme=brutal] .icon-btn.active{color:#c92a2a}:root[data-theme=brutal] .seg button.active{background:var(--nb-yellow);color:#000;box-shadow:none;outline:2px solid #000}:root[data-theme=brutal] .chip.active,:root[data-theme=brutal] .board.active{background:var(--nb-red);color:#000}:root[data-theme=brutal] .song-row,:root[data-theme=brutal] .q-row,:root[data-theme=brutal] .cc-row{border:2px solid #0000}:root[data-theme=brutal] .song-row:hover,:root[data-theme=brutal] .q-row:hover,:root[data-theme=brutal] .cc-row:hover{background:var(--nb-yellow);border-color:#000}:root[data-theme=brutal] .song-row.current,:root[data-theme=brutal] .q-row.current{background:var(--nb-mint);border-color:#000}:root[data-theme=brutal] .song-row.current .t-name,:root[data-theme=brutal] .q-row.current .q-name{color:#000;font-weight:900}:root[data-theme=brutal] .sl-head{border-bottom:var(--nb-line);color:#000}:root[data-theme=brutal] .hero-card:nth-child(odd){transform:rotate(-.6deg)}:root[data-theme=brutal] .hero-card:nth-child(2n){transform:rotate(.6deg)}:root[data-theme=brutal] .hero-card:hover{transform:translate(-3px,-3px)rotate(-1deg)}:root[data-theme=brutal] .hc-daily .hc-art{background:var(--nb-red)}:root[data-theme=brutal] .hc-radio .hc-art{background:var(--nb-teal)}:root[data-theme=brutal] .radio-ic,:root[data-theme=brutal] .ring{color:#000;border-color:#000}:root[data-theme=brutal] .hc-date{color:#000;text-shadow:none;background:#ffe66dbf}:root[data-theme=brutal] .hc-kicker{color:#000;background:var(--nb-yellow);border:2px solid #000;padding:0 6px}:root[data-theme=brutal] .chips .chip:nth-child(3n+1){background:#fff}:root[data-theme=brutal] .chips .chip:nth-child(3n+2){background:var(--nb-mint)}:root[data-theme=brutal] .chips .chip:nth-child(3n){background:var(--nb-coral)}:root[data-theme=brutal] .switch{background:#fff}:root[data-theme=brutal] .switch i{box-shadow:none;background:#000;border-radius:0}:root[data-theme=brutal] .switch.on{background:var(--nb-red)}:root[data-theme=brutal] .toast{border:var(--nb-line)}:root[data-theme=brutal] .bars i{background:#000}:root[data-theme=brutal] .pl-count{background:#000;border-radius:0}:root[data-theme=brutal] .np-cover .cover{outline-width:4px}@media (prefers-reduced-motion:reduce){:root[data-theme=brutal]{--hover-lift:none;--press:none}}:root[data-theme=shoujo]{--sj-pink:#ffb7c5;--sj-lavender:#c4b5fd;--sj-gold:#fde68a;--sj-plum:#5b2140;--sj-rose-deep:#b83265;--sj-tone:radial-gradient(circle, #ffb7c561 1px, transparent 1.3px);--sj-round-font:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "YouYuan", "幼圆", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--sj-flower:radial-gradient(circle at 50% 50%, #fde68a 0 2.4px, transparent 2.8px), radial-gradient(circle at 50% 20%, #ffb7c5 0 4.2px, transparent 4.6px), radial-gradient(circle at 79% 41%, #ffb7c5 0 4.2px, transparent 4.6px), radial-gradient(circle at 68% 76%, #ffb7c5 0 4.2px, transparent 4.6px), radial-gradient(circle at 32% 76%, #ffb7c5 0 4.2px, transparent 4.6px), radial-gradient(circle at 21% 41%, #ffb7c5 0 4.2px, transparent 4.6px);--bg:#fff5f7;--bg-layer:radial-gradient(640px circle at 92% 4%, #c4b5fd52, transparent 60%), radial-gradient(620px circle at 4% 96%, #ffb7c56b, transparent 60%), radial-gradient(circle, #ffb7c561 1px, transparent 1.3px) 0 0 / 14px 14px;--surface:#ffffffe6;--surface-blur:blur(14px);--card:#fff;--elev:#fff;--hover:#ffb7c529;--active:#ffb7c547;--line:#ffb7c573;--input-bg:#fff;--input-border:#ffb7c5a6;--card-border:#ffb7c559;--btn-border:#ffb7c58c;--menu-bg:#fffffff5;--menu-border:#ffb7c580;--cover-bg:#ffe9ee;--text:#4a5568;--text-2:#5f5064;--text-3:#7d6a78;--accent:var(--sj-pink);--accent-bg:linear-gradient(180deg, #ffd3dd 0%, #ffb7c5 100%);--accent-hover:#ff9eb3;--on-accent:var(--sj-plum);--accent-ink:var(--sj-rose-deep);--accent-soft:#ffb7c547;--danger:#c2416b;--ok:#4c9a7a;--fill:linear-gradient(90deg, #ffb7c5 0%, #f8a9d7 55%, #c4b5fd 100%);--track:#ffb7c552;--thumb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.7 4.5c2.2 0 3.7 1.3 5.3 3.2 1.6-1.9 3.1-3.2 5.3-3.2 3.7 0 5.8 3.9 4.3 7.3C19.5 16.4 12 21 12 21z' fill='%23ff8fab' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") center / contain no-repeat;--thumb-size:18px;--thumb-radius:0;--thumb-shadow:none;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:28px;--r-cover:16px;--sh-card:0 4px 20px #ffb7c538;--sh-raised:0 4px 15px #ffb7c561;--sh-raised-sm:0 2px 10px #ffb7c540;--sh-inset:inset 0 1px 3px #ffb7c533;--sh-float:0 18px 50px #ffb7c559, 0 4px 16px #c4b5fd2e;--sh-hover:0 10px 30px #ffb7c573;--sh-accent:0 4px 15px #ff9eb373;--focus:0 0 0 3px #ffb7c559, 0 0 12px #ffb7c573;--font-title:var(--sj-round-font);--title-weight:700;--ease:.3s ease-in-out;--hover-lift:translateY(-3px) scale(1.03);--press:scale(.95);--scrim:#5b214040;--logo-filter:hue-rotate(175deg) saturate(.75) brightness(1.18);--np-base:#fff5f7;--np-overlay:linear-gradient(180deg, #fff5f799, #fff5f7db);--np-cover-opacity:.55;--np-cover-shadow:0 18px 50px #ffb7c58c, 0 4px 16px #c4b5fd4d;--np-hover:#ffb7c52e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=shoujo] .backdrop .bd-a,:root[data-theme=shoujo] .backdrop .bd-b,:root[data-theme=shoujo] .backdrop .bd-c{background:var(--sj-gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:14px;height:14px;animation:3.2s ease-in-out infinite sj-twinkle;display:block}:root[data-theme=shoujo] .backdrop .bd-a{top:14%;right:12%}:root[data-theme=shoujo] .backdrop .bd-b{width:9px;height:9px;animation-delay:-1.1s;top:38%;right:28%}:root[data-theme=shoujo] .backdrop .bd-c{background:var(--sj-lavender);width:11px;height:11px;animation-delay:-2.2s;top:70%;left:30%}@keyframes sj-twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}:root[data-theme=shoujo] .backdrop .bd-petal{top:-30px;left:calc(var(--i) * 12% - 4%);opacity:.7;width:14px;height:11px;animation:sj-fall calc(14s + var(--i) * 1.7s) linear infinite;animation-delay:calc(var(--i) * -2.3s);background:linear-gradient(135deg,#ffd3dd,#ffb7c5);border-radius:14px 0;display:block}@keyframes sj-fall{0%{transform:translateY(-5vh)rotate(0)}50%{transform:translate(6vw,50vh)rotate(200deg)}to{transform:translate(-2vw,110vh)rotate(420deg)}}:root[data-theme=shoujo] .topbar.scrolled{box-shadow:0 4px 18px #ffb7c52e}:root[data-theme=shoujo] .topbar.scrolled:after{content:"";opacity:.85;background:radial-gradient(circle at 50% 0,#fff 5px,#0000 5.5px) 0 0/14px 7px repeat-x,radial-gradient(circle at 50% 0,#ffb7c5 6.5px,#0000 7px) 0 0/14px 7px repeat-x;height:7px;position:absolute;bottom:-7px;left:0;right:0}:root[data-theme=shoujo] .playerbar:before{content:"";background:var(--sj-flower);opacity:.85;pointer-events:none;width:22px;height:22px;position:absolute;top:6px;left:8px}:root[data-theme=shoujo] .page-title:after{content:"";vertical-align:.1em;background:var(--sj-flower);width:20px;height:20px;margin-left:8px;display:inline-block}:root[data-theme=shoujo] .section-title{background:linear-gradient(#0000 62%,#ffb7c573 62%);padding:0 4px}:root[data-theme=shoujo] .nav-item.active{color:var(--sj-rose-deep);background:#ffb7c547}:root[data-theme=shoujo] .nav-item.active:after{content:"";background:var(--sj-gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:9px;height:9px;animation:2.6s ease-in-out infinite sj-twinkle;position:absolute;top:8px;right:10px}:root[data-theme=shoujo] .nav-item.sub.active:after{display:none}:root[data-theme=shoujo] .btn:hover,:root[data-theme=shoujo] .chip:hover{box-shadow:var(--sh-hover);transform:translateY(-2px)scale(1.04)}:root[data-theme=shoujo] .btn:active,:root[data-theme=shoujo] .chip:active{transform:scale(.95)}:root[data-theme=shoujo] .btn.primary:hover{filter:none;background:linear-gradient(#ffc8d4 0%,#ff9eb3 100%)}:root[data-theme=shoujo] .play-fab:hover{filter:none;transform:scale(1.08);box-shadow:0 8px 24px #ff9eb399}:root[data-theme=shoujo] .seg button.active{color:var(--sj-rose-deep)}:root[data-theme=shoujo] .song-row:hover{background:#ffb7c529}:root[data-theme=shoujo] .pl-card:hover .pl-cover:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle,#ffffff80 1px,#0000 1.4px) 0 0/8px 8px;position:absolute;inset:0}:root[data-theme=shoujo] .hc-art{background:linear-gradient(150deg,#ffd3dd,#ffb7c5 50%,#c4b5fd)}:root[data-theme=shoujo] .radio-ic,:root[data-theme=shoujo] .ring{color:var(--sj-plum);border-color:var(--sj-plum)}:root[data-theme=shoujo] .slider-thumb{filter:drop-shadow(0 2px 4px #ff8fab80)}@media (prefers-reduced-motion:reduce){:root[data-theme=shoujo]{--hover-lift:none}:root[data-theme=shoujo] .backdrop .bd-petal{display:none}}