:root{color:#2d392c;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f4f4ee;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:5px;outline:2px solid #526644}button{transition:background .2s,color .2s,transform .2s}button:not(:disabled):active{transform:scale(.96)}[hidden]{display:none!important}.header{border-bottom:1px solid #dcded3;justify-content:space-between;align-items:center;height:110px;margin:0 5%;display:flex}.brand{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.brand>svg{fill:none;stroke:#435d3b;stroke-width:1.6px;width:35px;height:35px}.brand>span{letter-spacing:4px;font-size:25px;font-weight:600}.brand-sub{letter-spacing:2.6px;margin-top:3px;font-size:8px;font-weight:500;display:block}.exhibition-label{color:#6b7465;letter-spacing:2px;align-items:center;gap:10px;font-size:12px;display:flex}.exhibition-label i{background:#6d8357;border-radius:50%;width:6px;height:6px}.exhibition{grid-template-columns:30% 70%;max-width:1800px;min-height:calc(100svh - 182px);margin:auto;padding:26px 3% 20px 6%;display:grid}.intro{z-index:1;padding:clamp(30px,7vh,90px) 15px 30px 0;position:relative}.eyebrow{letter-spacing:3px;color:#6a765c;align-items:center;gap:18px;margin:0 0 36px;font-size:11px;display:flex}.eyebrow>span{border-bottom:1px solid #81916e;padding-bottom:5px;font:italic 15px Georgia,serif}.intro h1{letter-spacing:3px;margin:0;font-family:Songti SC,Noto Serif CJK SC,SimSun,serif;font-size:clamp(37px,3.9vw,62px);font-weight:500;line-height:1.4}.intro em{color:#758269;font-style:normal}.description{color:#72796b;letter-spacing:1px;margin:27px 0 34px;font-size:13px;line-height:2.1}.specimen-details{gap:38px;display:flex}.specimen-details>div{flex-direction:column;gap:8px;display:flex}.specimen-details strong{color:#4e6044;font:34px Georgia,serif}.specimen-details strong span{margin-left:5px;font:12px PingFang SC,sans-serif}.specimen-details>div>span{letter-spacing:2px;color:#79816f;font-size:10px}.source-note{color:#8c9285;letter-spacing:1px;margin-top:36px;font-size:10px}.stage{background:radial-gradient(at 48% 46%,#e6e9df 0,#eef0e6 42%,#f4f4ee 73%);border-radius:4px;min-width:0;min-height:640px;position:relative;overflow:hidden}.stage-heading{pointer-events:none;z-index:2;letter-spacing:2px;color:#8a9280;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;top:18px;left:28px;right:28px}.live-label{letter-spacing:1px;font-size:10px}.live-label.ready:before{content:"";background:#7a9166;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}#viewport{position:absolute;inset:20px 0 105px}canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.load-panel{text-align:center;z-index:3;color:#5f7052;background:#f4f4eeee;border:1px solid #dce1d3;border-radius:15px;width:240px;padding:26px;font-size:12px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 45px #35432608}.load-mark{font-size:33px;animation:2s ease-in-out infinite breathe;display:inline-block}.load-panel p{line-height:1.8}progress{accent-color:#788e61;background:#dde3d5;border:0;border-radius:4px;width:100%;height:4px;overflow:hidden}progress::-webkit-progress-bar{background:#dde3d5}progress::-webkit-progress-value{background:#788e61}.retry{background:#fff9;border:1px solid #c0cab4;border-radius:30px;padding:8px 19px;font-size:12px}.view-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffff80;border:1px solid #dfe3d6;border-radius:30px;flex-direction:column;padding:5px;display:flex;position:absolute;top:65px;right:25px}.icon-button{background:0 0;border:0;border-radius:50%;width:34px;height:34px;font:22px Georgia,serif}.icon-button:not(:disabled):hover{background:#e2e8d9}.separator{background:#dbe0d1;height:1px;margin:5px}.stage-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;bottom:51px;left:26px;right:26px}.stage-bottom>p{color:#8a9280;letter-spacing:1px;align-items:center;gap:9px;margin:0;font-size:10px;display:flex}.stage-bottom svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:17px;height:17px}.touch-hint{display:none}.playback-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb0;border:1px solid #d9dfcf;border-radius:40px;gap:6px;padding:5px;display:flex;box-shadow:0 4px 12px #3b493806}.playback-controls button{white-space:nowrap;background:0 0;border:0;border-radius:30px;align-items:center;gap:8px;padding:12px 15px;font-size:11px;display:flex}.playback-controls button:not(:disabled):hover{background:#e7ecdf}.playback-controls button[aria-pressed=true]{color:#fff;background:#415938}.rotation-dot{opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.corner-caption{letter-spacing:4px;white-space:nowrap;color:#a0a692;font:8px Georgia,serif;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}footer{letter-spacing:1.5px;color:#8a9180;border-top:1px solid #dcded3;justify-content:space-between;align-items:center;height:72px;margin:0 5%;font-size:10px;display:flex}.footer-divider{color:#c0c6b7;margin:0 13px}.noscript{text-align:center;background:#fff0d0;padding:20px}@keyframes breathe{50%{opacity:.4;transform:rotate(45deg)}}@media (width>=1500px){.intro{padding-left:20px}.stage{min-height:750px}}@media (width<=1050px){.exhibition{grid-template-columns:32% 68%;padding-left:5%;padding-right:2%}.intro h1{font-size:38px}.description{letter-spacing:0;font-size:11px}.stage-bottom{flex-direction:column-reverse;gap:18px;bottom:30px}.stage{min-height:650px}.corner-caption{bottom:3px}.specimen-details{gap:28px}}@media (width<=700px){.header{height:82px;margin:0 6%}.brand>span{font-size:22px}.brand>svg{width:29px}.brand-sub{font-size:7px}.exhibition-label{letter-spacing:0;font-size:9px}.exhibition{flex-direction:column;min-height:0;padding:0 4%;display:flex}.intro{padding:30px 3% 0}.eyebrow{gap:12px;margin-bottom:17px;font-size:10px}.intro h1{letter-spacing:1px;font-size:36px;line-height:1.42}.intro h1 br:nth-child(2){display:none}.description{margin:14px 0 0;font-size:12px;line-height:1.9}.description br,.specimen-details,.source-note{display:none}.stage{background:radial-gradient(at 48% 42%,#e6e9df,#f4f4ee 70%);min-height:530px;margin-top:14px}.stage-heading{font-size:8px;top:9px;left:10px;right:10px}.stage-bottom{bottom:27px;left:8px;right:8px}#viewport{inset:25px 0 110px}.view-controls{padding:3px;top:52px;right:5px}.icon-button{width:32px;height:32px}.playback-controls button{padding:12px 20px}.corner-caption{font-size:7px;bottom:0}.desktop-hint{display:none}.touch-hint{display:inline}footer{letter-spacing:0;height:65px;margin:18px 6% 0;font-size:9px}.footer-divider{margin:0 5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}