:root{--ink:#0a0f14;--paper:#f3ece0;--gold:#ffd400;--gold-dim:#c9a227;--muted:rgba(243,236,224,0.58);--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","Source Han Serif","SimSun",Georgia,"Times New Roman",serif;--sans:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ink);color:var(--paper);font-family:var(--serif);-webkit-font-smoothing:antialiased}body{overscroll-behavior-y:none}.stage-poster{position:fixed;inset:0;z-index:0;background-position:50%;background-size:cover;background-repeat:no-repeat}.stage{position:-webkit-sticky;position:sticky;top:0;z-index:1;width:100%;height:100vh;height:100dvh;overflow:hidden}.stage canvas{display:block;width:100%!important;height:100%!important}.overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.narration{position:absolute;left:50%;bottom:clamp(4rem,12vh,9rem);width:min(46rem,86vw);transform:translate(-50%,.6rem);opacity:0;transition:opacity .55s ease,transform .55s ease}.narration.is-visible{opacity:1;transform:translate(-50%)}.narration__text{margin:0;text-align:center;font-size:clamp(1.05rem,2.1vw,1.6rem);line-height:1.9;letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 22px rgba(0,0,0,.6);-webkit-user-select:text;-moz-user-select:text;user-select:text;pointer-events:auto}.narration.is-on-light .narration__text{color:#2b1d05;text-shadow:0 1px 1px rgba(255,255,255,.5),0 0 18px rgba(255,240,190,.9)}.narration.is-on-light .narration__attribution{color:rgba(43,29,5,.62)}.narration__attribution{display:block;margin-top:.65rem;font-family:var(--sans);font-size:.8em;color:var(--muted);letter-spacing:.1em}.scroll-hint{position:absolute;left:50%;bottom:2.2rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;transition:opacity .5s ease}.scroll-hint.is-visible{opacity:1}.scroll-hint__label{font-family:var(--sans);font-size:.72rem;letter-spacing:.36em;text-indent:.36em;color:var(--muted);text-transform:uppercase}.scroll-hint__wheel{position:relative;width:1.4rem;height:2.25rem;border:1px solid rgba(243,236,224,.4);border-radius:.7rem}.scroll-hint__wheel:after{content:"";position:absolute;left:50%;top:.45rem;width:2px;height:.45rem;margin-left:-1px;border-radius:1px;background:var(--gold);animation:wheel-drift 1.9s ease-in-out infinite}@keyframes wheel-drift{0%{transform:translateY(0);opacity:0}25%{opacity:1}70%{transform:translateY(.8rem);opacity:0}to{transform:translateY(.8rem);opacity:0}}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(243,236,224,.12)}.progress__bar{display:block;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--gold-dim),var(--gold));box-shadow:0 0 12px rgba(255,212,0,.55);transition:transform .12s linear}.after-stage{position:relative;z-index:3;background:var(--ink);padding:clamp(3rem,10vh,7rem) clamp(1.25rem,6vw,5rem)}.chapter__title{margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:.08em}.chapter__subtitle{margin:0 0 2.5rem;color:var(--muted);font-size:clamp(.95rem,2vw,1.15rem);line-height:1.9}.sources{max-width:52rem;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(243,236,224,.14);font-family:var(--sans)}.sources__heading{margin:0 0 1.25rem;font-size:.78rem;letter-spacing:.3em;color:var(--gold-dim);text-transform:uppercase}.sources__list{margin:0;padding:0;list-style:none;display:grid;grid-gap:1rem;gap:1rem}.sources__item{font-size:.86rem;line-height:1.75;color:var(--muted)}.sources__item strong{color:var(--paper);font-weight:500}.sources__item a{color:var(--gold-dim)}@media (prefers-reduced-motion:reduce){.scroll-hint__wheel:after{animation:none;opacity:1}.narration,.progress__bar,.scroll-hint{transition-duration:.01ms}}