:root{--ink:#0a0907;--ink-soft:#14110d;--gold:#d8b46a;--gold-bright:#f0d59b;--gold-dim:#d8b46a61;--vermilion:#a53a2a;--vermilion-deep:#6c1e16;--ivory:#f1e8d5;--ivory-dim:#f1e8d58a;--font-serif:"Noto Serif CJK SC", "Source Han Serif CN", "Songti SC", "STSong", "SimSun", serif;--font-sans:"Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", sans-serif;--bar-h:clamp(22px, 5.4vh, 64px);--edge:clamp(18px, 4.2vw, 64px);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--ink);width:100%;height:100%;color:var(--ivory);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}body{overscroll-behavior:none}#app{isolation:isolate;background:radial-gradient(120% 90% at 50% 108%,#21170f 0%,#0a0907 60%);position:fixed;inset:0}#scene-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}button{color:inherit;-webkit-tap-highlight-color:transparent;font-family:inherit}button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--gold-bright);outline-offset:4px}.screen-fx{z-index:2;pointer-events:none;position:absolute;inset:0}.screen-fx__vignette{background:radial-gradient(120% 92% at 50% 45%,#0000 52%,#06050475 100%),linear-gradient(#0403033d,#0000 20% 78%,#04030352);position:absolute;inset:0}.screen-fx__grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");width:200%;height:200%;animation:1.1s steps(3,end) infinite grain-shift;position:absolute;inset:-50%}.screen-fx__warm{mix-blend-mode:screen;background:radial-gradient(60% 40% at 72% 18%,#ffb96814,#0000 70%);position:absolute;inset:0}@keyframes grain-shift{0%{transform:translate(0)}33%{transform:translate(-1.2%,.8%)}66%{transform:translate(.9%,-1.1%)}to{transform:translate(0)}}.ui{z-index:5;pointer-events:none;transition:opacity .6s var(--ease), visibility .6s;position:absolute;inset:0}.ui>*{pointer-events:none}.ui button,.ui .timeline,.ui .time-switcher,.ui .mode-dock{pointer-events:auto}body.ui-hidden .ui{opacity:0;visibility:hidden}.ui[data-mode=free] .brand,.ui[data-mode=free] .top-actions{top:24px}.cinema-bars{z-index:0;pointer-events:none;position:absolute;inset:0}.cinema-bars__top,.cinema-bars__bottom{height:var(--bar-h);transition:transform 1s var(--ease);background:linear-gradient(#040303f5,#040303c7);position:absolute;left:0;right:0}.cinema-bars__top{border-bottom:1px solid #d8b46a21;top:0}.cinema-bars__bottom{background:linear-gradient(#04030366,#040303f0);border-top:1px solid #d8b46a1a;bottom:0}.ui[data-mode=free] .cinema-bars__top{transform:translateY(-100%)}.ui[data-mode=free] .cinema-bars__bottom{transform:translateY(100%)}.brand{top:calc(var(--bar-h) + 20px);left:var(--edge);transition:top .9s var(--ease);-webkit-user-select:none;user-select:none;align-items:center;gap:14px;display:flex;position:absolute}.brand__seal{border:1px solid var(--gold);width:46px;height:46px;color:var(--gold-bright);font-family:var(--font-serif);background:linear-gradient(135deg,#a53a2a3d,#0a090733);place-items:center;font-size:23px;line-height:1;display:grid;position:relative;box-shadow:inset 0 0 0 3px #0a090780,0 0 20px #d8b46a14}.brand__seal:after{content:"";border:1px solid #d8b46a3d;position:absolute;inset:4px}.brand__text{flex-direction:column;gap:4px;display:flex}.brand__zh{font-family:var(--font-serif);letter-spacing:.2em;color:var(--ivory);text-shadow:0 2px 20px #000000a6;white-space:nowrap;margin:0;font-size:clamp(18px,1.6vw,24px);font-weight:600}.brand__zh span{color:var(--gold);padding:0 2px}.brand__en{font-family:var(--font-sans);letter-spacing:.3em;color:var(--ivory-dim);white-space:nowrap;margin:0;font-size:9px;font-weight:500}.top-actions{top:calc(var(--bar-h) + 23px);right:var(--edge);transition:top .9s var(--ease);align-items:center;gap:10px;display:flex;position:absolute}.time-switcher{-webkit-backdrop-filter:blur(14px);background:#0908066b;border:1px solid #d8b46a2e;align-items:center;gap:2px;height:40px;padding:3px;display:flex}.time-switcher__label{font-family:var(--font-serif);letter-spacing:.2em;color:var(--ivory-dim);-webkit-user-select:none;user-select:none;padding:0 10px 0 12px;font-size:11px}.time-btn{appearance:none;color:#f1e8d599;font-family:var(--font-serif);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;height:32px;padding:0 12px;font-size:12px;transition:color .3s,background .3s}.time-btn:hover{color:var(--ivory)}.time-btn.is-active{color:#21160c;background:linear-gradient(180deg, var(--gold-bright), var(--gold));box-shadow:0 0 18px #d8b46a38}.icon-btn{width:40px;height:40px;color:var(--ivory-dim);cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#0908066b;border:1px solid #d8b46a2e;place-items:center;transition:color .3s,border-color .3s;display:grid}.icon-btn:hover{color:var(--gold-bright);border-color:#d8b46a80}.icon-btn__glyph{font-family:var(--font-serif);font-size:15px}.mode-dock{right:var(--edge);-webkit-backdrop-filter:blur(16px);background:#0908066b;border:1px solid #d8b46a33;flex-direction:column;gap:1px;width:194px;display:flex;position:absolute;bottom:clamp(66px,11vh,112px);box-shadow:0 20px 50px #00000052}.mode-dock__label{letter-spacing:.34em;color:var(--ivory-dim);border-bottom:1px solid #d8b46a1f;padding:9px 14px 8px;font-size:9px;font-weight:500}.mode-btn{appearance:none;text-align:left;cursor:pointer;transition:background .35s var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:11px 14px;display:flex;position:relative}.mode-btn+.mode-btn{border-top:1px solid #d8b46a1a}.mode-btn:before{content:"";background:var(--gold-bright);width:2px;height:0;transition:height .35s var(--ease);position:absolute;top:50%;left:0;transform:translateY(-50%)}.mode-btn:hover{background:#d8b46a0e}.mode-btn.is-active{background:linear-gradient(90deg,#d8b46a24,#d8b46a05)}.mode-btn.is-active:before{height:60%}.mode-btn__icon{color:var(--gold-dim);font-size:17px;line-height:1;transition:color .35s}.mode-btn.is-active .mode-btn__icon{color:var(--gold-bright)}.mode-btn__text{flex-direction:column;gap:2px;display:flex}.mode-btn__text strong{font-family:var(--font-serif);letter-spacing:.16em;color:#f1e8d5bd;font-size:13px;font-weight:500;transition:color .35s}.mode-btn__text small{font-family:var(--font-sans);letter-spacing:.22em;color:#f1e8d552;font-size:8px}.mode-btn.is-active .mode-btn__text strong{color:var(--ivory)}.mode-btn.is-active .mode-btn__text small{color:var(--gold-dim)}.caption{left:var(--edge);max-width:min(52vw,620px);transition:opacity .7s var(--ease), transform .7s var(--ease);-webkit-user-select:none;user-select:none;text-shadow:0 2px 28px #000000b8;margin:0;position:absolute;bottom:clamp(112px,19vh,188px)}.ui[data-mode=free] .caption{opacity:0;pointer-events:none;transform:translateY(14px)}.caption__chapter{align-items:center;gap:12px;margin-bottom:12px;display:flex}.caption__chapter span:first-child{width:24px;height:24px;color:var(--gold-bright);font-family:var(--font-serif);border:1px solid #d8b46a75;place-items:center;font-size:11px;line-height:1;display:inline-grid}#caption-en{font-family:var(--font-sans);letter-spacing:.32em;color:#d8b46aa3;font-size:9px;font-weight:500}.caption figcaption h2{font-family:var(--font-serif);letter-spacing:.15em;color:var(--ivory);margin:0;font-size:clamp(28px,3.4vw,50px);font-weight:500;line-height:1.18}.caption figcaption p{font-family:var(--font-serif);letter-spacing:.28em;color:#f1e8d58a;margin:10px 0 0;font-size:clamp(11px,.95vw,14px)}.caption__rule{background:linear-gradient(90deg, var(--gold), transparent);width:56px;height:1px;margin-top:16px}.caption.is-changing h2,.caption.is-changing p{animation:caption-in .9s var(--ease) both}.caption.is-changing #caption-en{animation:caption-in .9s 60ms var(--ease) both}@keyframes caption-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.timeline{z-index:2;width:min(46vw,660px);transition:opacity .6s var(--ease), transform .6s var(--ease);position:absolute;bottom:clamp(42px,7.4vh,78px);left:50%;transform:translate(-50%)}.ui[data-mode=free] .timeline{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.timeline__rail{cursor:pointer;align-items:center;height:22px;display:flex;position:relative}.timeline__rail:before{content:"";background:#f1e8d52e;height:1px;position:absolute;left:0;right:0}.timeline__progress{background:linear-gradient(90deg, #a53a2ab3, var(--gold-bright));width:0%;height:1px;transition:width .12s linear;position:relative;box-shadow:0 0 10px #f0d59b73}.timeline__progress:after{content:"";background:var(--gold-bright);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:-3px;transform:translateY(-50%);box-shadow:0 0 10px #f0d59be6}.timeline__markers{pointer-events:none;position:absolute;inset:0}.timeline__marker{background:#f1e8d559;width:1px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline__marker.is-major{background:#d8b46a8c;height:11px}.timeline__meta{font-family:var(--font-sans);letter-spacing:.2em;color:#f1e8d561;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:2px;font-size:9px;display:flex}.replay-btn{appearance:none;color:var(--gold-bright);font-family:var(--font-serif);letter-spacing:.2em;cursor:pointer;background:#0908068c;border:1px solid #d8b46a5c;padding:6px 16px;font-size:11px;transition:background .3s,border-color .3s}.replay-btn:hover{border-color:var(--gold-bright);background:#d8b46a26}.free-hints{left:var(--edge);-webkit-backdrop-filter:blur(14px);width:max-content;max-width:min(44vw,460px);animation:hint-in .8s var(--ease) both;background:#09080661;border-left:1px solid #d8b46a8c;padding:16px 20px;position:absolute;bottom:clamp(50px,9vh,94px)}.free-hints__title{font-family:var(--font-serif);letter-spacing:.24em;color:var(--ivory);margin-bottom:11px;font-size:13px}.free-hints__title span{font-family:var(--font-sans);letter-spacing:.24em;color:var(--gold-dim);margin-left:8px;font-size:8px}.free-hints ul{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.free-hints li{letter-spacing:.08em;color:#f1e8d580;align-items:center;gap:5px;font-size:10px;display:flex}.free-hints kbd{color:#f1e8d5b8;min-width:20px;height:19px;font-family:var(--font-sans);background:#f1e8d50a;border:1px solid #f1e8d538;border-radius:2px;place-items:center;padding:0 4px;font-size:9px;display:inline-grid}.mouse-icon{border:1px solid #f1e8d559;border-radius:7px;width:12px;height:17px;position:relative}.mouse-icon:after{content:"";background:#d8b46aa6;width:2px;height:4px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.free-hints__note{font-family:var(--font-serif);letter-spacing:.18em;color:#d8b46a99;white-space:nowrap;border-top:1px solid #d8b46a29;margin:11px 0 0;padding-top:9px;font-size:10px}@keyframes hint-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.footer-note{letter-spacing:.26em;color:#f1e8d538;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:8px;font-weight:500;transition:opacity .4s;display:flex;position:absolute;bottom:calc(clamp(42px,7.4vh,78px) - 24px);left:50%;transform:translate(-50%)}.ui[data-mode=free] .footer-note{opacity:0}.ui-corner{opacity:.34;pointer-events:none;width:54px;height:54px;position:absolute;bottom:0}.ui-corner--left{border-left:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);left:0}.ui-corner--right{border-right:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);right:0}.toast{left:50%;top:calc(var(--bar-h) + 104px);color:#f1e8d5d1;font-family:var(--font-serif);letter-spacing:.16em;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);background:#090806b8;border:1px solid #d8b46a42;padding:9px 18px;font-size:11px;transition:opacity .35s,transform .35s;position:absolute;bottom:auto;transform:translate(-50%,-8px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.debug-panel{left:var(--edge);top:calc(var(--bar-h) + 94px);font-family:var(--font-sans);letter-spacing:.1em;-webkit-backdrop-filter:blur(12px);background:#080705ad;border:1px solid #d8b46a33;gap:5px;min-width:150px;padding:10px 14px;font-size:9px;display:grid;position:absolute}.debug-panel>div{justify-content:space-between;gap:24px;display:flex}.debug-panel span{color:#f1e8d55c}.debug-panel strong{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:500}.ui-restore{z-index:6;position:absolute;bottom:20px;right:20px}.ui-restore button{color:var(--ivory-dim);letter-spacing:.2em;cursor:pointer;opacity:.5;background:#09080673;border:1px solid #d8b46a4d;padding:8px 12px;font-size:10px;transition:opacity .3s,color .3s}.ui-restore:hover button{opacity:1;color:var(--gold-bright)}.loading-screen{z-index:50;transition:opacity 1.1s var(--ease), visibility 1.1s;background:radial-gradient(50% 42% at 50% 46%,#49231442,#0000 70%),radial-gradient(90% 80% at 50% 110%,#2e160e6b,#0000 60%),#070605;place-items:center;display:grid;position:fixed;inset:0}.loading-screen:before{content:"";pointer-events:none;border:1px solid #d8b46a14;position:absolute;inset:18px}.loading-screen:after{content:"紫禁";font-family:var(--font-serif);color:#d8b46a05;letter-spacing:.08em;pointer-events:none;white-space:nowrap;font-size:min(62vw,1100px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-screen.is-complete{opacity:0;visibility:hidden;pointer-events:none}.loading-screen__inner{text-align:center;flex-direction:column;align-items:center;padding:32px;display:flex;position:relative;transform:translateY(-2vh)}.loading-screen__seal{width:58px;height:58px;color:var(--gold-bright);font-family:var(--font-serif);border:1px solid #d8b46ab3;place-items:center;margin-bottom:28px;font-size:31px;animation:3.2s ease-in-out infinite seal-breathe;display:grid;position:relative}.loading-screen__seal:after{content:"";border:1px solid #a53a2a8c;position:absolute;inset:5px}@keyframes seal-breathe{0%,to{box-shadow:0 0 #d8b46a00}50%{box-shadow:0 0 36px #d8b46a29}}.loading-screen__eyebrow{font-family:var(--font-sans);letter-spacing:.42em;color:#f1e8d561;margin:0 0 16px;font-size:clamp(8px,.75vw,10px)}.loading-screen__title{font-family:var(--font-serif);letter-spacing:.18em;color:var(--ivory);text-shadow:0 6px 60px #000000b3;margin:0;font-size:clamp(44px,6.8vw,92px);font-weight:500;line-height:1.1}.loading-screen__title span{color:var(--gold);margin:0 .04em}.loading-screen__rule{align-items:center;gap:12px;margin:26px 0 22px;display:flex}.loading-screen__rule span{background:linear-gradient(90deg,#0000,#d8b46a80);width:72px;height:1px}.loading-screen__rule span:last-child{background:linear-gradient(90deg,#d8b46a80,#0000)}.loading-screen__rule i{border:1px solid #d8b46aa6;width:6px;height:6px;transform:rotate(45deg)}.loading-screen__status{font-family:var(--font-serif);letter-spacing:.28em;color:#f1e8d580;margin:0 0 16px;font-size:12px}.loading-screen__track{background:#f1e8d51f;width:min(320px,60vw);height:1px;overflow:hidden}.loading-screen__bar{background:linear-gradient(90deg, var(--vermilion), var(--gold-bright));width:5%;height:100%;transition:width .7s var(--ease);box-shadow:0 0 12px #d8b46a80}.loading-screen__footnote{font-family:var(--font-serif);letter-spacing:.24em;color:#f1e8d533;margin:22px 0 0;font-size:10px}.fatal-error{z-index:60;background:#070605f0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.fatal-error__card{text-align:center;background:#100d0ae6;border:1px solid #d8b46a40;max-width:440px;padding:42px 34px}.fatal-error__card h2{font-family:var(--font-serif);letter-spacing:.16em;color:var(--ivory);margin:0 0 16px;font-size:26px;font-weight:500}.fatal-error__card p{color:#f1e8d58c;margin:0 0 24px;font-size:12px;line-height:1.9}.fatal-error__card button{color:var(--gold);letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #d8b46a66;padding:10px 24px;font-size:11px}.noscript{z-index:100;color:var(--ivory);font-family:var(--font-serif);background:#070605;place-items:center;display:grid;position:fixed;inset:0}@media (max-width:1100px){.time-switcher__label{display:none}.caption{max-width:62vw}.mode-dock{width:172px}}@media (max-width:760px){:root{--edge:18px;--bar-h:34px}.brand{gap:10px;top:20px}.brand__seal{width:34px;height:34px;font-size:17px}.brand__zh{letter-spacing:.12em;font-size:15px}.brand__en{display:none}.top-actions{gap:5px;top:22px;right:16px}.time-switcher{height:34px}.time-btn{height:26px;padding:0 9px;font-size:10px}.icon-btn{width:34px;height:34px}.mode-dock{width:148px;bottom:58px;right:16px}.mode-dock__label{display:none}.mode-btn{gap:9px;padding:9px 11px}.mode-btn__text strong{font-size:11px}.mode-btn__text small{font-size:7px}.caption{max-width:calc(100vw - 36px);bottom:152px;left:18px}.caption figcaption h2{font-size:30px}.caption figcaption p{font-size:10px}.timeline{width:calc(100vw - 36px);bottom:24px}.footer-note{display:none}.free-hints{max-width:calc(100vw - 190px);padding:12px 14px;bottom:62px;left:18px}.free-hints ul{gap:7px 11px}.toast{top:calc(var(--bar-h) + 96px);white-space:normal;text-align:center;max-width:calc(100vw - 32px);line-height:1.7;bottom:auto}.ui-corner{display:none}}@media (max-width:390px){.brand__zh{font-size:14px}.brand__seal{width:30px;height:30px;font-size:15px}.time-switcher{gap:0;height:32px;padding:2px}.time-btn{height:26px;padding:0 7px;font-size:9px}.icon-btn{width:30px;height:32px}.mode-dock{width:138px}}@media (max-height:560px) and (orientation:landscape){.caption{bottom:82px}.mode-dock{bottom:52px}.caption figcaption h2{font-size:25px}.footer-note{display:none}}@media (prefers-reduced-motion:reduce){.screen-fx__grain,.loading-screen__seal{animation:none}*{scroll-behavior:auto}}.ui[data-mode=free] .free-hints{pointer-events:none}