:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#30372e;background:#f4f1e9;--paper:#f4f1e9;--ink:#30372e;--muted:#74786d;--rule:#d7d8cb;--accent:#843f38}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);transition:background .5s,color .5s}.page{max-width:1500px;margin:auto;padding:0 5vw}header{height:76px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font:24px Georgia,serif;letter-spacing:3px}.brand span{font:11px Arial,sans-serif;letter-spacing:2px;margin-left:14px}.header-center,header a{font-size:11px;letter-spacing:2px;color:var(--muted)}header a{color:inherit;text-decoration:none}.intro{display:flex;justify-content:space-between;align-items:end;padding-top:42px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent);margin:0 0 15px}h1{font:400 clamp(38px,5vw,70px)/1.15 "Songti SC","SimSun",serif;letter-spacing:.12em;margin:0}.subtitle{font-size:13px;letter-spacing:4px;margin:16px 0 0}.meta{text-align:right;color:var(--muted);font-size:12px;line-height:2;margin:0}.meta small{font-size:9px;letter-spacing:1.3px}.scene{position:relative;height:clamp(400px,54vh,650px);margin-top:-10px}#viewer{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;letter-spacing:2px}.scene-caption{position:absolute;top:35px;left:0;color:var(--muted);font-size:11px;letter-spacing:2px;pointer-events:none}.scene-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px}.light-toggle{position:absolute;top:24px;right:0;border:1px solid var(--rule);padding:3px;background:var(--paper);display:flex}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.light-toggle button{padding:9px 16px;font-size:11px;letter-spacing:1px}.light-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.scene-bottom{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;letter-spacing:1px;pointer-events:none}.scene-bottom button{padding:10px 0 10px 20px;pointer-events:auto}.scene-actions{display:flex;align-items:center}#landscape[aria-pressed=true]{color:var(--accent)}nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.chapter{position:relative;text-align:left;color:var(--muted);padding:22px 8px 22px 0;font-size:12px;letter-spacing:2px}.chapter span{font:12px Georgia,serif;letter-spacing:0;margin-right:22px}.chapter[aria-pressed=true]{color:var(--ink)}.chapter[aria-pressed=true]:before{content:"";position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 30px;font-size:11px;letter-spacing:1px}footer p{margin:0}footer span{color:var(--muted);font-size:10px}.night{--paper:#182426;--ink:#e5e4d6;--muted:#aebbb6;--rule:#3d5050;--accent:#d6ab76}@media(max-width:650px){.page{padding:0 22px}header{height:65px}.header-center{display:none}.brand{font-size:20px}header a{font-size:10px}.intro{padding-top:32px}.meta{display:none}.scene{height:400px;margin-top:10px}.chapter{font-size:11px;letter-spacing:0}.chapter span{margin-right:8px}footer{align-items:flex-start;flex-direction:column;gap:12px;line-height:1.7}}
:root { scroll-behavior: smooth; }
.model-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 30px;font-size:11px;letter-spacing:1px}.model-footer p{margin:0}.model-footer>span{color:var(--muted);font-size:10px}.touch-hint{display:none}.story{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:30px;padding:clamp(80px,12vw,170px) 0 clamp(80px,10vw,140px);border-top:1px solid var(--rule)}.story-side{display:flex;flex-direction:column;gap:12px;color:var(--muted);font:10px Arial,sans-serif;letter-spacing:2px}.story-main{max-width:930px}.story-label{color:var(--accent);font-size:11px;letter-spacing:3px;margin:0 0 24px}.story h2{font:400 clamp(30px,4vw,58px)/1.4 "Songti SC","SimSun",serif;letter-spacing:.08em;margin:0}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin:42px 0 55px;max-width:760px}.story-copy p{margin:0;font-size:14px;line-height:2.15;letter-spacing:.04em;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 0 34px}.facts div{padding:21px 12px 24px 0}.facts dt{font-size:11px;color:var(--muted);letter-spacing:1px}.facts dd{font:32px Georgia,serif;margin:11px 0 0}.facts dd small{font-size:13px}.facts .facts-name{font:18px "Songti SC","SimSun",serif;letter-spacing:2px}.source-link{display:inline-flex;gap:28px;text-decoration:none;color:var(--ink);font-size:11px;letter-spacing:1px;padding-bottom:8px;border-bottom:1px solid var(--accent)}.source-link span{color:var(--accent)}.site-footer{border-top:1px solid var(--rule);color:var(--muted);font-size:10px;letter-spacing:1px;padding:23px 0 32px}.site-footer span{font-size:10px}.scene canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(pointer:coarse){.mouse-hint{display:none}.touch-hint{display:inline}}
@media(max-width:650px){.model-footer{align-items:flex-start;flex-direction:column;gap:12px;line-height:1.7}.story{grid-template-columns:1fr;gap:30px;padding:70px 0}.story-side{flex-direction:row;justify-content:space-between}.story-copy{grid-template-columns:1fr;gap:15px;margin:28px 0 40px}.story-copy p{font-size:13px}.facts dd{font-size:25px}.facts .facts-name{font-size:16px}.site-footer{flex-direction:column;align-items:flex-start;line-height:1.7}}
@media(min-width:651px) and (max-width:900px){.story{grid-template-columns:110px minmax(0,1fr)}.story-copy{grid-template-columns:1fr;gap:15px}}
.scene-actions{display:flex;align-items:center;gap:3px;pointer-events:auto}.scene-actions button{min-width:38px;min-height:38px;padding:8px;color:var(--ink)}.scene-actions #reset{padding-left:14px;color:var(--muted)}
.scene-actions #context{font-size:11px;color:var(--muted);white-space:nowrap}.scene-actions #context[aria-pressed=true]{color:var(--accent)}
.people-motion{position:absolute;top:62px;left:0;min-height:40px;padding:8px 11px;border:1px solid var(--rule);background:var(--paper);color:var(--muted);font-size:11px;letter-spacing:1px}.people-motion[aria-pressed=true]{color:var(--accent)}.people-motion:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.scene.context-mode{margin-top:8px}.context-mode .scene-caption,.context-mode .scene-bottom{background:color-mix(in srgb,var(--paper) 86%,transparent);padding:0 8px}.context-mode .scene-bottom{bottom:4px}
.scene-bottom{background:color-mix(in srgb,var(--paper) 91%,transparent);padding:0 8px}