@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tssqApdaRQokwFjFJjvM6h2Wo4z1oXk.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/k3kXo84MPvpLmixcA63oeALhLIiP-Q8.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/k3kXo84MPvpLmixcA63oeALhLIiP-Q8.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/k3kXo84MPvpLmixcA63oeALhLIiP-Q8.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/k3kXo84MPvpLmixcA63oeALhLIiP-Q8.woff2)format("woff2")}@font-face{font-family:Ma Shan Zheng;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NaPecZTRCLxvwo41b4gvzkXaRMHsCoRT.woff2)format("woff2")}:root{--bg:oklch(97% .018 80);--bg-deep:oklch(94% .025 80);--surface:oklch(99% .01 80);--surface-2:oklch(96% .02 80);--fg:oklch(28% .06 295);--fg-soft:oklch(38% .05 295);--muted:oklch(52% .04 295);--muted-soft:oklch(70% .025 295);--border:oklch(90% .025 80);--border-strong:oklch(80% .035 80);--accent:oklch(62% .2 340);--accent-strong:oklch(55% .22 340);--accent-soft:oklch(92% .06 340);--c-purple:oklch(58% .18 295);--c-lavender:oklch(72% .1 290);--c-leaf:oklch(58% .16 145);--c-amber:oklch(72% .16 50);--c-snow:oklch(80% .05 230);--c-dream:oklch(72% .12 320);--c-ice:oklch(72% .1 220);--c-fire:oklch(60% .22 25);--c-witch:oklch(38% .1 295);--c-sun:oklch(85% .14 95);--font-display:"ZCOOL KuaiLe", "Ma Shan Zheng", "PingFang SC", system-ui, sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", Menlo, monospace;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--shadow-sm:0 2px 8px oklch(28% .06 295/.06);--shadow-md:0 8px 24px oklch(28% .06 295/.08);--shadow-lg:0 20px 50px oklch(28% .06 295/.12);--shadow-pop:0 12px 32px oklch(62% .2 340/.25);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px}*{box-sizing:border-box}html,body{font-family:var(--font-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.6}body{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--fg);letter-spacing:-.005em;margin:0;font-weight:400;line-height:1.2}h1{letter-spacing:-.01em;font-size:clamp(32px,5vw,48px)}h2{font-size:clamp(24px,3.5vw,32px)}h3{font-size:clamp(20px,2.5vw,24px)}p{margin:0}.site-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--s-3) var(--s-5);justify-content:space-between;align-items:center;gap:var(--s-4);background:oklch(97% .018 80/.92);display:flex;position:sticky;top:0}.site-nav__brand{align-items:center;gap:var(--s-3);color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;text-decoration:none;display:flex}.site-nav__brand-mark{border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent) 0%, var(--c-lavender) 100%);color:#fff;width:36px;height:36px;font-family:var(--font-display);box-shadow:var(--shadow-sm);place-items:center;font-size:20px;display:grid}.site-nav__links{gap:var(--s-1);flex-shrink:0;align-items:center;display:flex}.site-nav__link{color:var(--muted);border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s}.site-nav__link:hover{background:var(--surface-2);color:var(--fg)}.site-nav__link[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}@media (width<=720px){.site-nav{gap:8px;padding:10px 14px}.site-nav__brand-text{display:none}.site-nav__link{padding:6px 10px;font-size:13px}}@media (width<=480px){.site-nav__links{scrollbar-width:none;-ms-overflow-style:none;flex-shrink:1;min-width:0;overflow-x:auto}.site-nav__links::-webkit-scrollbar{display:none}.site-nav__link{padding:6px 8px;font-size:12px}}.page{max-width:1200px;padding:var(--s-8) var(--s-5) var(--s-16);margin:0 auto}.page--narrow{max-width:880px}.page--wide{max-width:1360px}.section{margin-top:var(--s-12)}.section:first-child{margin-top:0}.section-head{justify-content:space-between;align-items:end;gap:var(--s-4);margin-bottom:var(--s-6);display:flex}.section-head__title{margin:0}.section-head__meta{color:var(--muted);letter-spacing:.02em;font-size:13px}.btn{cursor:pointer;font-family:var(--font-body);letter-spacing:.02em;border-radius:var(--r-pill);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-pop)}.btn--primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:var(--surface);color:var(--fg);border:1px solid var(--border)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn--lg{min-height:56px;padding:16px 28px;font-size:17px}.btn--sm{min-height:36px;padding:9px 16px;font-size:13px}.btn--icon{width:48px;height:48px;padding:0}.play-btn{background:var(--accent);color:#fff;cursor:pointer;width:64px;height:64px;box-shadow:var(--shadow-pop);border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.play-btn:hover{background:var(--accent-strong);transform:scale(1.05)}.play-btn svg{fill:#fff;width:28px;height:28px}.play-btn--lg{width:88px;height:88px}.play-btn--lg svg{width:36px;height:36px}.tag{border-radius:var(--r-pill);letter-spacing:.04em;color:var(--fg-soft);background:var(--surface-2);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tag--purple{color:var(--c-purple);background:oklch(92% .05 295)}.tag--lavender{color:var(--c-lavender);background:oklch(94% .04 290)}.tag--leaf{color:var(--c-leaf);background:oklch(92% .05 145)}.tag--amber{color:var(--c-amber);background:oklch(94% .05 60)}.tag--snow{color:oklch(40% .06 230);background:oklch(94% .025 230)}.tag--dream{color:var(--c-dream);background:oklch(94% .05 320)}.tag--ice{color:var(--c-ice);background:oklch(94% .04 220)}.tag--fire{color:var(--c-fire);background:oklch(94% .05 25)}.tag--witch{color:var(--c-witch);background:oklch(90% .04 295)}.tag--accent{background:var(--accent-soft);color:var(--accent-strong)}.tag__dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__media{aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;display:block}.card__body{padding:var(--s-5)}.card__title{font-family:var(--font-display);margin-bottom:4px;font-size:18px}.card__meta{color:var(--muted);font-size:13px}.card__cta{margin-top:var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.home-latest-card{padding:var(--s-5);gap:var(--s-6);grid-template-columns:280px 1fr;align-items:center;display:grid}@media (width<=720px){.home-latest-card{gap:var(--s-4);grid-template-columns:1fr}.home-latest-card img{aspect-ratio:16/9}}.character-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);cursor:pointer;color:inherit;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.character-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.character-card__portrait{aspect-ratio:1;background:oklch(96% .015 80);place-items:end center;display:grid;position:relative;overflow:hidden}.character-card__portrait img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.character-card:hover .character-card__portrait img{transform:scale(1.04)}.character-card__name{font-family:var(--font-display);padding:var(--s-4) var(--s-4) var(--s-2);text-align:center;font-size:20px}.character-card__role{letter-spacing:.04em;color:var(--muted);text-align:center;padding:0 var(--s-4) var(--s-4);font-size:12px}.character-card:before{content:"";background:var(--card-color,var(--accent));z-index:1;height:6px;position:absolute;top:0;left:0;right:0}.grid{gap:var(--s-5);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid--characters{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (width<=600px){.grid--4,.grid--characters{grid-template-columns:repeat(2,1fr)}.page{padding:var(--s-6) var(--s-4) var(--s-12)}}.audio-player{border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);box-shadow:var(--shadow-md);background:linear-gradient(oklch(98% .025 340) 0%,oklch(97% .02 340) 100%)}.audio-player__head{align-items:center;gap:var(--s-5);margin-bottom:var(--s-5);display:flex}.audio-player__cover{border-radius:var(--r-md);background:var(--surface-2);width:96px;height:96px;box-shadow:var(--shadow-sm);flex-shrink:0;overflow:hidden}.audio-player__cover img{object-fit:cover;width:100%;height:100%;display:block}.audio-player__meta{flex:1;min-width:0}.audio-player__episode{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong);font-size:12px;font-weight:700}.audio-player__title{font-family:var(--font-display);color:var(--fg);margin-top:4px;font-size:22px}.audio-player__state{color:var(--muted);margin-top:4px;font-size:13px}.audio-player__state[data-state=error]{color:var(--c-fire)}.audio-player__state[data-state=ready]{color:var(--c-leaf)}.audio-player__state[data-state=playing]{color:var(--accent-strong)}.audio-player__progress{margin:var(--s-4) 0;align-items:center;gap:var(--s-3);font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;display:flex}.audio-player__bar{background:var(--surface-2);border-radius:var(--r-pill);cursor:pointer;flex:1;height:8px;position:relative;overflow:hidden}.audio-player__bar-fill{background:linear-gradient(90deg, var(--accent), var(--c-lavender));border-radius:var(--r-pill);width:0;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.audio-player__bar-fill:after{content:"";border:3px solid var(--accent);width:16px;height:16px;box-shadow:var(--shadow-sm);opacity:0;background:#fff;border-radius:50%;transition:opacity .2s;position:absolute;top:-4px;right:-6px}.audio-player__bar:hover .audio-player__bar-fill:after{opacity:1}.audio-player__controls{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-3);display:flex}.audio-player__speed{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;gap:4px;padding:4px;display:inline-flex}.audio-player__speed button{font-family:var(--font-mono);color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;min-width:36px;padding:6px 10px;font-size:12px;font-weight:600}.audio-player__speed button[aria-pressed=true]{background:var(--accent);color:#fff}.audio-player__extra{gap:var(--s-2);display:flex}.audio-player__icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--fg-soft);border-radius:50%;place-items:center;transition:all .18s;display:grid}.audio-player__icon-btn:hover{background:var(--surface-2);color:var(--accent-strong)}.audio-player__icon-btn svg{width:18px;height:18px}.hero{border-radius:var(--r-xl);background:var(--surface-2);margin-top:var(--s-6);position:relative;overflow:hidden}.hero__media{aspect-ratio:16/7;position:relative;overflow:hidden}.hero__media img{object-fit:cover;width:100%;height:100%;display:block}.hero__overlay{padding:var(--s-8);background:linear-gradient(#0000 30%,oklch(20% .04 295/.55) 100%);align-items:end;display:flex;position:absolute;inset:0}.hero__content{color:#fff;max-width:580px}.hero__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:oklch(94% .04 80);margin-bottom:var(--s-2);font-size:12px;font-weight:600}.hero__title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;text-shadow:0 4px 20px oklch(20% .04 295/.4);font-size:clamp(36px,5.5vw,56px)}.hero__sub{margin-top:var(--s-3);color:oklch(94% .02 80);font-size:16px}.hero__cta-row{margin-top:var(--s-5);gap:var(--s-3);flex-wrap:wrap;display:flex}@media (width<=720px){.hero__media{aspect-ratio:16/7}.hero__overlay{padding:var(--s-4)}.hero__content--minimal{max-width:none}}.cover-art{aspect-ratio:16/10;border-radius:var(--r-xl);width:100%;box-shadow:var(--shadow-lg);background:var(--surface-2);overflow:hidden}.cover-art img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=720px){.cover-art{aspect-ratio:4/3;border-radius:var(--r-lg)}}.story-body{color:var(--fg-soft);max-width:62ch;margin:0 auto;font-size:17px;line-height:2}.story-body p{margin-bottom:1.4em}.story-body p:last-child{margin-bottom:0}.story-body strong{color:var(--fg);font-weight:600}@media (width<=720px){.story-body{font-size:16px;line-height:1.9}}.story-scene{gap:var(--s-6);padding:var(--s-6) 0;border-top:1px dashed var(--border);grid-template-columns:240px 1fr;display:grid}.story-scene:first-of-type{border-top:0;padding-top:0}.story-scene__aside{gap:var(--s-3);flex-direction:column;display:flex}.story-scene__illust{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-2);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.story-scene__illust img{object-fit:cover;width:100%;height:100%}.story-scene__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.story-scene__heading{font-family:var(--font-display);color:var(--fg);margin-bottom:var(--s-3);font-size:22px}.story-scene__body{color:var(--fg-soft);font-size:17px;line-height:1.85}.story-scene__body p{margin-bottom:var(--s-4)}.story-scene__body p:last-child{margin-bottom:0}@media (width<=720px){.story-scene{gap:var(--s-4);grid-template-columns:1fr}.story-scene__illust{max-width:200px}}.tabs{gap:var(--s-2);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--muted);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .18s}.tab:hover{border-color:var(--border-strong);color:var(--fg)}.tab[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.modal{-webkit-backdrop-filter:blur(6px);padding:var(--s-5);z-index:1000;opacity:0;pointer-events:none;background:oklch(20% .04 295/.45);place-items:center;transition:opacity .25s;display:grid;position:fixed;inset:0}.modal[aria-hidden=false]{opacity:1;pointer-events:auto}.modal__panel{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:90vh;padding:var(--s-6);box-shadow:var(--shadow-lg);transition:transform .25s;overflow:auto;transform:translateY(20px)}.modal[aria-hidden=false] .modal__panel{transform:translateY(0)}.modal__close{top:var(--s-3);right:var(--s-3);background:var(--surface-2);cursor:pointer;width:36px;height:36px;color:var(--muted);border:0;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute}.modal__close:hover{background:var(--border);color:var(--fg)}.modal__portrait{width:160px;height:160px;margin:0 auto var(--s-4);border-radius:var(--r-lg);background:var(--surface-2);overflow:hidden}.modal__portrait img{object-fit:cover;width:100%;height:100%}.modal__name{font-family:var(--font-display);text-align:center;margin-bottom:var(--s-2);font-size:28px}.modal__role{text-align:center;margin-bottom:var(--s-5)}.modal__row{padding:var(--s-3) 0;border-top:1px dashed var(--border);justify-content:space-between;font-size:14px;display:flex}.modal__row dt{color:var(--muted)}.modal__row dd{color:var(--fg);margin:0;font-weight:500}.modal__bio{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px dashed var(--border);color:var(--fg-soft);font-size:15px;line-height:1.7}.ph-img{background:var(--surface-2);width:100%;height:100%;color:var(--muted);letter-spacing:.04em;place-items:center;font-size:13px;display:grid}.character-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12px;font-weight:500;display:inline-flex}.character-chip__avatar{background:var(--surface-2);border-radius:50%;width:24px;height:24px;overflow:hidden}.character-chip__avatar img{object-fit:cover;width:100%;height:100%}.launcher-grid{gap:var(--s-5);margin-top:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.launcher-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);color:var(--fg);gap:var(--s-3);flex-direction:column;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.launcher-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.launcher-card__icon{border-radius:var(--r-md);background:var(--accent-soft);width:48px;height:48px;color:var(--accent-strong);place-items:center;display:grid}.launcher-card__icon svg{width:24px;height:24px}.launcher-card__title{font-family:var(--font-display);margin:0;font-size:22px}.launcher-card__desc{color:var(--muted);font-size:14px;line-height:1.6}.launcher-card__arrow{color:var(--accent);letter-spacing:.02em;align-items:center;gap:4px;margin-top:auto;font-size:13px;font-weight:600;display:flex}.launcher-card__arrow svg{width:14px;height:14px;transition:transform .2s}.launcher-card:hover .launcher-card__arrow svg{transform:translate(4px)}.site-footer{margin-top:var(--s-16);padding:var(--s-8) var(--s-5);border-top:1px dashed var(--border);text-align:center;color:var(--muted);font-size:13px}.site-footer p{margin-bottom:4px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-muted{color:var(--muted)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.mt-2{margin-top:var(--s-2)}.mt-4{margin-top:var(--s-4)}.mt-6{margin-top:var(--s-6)}.mt-8{margin-top:var(--s-8)}.mb-2{margin-bottom:var(--s-2)}.mb-4{margin-bottom:var(--s-4)}.mb-6{margin-bottom:var(--s-6)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}