:root{color:#243b49;font-synthesis:none;--blue:#244e6a;--line:#243b491c;--serif:"Noto Serif SC","Songti SC","SimSun",serif;background:#f0eee7;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #a06b34}a{color:inherit;text-decoration:none}.exhibit{background:radial-gradient(at 63% 37%,#fbfaf5 0,#0000 66%);max-width:1920px;min-height:100svh;margin:auto;padding:0 4.4vw}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:103px;display:flex}.brand{font:600 19px var(--serif);letter-spacing:3px;align-items:center;gap:15px;display:flex}.brand small{letter-spacing:2.2px;color:#7d898c;margin-top:8px;font:8px sans-serif;display:block}.seal{color:#fff9e7;width:43px;height:47px;font:17px var(--serif);writing-mode:vertical-rl;letter-spacing:2px;background:#954635;border:1px solid #9b5140;place-items:center;display:grid;box-shadow:inset 0 0 0 3px #f0eee7,inset 0 0 0 4px #954635}.edition{color:#7a8383;letter-spacing:1.7px;font-size:10px}.edition i{vertical-align:middle;border-left:1px solid #b8bcb6;height:10px;margin:0 20px;display:inline-block}.live-tag{letter-spacing:1.5px;font-size:10px}.live-tag i,.stage-label i{background:#729178;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.gallery{grid-template-columns:280px minmax(0,1fr);height:calc(100svh - 303px);min-height:590px;max-height:900px;display:grid}.intro{z-index:2;padding-top:60px;position:relative}.eyebrow{letter-spacing:2px;color:#7b878b;margin:0 0 20px;font-size:9px}.intro h1{font:500 clamp(45px,4.5vw,72px)/1.3 var(--serif);letter-spacing:8px;margin:0}.intro h1 span{font:400 22px var(--serif);letter-spacing:5px;margin-top:17px;display:block}.english-title{letter-spacing:2.2px;color:#6d7f87;margin:22px 0;font-size:10px;line-height:1.65}.fine-rule{background:#b29b71;width:36px;height:1px;margin:25px 0}.description{font:12px/2.3 var(--serif);letter-spacing:1px;color:#7a807d}.build-button{background:var(--blue);color:#fffdf4;letter-spacing:1px;border:0;align-items:center;gap:12px;margin:25px 0 29px;padding:14px 18px;font-size:12px;display:flex;box-shadow:0 5px 12px #29465310}.build-button:hover{background:#18394f}.build-button>span{font-size:20px;line-height:.8}.build-button small{opacity:.6;margin-left:15px;font-size:9px}.facts{font-size:10px;line-height:2.2}.facts div{gap:18px;display:flex}.facts dt{color:#939893}.facts dd{color:#5b6d73;margin:0}.model-note{letter-spacing:.8px;color:#9a9d95;margin-top:18px;font-size:9px}.model-area{min-width:0;position:relative}.model-caption{color:#8b9595;letter-spacing:1.5px;pointer-events:none;z-index:1;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:30px;left:30px;right:0}.three-scene{touch-action:none;position:absolute;inset:0 0 38px -40px}.three-scene canvas{width:100%;height:100%;display:block}.vertical-caption{writing-mode:vertical-rl;font:11px var(--serif);letter-spacing:5px;color:#909c9a;pointer-events:none;position:absolute;top:36%;right:0}.view-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#f8f7f1e8;border:1px solid #b6bcb53d;border-radius:4px;gap:4px;padding:5px;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.view-controls button{color:#738084;background:0 0;border:0;border-radius:2px;padding:9px 16px;font-size:10px}.view-controls button[aria-pressed=true]{color:#fff;background:#294e62}.view-controls button:hover{box-shadow:inset 0 0 0 1px #294e6260}.orbit-hint{white-space:nowrap;color:#929994;gap:19px;font-size:9px;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.scene-loading{text-align:center;z-index:4;background:#f0eee7;font-size:14px;line-height:2;position:absolute;inset:30%}.loading-note{text-align:center;color:#88938f;pointer-events:none;font-size:12px;position:absolute;inset:45% 10%}.construction-panel{border-top:1px solid var(--line);padding:25px 0 12px}.playback-heading{justify-content:space-between;align-items:center;display:flex}.playback-heading .eyebrow{letter-spacing:1.7px;margin:0 0 9px;font-size:8px}.playback-heading h2{font:500 18px var(--serif);letter-spacing:2px;margin:0}.playback-heading h2 span{font:10px var(--serif);letter-spacing:1px;color:#93978f;margin-left:24px}.stage-label{color:#6b7d82;align-items:center;font-size:11px;display:flex}.stage-label b{font:26px var(--serif);color:var(--blue);text-align:right;min-width:69px;margin-left:23px}.stage-label small{padding-left:4px;font:10px sans-serif}.playback-row{align-items:center;gap:23px;margin-top:18px;display:flex}.play{width:35px;height:35px;color:var(--blue);background:0 0;border:1px solid #98a5a3;border-radius:50%;flex:none;font-size:11px}.timeline{flex:1;height:40px;padding-top:10px;position:relative}.track{background:#d8dcd5;height:3px}.track span{background:var(--blue);height:3px;display:block;position:relative}.track span:after{content:"";background:#254d67;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:0;box-shadow:0 0 0 4px #e6e8e0}.timeline input{opacity:0;cursor:ew-resize;width:100%;height:26px;margin:0;position:absolute;top:-2px;left:0}.timeline:focus-within{outline-offset:4px;outline:1px dashed #7595a5}.timeline-labels{letter-spacing:1px;color:#929a96;justify-content:space-between;margin-top:12px;font-size:9px;display:flex}time{text-align:right;font-variant-numeric:tabular-nums;min-width:89px;font-size:11px}time span{color:#929a96;font-size:9px}.colophon{color:#9a9e96;letter-spacing:1.5px;justify-content:space-between;align-items:center;height:40px;font-size:8px;display:flex}@media (width>=1600px){.gallery{grid-template-columns:330px minmax(0,1fr)}.intro{padding-top:90px}.description{font-size:14px}.facts{font-size:12px}}@media (width<=1000px){.exhibit{padding:0 25px}.gallery{grid-template-columns:230px minmax(0,1fr)}.edition{display:none}.intro{padding-top:48px}.intro h1{font-size:49px}.three-scene{inset:0 -15px 40px -45px}.model-caption{left:0}.view-controls button{padding:9px 10px}.vertical-caption{display:none}}@media (width<=680px){.exhibit{padding:0 20px}.masthead{height:77px}.brand{gap:10px;font-size:15px}.brand small{letter-spacing:1.6px;font-size:6px}.seal{width:35px;height:38px;font-size:14px}.live-tag{letter-spacing:0;font-size:8px}.gallery{flex-direction:column;height:auto;min-height:0;max-height:none;display:flex}.intro{padding-top:30px}.eyebrow{margin-bottom:12px;font-size:8px}.intro h1{letter-spacing:6px;font-size:39px}.intro h1 span{letter-spacing:2px;margin-left:15px;font-size:15px;display:inline}.english-title{margin:11px 0 0;font-size:8px;line-height:1.5}.english-title br,.description,.fine-rule,.facts,.model-note{display:none}.build-button{gap:7px;margin:0;padding:10px 12px;font-size:10px;position:absolute;bottom:-5px;right:0}.build-button small{display:none}.build-button>span{font-size:17px}.model-area{height:470px;margin:12px -20px 0}.model-caption{font-size:7px;top:16px;left:20px;right:20px}.three-scene{inset:0 0 50px}.view-controls{bottom:42px}.view-controls button{padding:10px 14px}.orbit-hint{font-size:8px;bottom:19px}.construction-panel{padding-top:19px}.playback-heading h2{font-size:16px}.playback-heading h2 span{display:none}.stage-label{font-size:9px}.stage-label b{min-width:51px;margin-left:10px;font-size:21px}.playback-row{gap:13px;margin-top:16px}.play{width:30px;height:30px}time{min-width:67px;font-size:9px}.colophon{letter-spacing:.5px;height:48px;font-size:6px}}.collection-switch{border:1px solid var(--line);background:#ffffff50;border-radius:5px;gap:5px;padding:5px;display:flex}.collection-switch button{font:13px var(--serif);letter-spacing:2px;color:#718080;background:0 0;border:0;border-radius:3px;align-items:center;gap:12px;padding:12px 23px;display:flex}.collection-switch button small{letter-spacing:1px;opacity:.6;font:9px sans-serif}.collection-switch button[aria-pressed=true]{color:#fffdf2;background:#294e62;box-shadow:0 2px 7px #294e621a}.collection-switch button:hover{box-shadow:inset 0 0 0 1px #294e6240}.exhibit[data-exhibit=gulou] .intro h1{letter-spacing:4px;font-size:54px}@media (width<=1000px){.collection-switch button{padding:11px 14px;font-size:11px}.exhibit[data-exhibit=gulou] .intro h1{letter-spacing:3px;font-size:43px}}@media (width<=680px){.masthead{flex-wrap:wrap;gap:12px;height:125px;padding:16px 0 12px}.collection-switch{order:3;justify-content:center;width:100%;padding:3px}.collection-switch button{flex:1;justify-content:center;padding:9px 14px;font-size:12px}.collection-switch button small{font-size:8px}.exhibit[data-exhibit=gulou] .intro h1{letter-spacing:2px;font-size:34px}.exhibit[data-exhibit=gulou] .intro h1 span{letter-spacing:1px;margin-left:10px;font-size:12px}.exhibit[data-exhibit=gulou] .english-title{letter-spacing:1px;max-width:185px;font-size:7px}.exhibit[data-exhibit=gulou] .english-title br{display:block}.gallery{height:auto}.model-area{height:450px}.collection-switch button{white-space:nowrap;letter-spacing:1px;gap:6px;padding:9px 7px}.exhibit[data-exhibit=feihong] .english-title{letter-spacing:1px;max-width:155px;font-size:7px}.exhibit[data-exhibit=feihong] .english-title br{display:block}}