*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #dfe6ff;--ink-dim: rgba(223, 230, 255, .86);--ink-faint: rgba(223, 230, 255, .64);--accent: #7ee8fa;--accent-warm: #ff9d7e;--panel-line: rgba(126, 232, 250, .16)}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:#05060d;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7;overflow-x:hidden}.scene-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.scene-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 55%,rgba(3,4,10,.55) 100%),linear-gradient(180deg,rgba(3,4,10,.35) 0%,transparent 18%,transparent 82%,rgba(3,4,10,.5) 100%)}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;pointer-events:none}.brand{pointer-events:auto;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink)}.brand b{font-size:14px;letter-spacing:3px}.brand small{font-size:11px;letter-spacing:2px;color:var(--ink-faint)}.render-status{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;color:var(--ink-faint)}.render-status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2.2s ease-in-out infinite}body[data-render-state=ready] .render-status i{animation:none}@keyframes pulse{50%{opacity:.35}}.alt-readout{position:fixed;right:28px;bottom:26px;z-index:20;display:flex;align-items:baseline;gap:8px;font-size:12px;letter-spacing:2px;color:var(--ink-faint);pointer-events:none}.alt-readout b{font-size:30px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.story{position:relative;z-index:10}.story-panel{min-height:100vh;display:flex;align-items:center;padding:12vh 8vw}.story-panel:nth-child(2n){justify-content:flex-end}.panel-body{max-width:460px;text-shadow:0 1px 2px #03040a,0 0 6px #03040a,0 2px 18px rgba(3,4,10,.9);opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}body[data-render-state=ready] .story-panel:not([data-active]) .panel-body{opacity:0;transform:translateY(26px)}.story-panel[data-active] .panel-body,body[data-render-state=ready] .story-panel .panel-body:focus-within{opacity:1;transform:none}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);margin-bottom:14px}.hero{justify-content:center;text-align:center}.hero .panel-body{max-width:720px}.hero-title-en{text-shadow:none;font-size:clamp(52px,9vw,110px);font-weight:700;letter-spacing:.06em;line-height:1.05;background:linear-gradient(120deg,#eaf6ff 20%,var(--accent) 55%,var(--accent-warm) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin-top:18px;font-size:16px;color:var(--ink-dim)}.panel-body h2{font-size:26px;margin-bottom:12px;letter-spacing:.04em}.panel-copy{font-size:14px;color:var(--ink-dim)}.zone-meta{list-style:none;display:flex;gap:26px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--panel-line)}.zone-meta li{display:flex;flex-direction:column;gap:2px}.zone-meta span{font-size:11px;letter-spacing:2px;color:var(--ink-faint)}.zone-meta b{font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}.zone-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.zone-tags span{font-size:11px;letter-spacing:1px;padding:3px 10px;border:1px solid var(--panel-line);border-radius:99px;color:var(--ink-faint)}.panel-end{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}.end-replay,.end-link{font-size:13px;letter-spacing:1px;padding:9px 18px;border-radius:6px;cursor:pointer;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}.end-replay{background:#7ee8fa1f;border:1px solid var(--panel-line);color:var(--accent)}.end-replay:hover{background:#7ee8fa38}.end-link{border:1px solid transparent;color:var(--ink-dim)}.end-link:hover{color:var(--ink);border-color:var(--panel-line)}.panel-footer{margin-top:26px;padding-top:14px;border-top:1px dashed var(--panel-line);display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:2px;color:var(--ink-faint)}.scroll-cue{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink-faint);font-size:11px;letter-spacing:3px}.scroll-cue i{width:1px;height:44px;background:linear-gradient(180deg,var(--accent),transparent);animation:cue-drop 1.8s ease-in-out infinite}@keyframes cue-drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.loading-screen{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#05060d}body[data-render-state=idle] .alt-readout,body[data-render-state=failed] .scene-canvas,body[data-render-state=failed] .alt-readout{visibility:hidden}.render-message{position:fixed;top:90px;left:6vw;right:6vw;z-index:30;text-align:center;font-size:12px;color:var(--accent-warm);text-shadow:0 1px 6px #03040a}.render-controls{display:flex;align-items:center;gap:18px}.motion-toggle{pointer-events:auto;padding:6px 10px;border:1px solid var(--panel-line);border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:11px;cursor:pointer;text-shadow:0 1px 4px #03040a}.motion-toggle:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}body[data-motion=paused] *,body[data-render-state=failed] .render-status i,body[data-render-state=idle] .render-status i{animation:none!important}body[data-motion=paused] .panel-body{transition:none}.loader-ring{width:42px;height:42px;border-radius:50%;border:2px solid rgba(126,232,250,.15);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:14px;letter-spacing:2px}.loader-hint{font-size:12px;color:var(--ink-faint)}.noscript-message{position:fixed;inset:auto 0 0;z-index:50;padding:18px;text-align:center;font-size:13px;background:#080a16e6;color:var(--ink-dim)}@media(max-width:640px){.site-header{padding:16px 18px}.story-panel{padding:14vh 6vw}.panel-body{max-width:100%}.render-controls{flex-direction:column-reverse;align-items:flex-end;gap:7px}.brand small{display:none}.render-status{font-size:10px}.alt-readout{inset:43px auto auto 18px;gap:5px;font-size:10px}.alt-readout b{font-size:20px}.panel-end{gap:8px}.end-replay,.end-link{padding:8px 10px}.panel-footer{flex-direction:column;gap:6px;margin-top:18px;padding-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:641px)and (max-height:500px){.alt-readout{display:none}}