:root{--paper:#efe7d6;--ink:#1d2128;--seal:#b8322a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;overflow:hidden}#scene{cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}body:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.3;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.38  0 0 0 0 0.28  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}#stations{pointer-events:none;position:fixed;inset:0}.station{visibility:hidden;max-width:min(440px,84vw);position:absolute;bottom:14vh;left:8vw}.station h1{letter-spacing:.02em;font-size:clamp(2.6rem,6vw,4.5rem);font-weight:400}.station h2{margin-bottom:.4em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400}.station p,.station .body{font-size:1.2rem;line-height:1.5}.station .body p+p{margin-top:.6em}.station a{color:inherit;-webkit-text-decoration-color:var(--seal);text-decoration-color:var(--seal);text-underline-offset:3px;pointer-events:auto}.station .hint{opacity:.6;margin-top:.6em;font-size:1rem;font-style:italic}.zh{color:var(--seal);margin-right:.2em;font-family:Ma Shan Zheng,serif}.seal{background:var(--seal);width:3.2rem;height:3.2rem;color:var(--paper);letter-spacing:.05em;box-shadow:inset 0 0 0 3px var(--seal), inset 0 0 0 5px var(--paper);border-radius:4px;place-items:center;margin-bottom:.8rem;font-weight:600;animation:.45s cubic-bezier(.2,1.5,.4,1) .5s both stamp;display:inline-grid}@keyframes stamp{0%{opacity:0;transform:scale(1.9)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}#views{pointer-events:none;position:fixed;inset:0;overflow:hidden}.view-label{visibility:hidden;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.view-label .zh{writing-mode:vertical-rl;letter-spacing:.12em;color:var(--ink);opacity:.85;margin:0;font-family:Ma Shan Zheng,serif;font-size:1.9rem}.view-label .en{white-space:nowrap;opacity:.65;margin-top:.35rem;font-size:.95rem;font-style:italic}.view-label.far .zh{opacity:.7;font-size:2.4rem}.view-label.far .en{opacity:.55}.view-label .en:before{content:"";vertical-align:middle;background:var(--seal);width:6px;height:6px;margin-right:6px;display:inline-block}#progress{background:#1d212840;width:1px;height:60vh;position:fixed;top:20vh;right:28px}#progress-dot{background:var(--seal);pointer-events:none;z-index:1;border-radius:50%;width:9px;height:9px;position:absolute;left:-4px}#progress .marker{background:var(--paper);cursor:pointer;border:1px solid #1d212873;border-radius:50%;width:13px;height:13px;margin-top:-6px;padding:0;position:absolute;left:-6px}#progress .marker:after{content:attr(data-label);white-space:nowrap;color:var(--ink);opacity:0;pointer-events:none;font:italic 1rem Cormorant Garamond,Georgia,serif;transition:opacity .2s;position:absolute;top:50%;right:22px;transform:translateY(-50%)}#progress .marker:hover:after,#progress .marker:focus-visible:after{opacity:.85}@media (width<=600px){.station{bottom:10vh;left:16px;right:16px}#progress{right:14px}}