:root{--paper: #faf8f5;--paper-2: #f3eee7;--ink: #1f1d1b;--brass: #8c7a63;--line: #eae3da;--veil: #17130f;--on-veil: #f7f2ea;--ease: cubic-bezier(.22, 1, .36, 1);--fade: 1.2s;--font-serif: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif SC", "SimSun", serif;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pad-x: 20px;--pad-b: 24px}*{box-sizing:border-box}html{background:var(--veil);-webkit-text-size-adjust:100%}body{margin:0;background:var(--veil);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--veil);box-shadow:inset 0 0 130px #0e0a0757}.stage-layer{position:absolute;inset:0;opacity:0;transition:opacity var(--fade) cubic-bezier(.4,0,.2,1);will-change:opacity}.stage-layer.is-front{opacity:1}.stage-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(1.08) contrast(1.01) brightness(1.06);transform:scale(1);transition:transform 12s linear}.stage-layer.is-front .stage-video{transform:scale(1.035)}.scrim{position:absolute;pointer-events:none;z-index:2}.scrim-top{top:0;left:0;width:64%;height:14%;background:radial-gradient(68% 100% at 0% 0%,#120e0bb8,#120e0b61 52%,#120e0b00)}.scrim-bottom{bottom:0;left:0;right:0;height:47%;background:radial-gradient(112% 100% at 0% 100%,#120e0bf5,#120e0beb 50%,#120e0b80 80%,#120e0b1a 92%,#120e0b00)}.scrim-right{top:50%;right:0;transform:translateY(-50%);width:44%;height:66%;background:radial-gradient(118% 58% at 100% 50%,#18130ef2,#18130ecc 42%,#18130e52 68%,#18130e00 88%)}.glass{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(112deg,#ffffff0b,#ffffff03 26%,#fff0 46%,#ffffff05 76%,#ffffff0a)}.bloom{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(82% 64% at 18% 12%,#ffeed61a,#ffeed60d 46%,#ffeed605 78%,#ffeed600)}.grain{position:absolute;inset:-60px;z-index:4;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.6'/></svg>");animation:grain-shift .9s steps(3) infinite}@keyframes grain-shift{0%{transform:translateZ(0)}33%{transform:translate3d(-14px,8px,0)}66%{transform:translate3d(10px,-12px,0)}to{transform:translateZ(0)}}.stage-layer.is-static .stage-video{animation:still-drift 22s ease-in-out infinite alternate}@keyframes still-drift{0%{transform:scale(1.02)}to{transform:scale(1.08)}}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:calc(16px + env(safe-area-inset-top)) var(--pad-x) 0;pointer-events:none;transition:opacity .3s var(--ease)}.back{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 8px;margin-left:-8px;border-radius:999px;font-size:12px;letter-spacing:.12em;color:#f7f2eadb;text-shadow:0 1px 2px rgba(0,0,0,.65),0 4px 20px rgba(0,0,0,.6);transition:color .24s var(--ease),background-color .24s var(--ease)}.back:hover{color:var(--on-veil);background:#fff4e614}.ctrl{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:#f7f2ea8f;filter:drop-shadow(0 2px 6px rgba(0,0,0,.85));transition:color .24s var(--ease),background-color .24s var(--ease)}.ctrl:hover{color:var(--on-veil);background:#fff4e617}.ctrl:focus-visible,.back:focus-visible,.rail-item:focus-visible,.cue:focus-visible,.sheet-action:focus-visible{outline:2px solid rgba(255,244,230,.72);outline-offset:3px}.rail{position:fixed;top:50%;right:calc(14px + env(safe-area-inset-right));transform:translateY(-50%);z-index:20;display:flex;align-items:stretch;gap:11px;transition:opacity .3s var(--ease)}.rail-track{position:relative;width:1px;background:#fff4e642;box-shadow:0 0 14px #0000008c}.rail-fill{position:absolute;inset:0;background:var(--on-veil);transform:scaleY(0);transform-origin:top;will-change:transform}.rail-items{display:flex;flex-direction:column;gap:4px}.rail-item{display:block;padding:8px 3px;border-radius:999px;color:#f7f2ea94;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.85),0 4px 16px rgba(0,0,0,.7);transition:color .36s var(--ease)}.rail-item:hover{color:var(--on-veil)}.rail-item.is-active{color:#fff}.rail-char{font-family:var(--font-serif);font-size:14px;letter-spacing:.1em;line-height:1}.corner{position:fixed;right:calc(var(--pad-x) - 8px);bottom:calc(var(--pad-b) - 8px + env(safe-area-inset-bottom));z-index:20;display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .3s var(--ease)}.corner>*{pointer-events:auto}.cue{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#f7f2eaa8;filter:drop-shadow(0 2px 6px rgba(0,0,0,.85));transition:color .3s var(--ease);animation:cue-bob 3.2s var(--ease) infinite}.cue:hover{color:var(--on-veil)}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.copy-layer{position:fixed;inset:0;z-index:12;pointer-events:none}.chapter-copy{position:absolute;left:0;right:0;bottom:calc(var(--pad-b) + env(safe-area-inset-bottom));padding:0 var(--pad-x);will-change:opacity,transform}.copy-lockup{margin:0 0 8px;font-size:9px;letter-spacing:.34em;text-indent:.34em;color:#f7f2eab8;text-shadow:0 1px 3px rgba(0,0,0,.7),0 4px 18px rgba(0,0,0,.6)}.copy-title{margin:0 0 12px;font-family:var(--font-serif);font-weight:500;font-size:clamp(22px,6.2vw,28px);line-height:1.4;letter-spacing:.085em;color:var(--on-veil);text-shadow:0 1px 2px rgba(0,0,0,.5),0 8px 34px rgba(0,0,0,.6)}.copy-title span{display:block}.copy-line{display:flex;align-items:baseline;gap:8px;margin:0;font-family:var(--font-serif);font-size:13.5px;letter-spacing:.1em;color:var(--on-veil);text-shadow:0 1px 3px rgba(0,0,0,.7),0 4px 20px rgba(0,0,0,.6)}.copy-season{font-size:16px;color:#fff}.narrative{position:relative;z-index:1;pointer-events:none}.chapter{height:100vh;height:100dvh}.narrative-tail{height:80vh;height:80dvh}.tap-play{position:fixed;left:50%;top:50%;z-index:25;display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;border:1px solid rgba(255,244,230,.3);background:#17130f8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-veil);font-size:13px;letter-spacing:.18em;text-indent:.18em;transform:translate(-50%,-50%);animation:cue-pulse 3.4s var(--ease) infinite}@keyframes cue-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}.sheet{position:relative;z-index:30;min-height:100vh;min-height:100dvh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(64px,16vw,120px) clamp(24px,7vw,96px);box-shadow:0 -40px 90px #0000004d}.sheet-title{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(27px,7.4vw,40px);line-height:1.56;letter-spacing:.075em;color:var(--ink)}.sheet-title em{font-style:normal;color:var(--brass)}.sheet-rule{height:1px;max-width:420px;background:#8c7a6347}.sheet-lockup{margin:0;font-family:var(--font-serif);font-size:clamp(17px,4.6vw,21px);letter-spacing:.3em;text-indent:.3em;color:var(--ink)}.sheet-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.sheet-action{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-size:13px;letter-spacing:.14em;text-indent:.14em;transition:border-color .24s var(--ease),background-color .24s var(--ease)}.sheet-action:hover{border-color:var(--brass);background:#fff}.sheet-action:focus-visible{outline:2px solid var(--brass);outline-offset:3px}@media(min-width:1024px){:root{--pad-x: clamp(34px, 4vw, 76px);--pad-b: 38px}.topbar{padding-top:calc(28px + env(safe-area-inset-top))}.scrim-top{width:26%;height:13%;background:radial-gradient(76% 100% at 0% 0%,#120e0ba8,#120e0b4d 54%,#120e0b00)}.scrim-bottom{height:40%;background:radial-gradient(108% 100% at 0% 100%,#120e0bf5,#120e0be6 46%,#120e0b80 78%,#120e0b1a 92%,#120e0b00)}.stage-video{transition:none}.stage-layer.is-front .stage-video{transform:none}.scrim-right{width:34%;height:72%}.rail{right:clamp(28px,3.4vw,58px);gap:14px}.rail-item{padding:10px 2px}.rail-char{font-size:15px}.corner{right:calc(var(--pad-x) - 10px);bottom:calc(var(--pad-b) - 10px + env(safe-area-inset-bottom));gap:6px}.copy-lockup{margin-bottom:10px;font-size:9.5px}.copy-title{margin-bottom:16px;font-size:clamp(29px,2.3vw,39px);line-height:1.3}.copy-title span{display:inline}.copy-line{font-size:17px;gap:10px}.copy-season{font-size:20px}.cue{right:calc(var(--pad-x) - 8px);bottom:calc(var(--pad-b) + env(safe-area-inset-bottom))}.sheet{align-items:flex-start;padding-left:clamp(60px,12vw,220px);gap:28px}.sheet-title{font-size:clamp(36px,3.1vw,52px)}.sheet-lockup{font-size:24px}}@media(prefers-reduced-motion:reduce){.stage-layer,.stage-video{transition-duration:.2s!important}.stage-layer.is-front .stage-video{transform:none}.grain,.cue,.tap-play,.stage-layer.is-static .stage-video{animation:none!important}}@media(max-width:360px){:root{--pad-x: 16px}.copy-title{font-size:20px}.copy-line{font-size:13px}.copy-season{font-size:15px}}@media(max-height:520px)and (orientation:landscape){.copy-title{font-size:19px}.copy-line{font-size:13px}.cue{display:none}}