*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #f5e3d5;--ink-dim: rgba(245, 227, 213, .88);--ink-faint: rgba(245, 227, 213, .66);--accent: #ff8c5a;--accent-cool: #8fd0e8;--panel-line: rgba(255, 140, 90, .18)}html{scroll-behavior:smooth}body{background:#1a0c08;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% 45%,transparent 55%,rgba(12,5,3,.5) 100%),linear-gradient(180deg,rgba(12,5,3,.3) 0%,transparent 20%,transparent 80%,rgba(12,5,3,.45) 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}}.wind-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}.wind-readout b{font-size:30px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.storm-hint{position:fixed;left:28px;bottom:26px;z-index:20;font-size:11px;letter-spacing:2px;color:var(--ink-faint);pointer-events:none;opacity:.75}.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;padding:0;text-shadow:0 1px 3px rgba(12,5,3,.9),0 3px 18px rgba(12,5,3,.65);opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.story-panel[data-active] .panel-body{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{font-size:clamp(52px,9vw,110px);font-weight:700;letter-spacing:.06em;line-height:1.05;background:linear-gradient(120deg,#ffe8d8 20%,var(--accent) 55%,#c83a1e 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.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:#ff8c5a1f;border:1px solid var(--panel-line);color:var(--accent)}.end-replay:hover{background:#ff8c5a38}.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:#1a0c08;transition:opacity .6s ease}.loading-screen[hidden],body[data-render-state=ready] .loading-screen,body[data-render-state=failed] .loading-screen{display:none;opacity:0;pointer-events:none}.loader-ring{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,140,90,.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:#1a0c08eb;color:var(--ink-dim)}@media(max-width:640px){.site-header{padding:16px 18px}.story-panel{padding:14vh 6vw}.panel-body{max-width:100%}.wind-readout{right:18px;bottom:18px}.wind-readout b{font-size:24px}.storm-hint{left:18px;bottom:18px}.panel-footer{flex-direction:column;gap:6px}}body[data-render-state=failed]{background:radial-gradient(ellipse at 70% 10%,#623322,#1a0c08 65%)}body[data-render-state=failed] .panel-body{opacity:1;transform:none}body[data-render-state=failed] .scene-canvas,body[data-render-state=failed] .wind-readout,body[data-render-state=failed] .storm-hint{display:none}body[data-render-state=failed] .render-status i{animation:none}.fallback-message{position:fixed;left:6vw;right:6vw;bottom:16px;z-index:30;text-align:center;font-size:12px;color:var(--ink-dim);text-shadow:0 1px 4px #1a0c08;pointer-events:none}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel-body{transition:none}.render-status i,.scroll-cue i,.loader-ring{animation:none}}