:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#252b28;background:#f4f5f2;font-synthesis:none;letter-spacing:0;--green:#315e50;--soft:#e7eee8;--line:#dce1dc}
*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:grid;grid-template-rows:78px minmax(0,1fr) 96px;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #bf7049;outline-offset:4px}button{touch-action:manipulation}button svg{flex-shrink:0}svg.lucide{width:20px;height:20px;stroke-width:1.7}h1,h2,h3,p{margin:0}button{border:0;background:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px;border-bottom:1px solid var(--line);z-index:5;background:#fbfcfa}.brand{display:flex;align-items:center;gap:14px}.brand>svg{width:31px;height:31px;color:var(--green)}.brand h1{font-size:23px;font-weight:700;line-height:1.25}.brand span{display:block;font-size:11px;color:#6f7772;margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex:0 0 38px}.icon-button:hover{background:#e8ede7}.clock{display:flex;align-items:center;gap:5px;border-right:1px solid var(--line);padding-right:13px;margin-right:2px;color:#56625b}.clock>svg{width:18px;height:18px}.clock output{font-variant-numeric:tabular-nums;font-size:16px;color:#303b33;min-width:48px;text-align:center}.clock .icon-button{width:31px;flex-basis:31px}.clock.finished output{color:#af432d}#viewport{position:relative;overflow:hidden;background:#d7d8d3;isolation:isolate;outline-offset:-4px;touch-action:none;cursor:grab}#viewport.dragging{cursor:grabbing}#scene{position:absolute;top:0;left:0;width:3600px;height:780px;transform-origin:0 0;will-change:transform;user-select:none}.wall-background{position:absolute;inset:0;background:none center center / 100% 100% no-repeat;pointer-events:none}.gallery-room{position:absolute;width:1200px;height:780px;top:0}.gallery-room[data-room="0"]{left:0}.gallery-room[data-room="1"]{left:1200px}.gallery-room[data-room="2"]{left:2400px}.room-heading{position:absolute;left:155px;top:88px;pointer-events:none}.room-heading span{font-size:17px;color:#516458;font-weight:600}.room-heading h2{font-size:34px;margin-top:12px;font-weight:600}.mount{position:absolute}.silk-mount{left:155px;top:230px;width:500px}.wall-note{position:absolute;left:760px;top:253px;width:290px}.small-label{font-size:12px;font-weight:600;color:#647768;display:block}.wall-note .small-label{font-size:16px}.wall-note h3{font-size:32px;line-height:1.5;font-weight:500;margin:20px 0 18px}.wall-note p{font-size:21px;color:#677066;line-height:1.8}.wall-note .text-button{font-size:18px;margin-top:26px}.art-button{padding:0;display:block;width:100%;text-align:left;position:relative;outline-offset:6px}.art-frame{border:9px solid #f5f5f2;outline:1px solid #c1c0b9;box-shadow:5px 11px 20px #363b292c,1px 2px 3px #0003;background:#eeeeea;position:relative;transition:box-shadow .2s,outline-color .2s}.art-button:hover .art-frame{outline-color:#3a6b56;box-shadow:5px 11px 25px #253c374a}.art-button .crop{pointer-events:none}.crop{position:relative;overflow:hidden;background:#edece6;width:100%;aspect-ratio:var(--ratio);isolation:isolate}.crop img{position:absolute;max-width:none;user-select:none;pointer-events:none}.art-caption{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:15px}.art-caption strong{display:block;font-size:20px;font-weight:600}.art-caption small{font-size:15px;color:#646c65;margin-top:6px;display:block}.hotspot{width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid #6e8576;color:#2f624d;background:#f9faf6;display:grid;place-items:center;box-shadow:0 3px 10px #25302a15}.art-button.visited .hotspot{background:#315e50;color:white;border-color:#315e50}.craft-mounts{position:absolute;left:135px;top:240px;display:flex;gap:55px;width:940px}.craft-mounts .mount{position:relative;width:276px;flex-shrink:0}.craft-mounts .art-frame{border-width:8px}.craft-mounts .art-caption strong{font-size:25px}.craft-mounts .art-caption small{font-size:18px}.costume-mount{left:155px;top:220px;width:310px}.tee-mount{left:605px;top:245px;width:350px}.costume-mount .crop{max-height:345px}.floor-label{position:absolute;left:155px;top:689px;font-size:17px;color:#535e58;border-left:3px solid #879388;padding-left:16px;pointer-events:none}.workshop-link{position:absolute;top:615px;left:606px;font-size:20px;display:flex;align-items:center;gap:20px;color:#315e50;font-weight:600;padding:12px 0}.workshop-link:hover{color:#9d4d34}.location-tag{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:9px;color:#48534b;font-size:12px;background:#fafbf3e8;border:1px solid #d0d7cb;padding:9px 13px;border-radius:4px;pointer-events:none}.location-dot{height:6px;width:6px;background:#548b6e;border-radius:50%}.view-controls{position:absolute;right:24px;bottom:24px;display:flex;gap:5px;background:#fbfcf9ed;padding:5px;border:1px solid #cdd3ca;border-radius:7px;box-shadow:0 4px 16px #202b2014}.bottom-bar{position:relative;z-index:5;background:#fbfcfa;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px 15px;border-top:1px solid #cdd3ca}.progress{display:flex;align-items:center;gap:10px;color:#727c74;font-size:13px;min-width:125px}.progress b{font-size:18px;color:#345c48}.progress>svg{color:#51745f}.room-tabs{display:flex;align-self:stretch;gap:10px}.room-tab{display:flex;align-items:center;gap:10px;padding:0 24px;font-size:16px;border-top:3px solid transparent;border-radius:0;white-space:nowrap}.room-tab span{font-size:11px;color:#808a80}.room-tab.active{border-color:#376751;color:#24533b;background:#edf2eb}.room-tab.active span{color:#376751}.room-tab:hover{background:#f0f3ec}.primary-button{background:#345e4e;color:white;border:1px solid #345e4e;border-radius:5px;padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;gap:12px;white-space:nowrap;font-size:14px}.primary-button:hover{background:#244e3d}.text-button{padding:8px 0;display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#315e50}.text-button:hover{color:#a45b39}.panorama-track{position:absolute;left:30px;right:30px;bottom:7px;height:5px;display:flex;align-items:center}.panorama-track input{width:100%;height:4px;margin:0;accent-color:#557865;cursor:ew-resize}.panorama-track input::-webkit-slider-thumb{cursor:ew-resize}dialog{border:0;border-radius:8px;padding:0;color:#28322b;background:#fbfcfa;width:min(1100px,calc(100vw - 60px));max-height:calc(100dvh - 48px);box-shadow:0 30px 100px #0c1b1b55;overflow:auto}dialog::backdrop{background:#1f302fc4;backdrop-filter:blur(4px)}.dialog-top{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);font-size:12px;color:#6a786e}.dialog-top>div{display:flex;gap:5px}.exhibit-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:450px}.image-column{padding:28px 24px 12px;display:flex;flex-direction:column;background:#edf0e9;min-width:0;min-height:0}#large-image{height:390px;min-height:220px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}#large-image .zoom-content{width:100%;max-width:100%}#large-image .crop{max-width:100%;margin:auto}#large-image .original-image{width:100%;height:390px;object-fit:contain;display:block;pointer-events:none}.image-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px}.image-tools output{font-size:12px;font-variant-numeric:tabular-nums;width:48px;text-align:center;color:#697467}.exhibit-text{padding:33px 32px;min-width:0}.exhibit-text h2{font-size:29px;font-weight:600;line-height:1.4;margin:10px 0 20px;overflow-wrap:anywhere}.exhibit-text>p{font-size:16px;line-height:1.9;color:#556058}.observation{border-top:1px solid #d7dfd5;margin-top:23px;padding-top:20px}.observation h3{font-size:19px;font-weight:500;line-height:1.7;margin:9px 0 5px}.observation p{font-size:15px;line-height:1.9;margin-top:9px;color:#315d49}p.source{font-size:11px;color:#899087;line-height:1.7;margin-top:20px}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px 24px;border-top:1px solid var(--line)}#seen-status{font-size:12px;color:#6b7c70}.small-dialog{width:min(600px,calc(100vw - 40px))}.small-dialog-body{padding:30px 34px 34px}.small-dialog-body h2{font-size:27px;margin:9px 0 17px}.small-dialog-body p{font-size:15px;line-height:1.9;color:#626e63;margin-bottom:20px}.small-dialog-body fieldset{border:0;margin:28px 0 26px;padding:0}.small-dialog-body legend{font-size:13px;color:#647568;margin-bottom:12px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice-grid label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 4px;border:1px solid #ced9cf;border-radius:5px;font-size:16px;cursor:pointer}.choice-grid label:has(:checked){background:#e1eee2;color:#285338;border-color:#5b8669}.choice-grid input{accent-color:#3a694d;inline-size:16px;block-size:16px}.next-lesson{padding-top:22px;border-top:1px solid var(--line)}.next-lesson h3{font-size:22px;font-weight:500;margin:12px 0}.small-dialog-body #choice-summary{font-size:13px;color:#315e50;min-height:25px;margin-bottom:12px}#toast{position:fixed;left:50%;bottom:115px;transform:translateX(-50%);max-width:calc(100% - 40px);background:#2c4036;color:#fff;padding:13px 22px;font-size:14px;border-radius:6px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s;text-align:center}#toast.show{opacity:1}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){body{grid-template-rows:67px minmax(0,1fr) 105px}.topbar{padding:0 15px;gap:8px}.brand{gap:8px}.brand>svg{width:24px;height:24px}.brand h1{font-size:19px}.brand span{font-size:10px}.top-actions{gap:1px}.clock{padding-right:5px;gap:0;margin-right:0}.clock>svg,.clock #timer-reset{display:none}.clock output{font-size:14px;min-width:43px}.icon-button{width:34px;flex-basis:34px;height:36px}.bottom-bar{padding:0 12px 28px;gap:5px;justify-content:center}.progress{position:absolute;right:15px;bottom:12px;min-width:0;gap:4px;font-size:10px}.progress>svg{display:none}.progress b{font-size:11px}.progress-label{font-size:10px}.room-tabs{gap:2px;flex:1;align-self:stretch}.room-tab{gap:5px;padding:0 12px;font-size:14px;justify-content:center;flex:1}.room-tab span{font-size:10px}.bottom-bar>.primary-button{font-size:12px;padding:9px 10px;gap:4px}.bottom-bar>.primary-button svg{width:16px}.panorama-track{left:16px;right:110px;bottom:16px}.location-tag{top:12px;left:13px;font-size:11px;padding:7px 10px}.view-controls{right:14px;bottom:14px}.view-controls .icon-button{width:36px;flex-basis:36px}.view-controls svg{width:18px}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.exhibit-layout{display:flex;flex-direction:column;min-height:0}.image-column{padding:16px 16px 8px}#large-image{height:220px;min-height:0}#large-image .zoom-content{width:auto;max-width:100%}#large-image .crop{width:260px;max-height:215px}#large-image .original-image{height:220px}.image-tools{margin-top:5px}.exhibit-text{padding:22px}.exhibit-text h2{font-size:23px;margin:7px 0 13px}.exhibit-text>p{font-size:14px}.observation{margin-top:16px;padding-top:15px}.observation h3{font-size:17px}.observation p{font-size:14px}.dialog-top{height:49px;padding:0 15px;flex-shrink:0}.dialog-bottom{padding:7px 18px}.small-dialog-body{padding:24px}.small-dialog-body h2{font-size:23px}.choice-grid{grid-template-columns:repeat(2,1fr)}#toast{bottom:125px}.small-dialog-body p{font-size:14px}}
@media(max-height:600px) and (min-width:761px){body{grid-template-rows:60px minmax(0,1fr) 72px}.brand h1{font-size:20px}.brand span{display:none}.exhibit-layout{min-height:0}#large-image{height:260px}.exhibit-text{padding:20px 25px}.exhibit-text h2{font-size:23px}.exhibit-text>p{font-size:14px}.observation{margin-top:13px;padding-top:12px}}
#answer-choices{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.answer-choice{border:1px solid #bccabf;padding:9px 12px;border-radius:5px;font-size:15px;line-height:1.4;background:#fff}.answer-choice:hover{border-color:#5c7d66;background:#f0f5ec}.answer-choice.right{background:#dfeddd;border-color:#4d7f56;color:#2c5736}.answer-choice.try-again{background:#fff1e6;border-color:#cb956c;color:#88572f}.exhibit-text>p{font-size:18px}.observation h3{font-size:21px}.observation p{font-size:17px}p.source{font-size:11px}.exhibit-text h2{font-size:31px}
@media(max-width:760px){.exhibit-text>p{font-size:16px}.observation h3{font-size:19px}.observation p{font-size:15px}.answer-choice{font-size:14px}.exhibit-text h2{font-size:25px}p.source{font-size:11px}}
.wall-background{background-size:125% 115%;background-position:center top}.silk-mount{top:220px;width:440px}.costume-mount{top:210px;width:300px}.tee-mount{top:210px;width:310px}.workshop-link{top:680px}
@media(max-width:760px){.room-heading,.floor-label{visibility:hidden}.location-tag{font-size:14px}}
#panorama-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#panorama-markers{position:absolute;inset:0;pointer-events:none}.pano-pin.art-button{position:absolute;top:0;left:0;width:44px;height:44px;pointer-events:auto;display:block;transition:none}.pano-pin[hidden]{display:none!important}.pano-pin .hotspot{width:44px;height:44px;background:#fffffff0;border:2px solid #436d5c;box-shadow:0 2px 10px #152a2330}.pano-pin:hover .hotspot{background:#dcebe0;transform:scale(1.1)}.pano-pin.visited .hotspot{background:#315e50}.bearing-display{position:absolute;right:24px;top:20px;display:flex;align-items:center;gap:9px;padding:8px 12px;color:#345442;border:1px solid #d0d7cb;background:#fbfcf6eb;border-radius:4px;font-size:12px;pointer-events:none}.bearing-display output{font-variant-numeric:tabular-nums;min-width:33px}.bearing-display span{padding-left:10px;border-left:1px solid #cad4c9;color:#778171}.bearing-display svg{height:17px;width:17px}.tool-divider{height:22px;width:1px;background:#d5ddd3;align-self:center;margin:0 3px}.view-controls .active{background:#d6e5d8;color:#254f37}#pano-loading{position:absolute;inset:0;display:grid;place-content:center;background:#edf1e8;z-index:4;padding:40px;font-size:18px;color:#476051;text-align:center;line-height:1.8}#pano-loading[hidden]{display:none}
@media(max-width:760px){.bearing-display{top:12px;right:13px;padding:8px;font-size:11px;gap:5px}.bearing-display span{display:none}.bearing-display svg{height:15px;width:15px}.view-controls{gap:1px;padding:4px}.view-controls .icon-button{width:33px;flex-basis:33px}.pano-pin.art-button{width:40px;height:40px}.pano-pin .hotspot{width:40px;height:40px}}
.pano-pin{position:absolute;top:0;left:0;width:44px;height:44px;pointer-events:auto;display:block;padding:0;transition:none}
.pin-caption{position:absolute;top:51px;left:50%;transform:translateX(-50%);display:block;width:max-content;max-width:170px;background:#fffef4f0;border:1px solid #e0e5d7;color:#243f35;padding:7px 11px;border-radius:4px;font-size:13px;line-height:1.35;text-align:center;box-shadow:0 3px 14px #172f2226;pointer-events:none}
.pano-pin .hotspot{box-shadow:0 0 0 6px #ffffff35,0 3px 16px #172f2250}
.discovery-pin .hotspot{border-color:#957439;color:#70531b;background:#fff9e9}
.discovery-pin .pin-caption{background:#fffaecef;color:#694d24;border-color:#e6d9bc}
.pin-caption small{display:block;font-size:10px;color:#738276;margin-bottom:3px}
#discovery-question{font-size:20px;color:#263e34;line-height:1.8}
#discovery-answer{border-top:1px solid var(--line);padding-top:18px;margin-top:15px;color:#315e50}
@media(min-width:761px){body{grid-template-rows:66px minmax(0,1fr) 80px}.brand h1{font-size:21px}}
@media(max-width:760px){.pin-caption{font-size:12px;padding:6px 8px;top:47px;max-width:130px}}
.pano-pin,.pano-pin.art-button{width:128px;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;background:#fffffff2;border:1px solid #ffffff;border-radius:5px;box-shadow:0 3px 12px #10251a38;color:#243b32}
.pano-pin .hotspot,.pano-pin.art-button.visited .hotspot{width:22px;height:24px;flex:0 0 22px;border:0;background:none;color:inherit;box-shadow:none;border-radius:0}
.pano-pin .hotspot svg{width:20px;height:20px;stroke-width:1.8}
.pano-pin .pin-caption{position:static;transform:none;background:none;border:0;box-shadow:none;padding:0;margin:0;width:auto;max-width:none;font-size:14px;color:inherit;line-height:1.2;white-space:nowrap;pointer-events:none}
.pano-pin:hover .hotspot{transform:none;background:none}
.pano-pin:hover{background:#fff;box-shadow:0 4px 20px #11291f50;border-color:#8ab5a0}
.pano-pin.art-button.visited{border-color:#92b29f}
.pano-pin.travel-pin{width:148px;background:#234f43f2;border-color:#d6e6dd;color:#fff}
.pano-pin.travel-pin:hover{background:#163e33}
.scene-switch{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:3px;background:#fffffff2;border:1px solid #d5dfd5;border-radius:6px;padding:4px;box-shadow:0 3px 14px #15251924}
.scene-switch button{height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:14px;border-radius:3px;color:#53635a;white-space:nowrap}
.scene-switch button svg{width:18px;height:18px}
.scene-switch button:hover{background:#eff3ed}
.scene-switch button.active{background:#dce9df;color:#204f3b}
.discovery-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.discovery-photo{margin:0;padding:22px;background:#edf0e9;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.discovery-photo img{display:block;width:100%;height:360px;object-fit:contain}
.discovery-photo figcaption{font-size:11px;text-align:center;color:#71806f}
#discovery-dialog .small-dialog-body{padding:28px}
#discovery-focus{margin-top:20px}
@media(max-width:760px){.scene-switch{left:50%;bottom:67px;transform:translateX(-50%);padding:3px}.scene-switch button{height:33px;padding:0 12px;font-size:13px;gap:6px}.pano-pin,.pano-pin.art-button{height:40px;width:116px;gap:6px}.pano-pin.travel-pin{width:140px}.pano-pin .pin-caption{font-size:13px}.pano-pin .hotspot{width:20px;height:22px;flex-basis:20px}.discovery-layout{display:block}.discovery-photo{padding:16px}.discovery-photo img{height:245px}#discovery-dialog .small-dialog-body{padding:22px}}