*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#241d16;color:#fff8e9;font-family:"Microsoft YaHei","PingFang SC",sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:2px solid #f6cb78;outline-offset:4px}button{transition:background .2s,transform .2s}button:active{transform:scale(.96)}[hidden]{display:none!important}#panorama{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}#panorama:active{cursor:grabbing}body:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#1a130e55,transparent 19%,transparent 75%,#1a130e80)}
.museum-title{position:absolute;top:30px;left:36px;display:flex;align-items:center;gap:14px;z-index:3;text-shadow:0 2px 15px #0008;pointer-events:none}.seal{font-family:serif;display:grid;place-items:center;border:1px solid #f4ddb482;width:47px;height:53px;border-radius:4px;background:#5a39285e;font-size:28px}.museum-title h1{font-family:serif;margin:0;font-weight:500;font-size:25px;letter-spacing:5px}.museum-title p{margin:6px 0 0;font-size:10px;letter-spacing:4px;color:#f1e0c4}.top-actions{position:absolute;top:32px;right:32px;display:flex;align-items:center;gap:10px;z-index:3}.top-actions>span{font-size:11px;padding:9px 16px;border-radius:30px;background:#2b231b66;border:1px solid #dac4a244;backdrop-filter:blur(8px)}.round{width:42px;height:42px;border-radius:50%;border:1px solid #dac4a244;background:#29211977;position:relative;font-size:24px}.painted-icon{display:inline-block;width:48px;height:48px;background-image:var(--icons);background-size:232px 77.33px;background-position:-5px -12px;background-repeat:no-repeat;flex:none}.sound-icon{width:40px;height:40px;background-size:193.3px 64.44px;background-position:-102px -10px}.rotate-icon{background-position:-63px -12px}.round .sound-icon{position:absolute;inset:0}.mute-slash{position:absolute;width:27px;height:2px;background:#ffdfab;transform:rotate(-45deg);top:20px;left:7px;box-shadow:0 0 3px #3b2416}.audio-on .mute-slash{display:none}
#hotspots{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.hotspot{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:auto;transform:translate(-50%,-50%);border:0;background:none;padding:0;filter:drop-shadow(0 3px 5px #21130a66)}.hotspot:active{transform:translate(-50%,-50%) scale(.96)}.hotspot:before{content:"";position:absolute;top:6px;width:36px;height:36px;border:1px solid #ffdfa49e;border-radius:50%;animation:breathe 3s infinite;z-index:-1}.hotspot>span:last-child{font-size:11px;white-space:nowrap;background:#34271de0;border:1px solid #e7c69044;padding:5px 10px;border-radius:20px;color:#ffebc7;margin-top:2px}.hotspot.visited>span:last-child:before{content:"✓ ";color:#f0cc8f}@keyframes breathe{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.35);opacity:.05}}
.panorama-hint{position:absolute;bottom:143px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:1px;text-shadow:0 1px 4px #fff;color:#443323;z-index:3;pointer-events:none}.panorama-hint span{font-size:20px;vertical-align:-1px}.panorama-hint b{padding:0 8px;font-weight:normal}.bottom-credit{position:absolute;bottom:15px;width:100%;text-align:center;font-size:9px;letter-spacing:4px;color:#e8d7bfa0;z-index:3;pointer-events:none}#dock{position:absolute;left:50%;bottom:39px;transform:translateX(-50%);height:87px;display:flex;gap:4px;padding:5px 10px;border:1px solid #dbbf8e4d;border-radius:16px;background:#302318c7;backdrop-filter:blur(16px);box-shadow:0 10px 40px #150e1544;z-index:3}.dock-item{position:relative;background:none;border:1px solid transparent;border-radius:10px;padding:6px 12px 4px;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:3px}.dock-item:hover,.dock-item.active{background:#b1884533;border-color:#f3ca7766}.dock-item img{width:56px;height:43px;object-fit:contain;filter:drop-shadow(0 2px 2px #0005)}.dock-item span{font-size:10px;white-space:nowrap;letter-spacing:1px}.dock-item.visited:after{content:"";width:5px;height:5px;border-radius:50%;background:#e9c47e;position:absolute;top:7px;right:8px}
#loading{position:fixed;inset:0;background:#30281e;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;transition:opacity .5s}.loading-seal{font-size:40px;font-family:serif;border:1px solid #947a51;padding:12px 20px;animation:breathe 2s infinite}#loading p{letter-spacing:5px;font-size:14px}#loading small{font-size:11px;color:#bcac90}
#viewer{position:fixed;inset:0;z-index:10;background:#1b140ccd;backdrop-filter:blur(10px);padding:25px;animation:appear .23s ease-out}.viewer-shell{position:relative;max-width:1400px;height:100%;margin:auto;display:flex;flex-direction:column;border:1px solid #b5986355;border-radius:20px;overflow:hidden;background:#211d17;box-shadow:0 25px 80px #0008}.viewer-top{height:94px;flex:none;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c4a77822;background:linear-gradient(100deg,#3d3020,#252019)}.eyebrow{font-size:10px;color:#cfb17a;letter-spacing:3px;margin:0 0 7px}.viewer-top h2{font-family:serif;letter-spacing:3px;font-size:24px;font-weight:400;margin:0}.close{width:40px;height:40px;background:#ffffff09;border:1px solid #a28d6866;border-radius:50%;font-size:30px;color:#c9b798}.viewer-body{display:flex;flex:1;min-height:0}.model-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#52412b 0,#2c251c 48%,#191611 100%)}#model-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#model-canvas:active{cursor:grabbing}.model-tag{position:absolute;top:18px;left:20px;pointer-events:none;color:#bbae94;border:1px solid #c1a57240;font-size:10px;padding:5px 10px;border-radius:3px;letter-spacing:1px}.view-help{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:center;align-items:center;color:#c7b69a;pointer-events:none;font-size:11px;gap:1px}.view-help .painted-icon{transform:scale(.6);margin:-8px}
.observation{width:246px;flex:none;padding:24px 22px;background:#262119;border-left:1px solid #b79f7622;overflow:auto}.mode-tabs{display:flex;padding:3px;border:1px solid #aa8b514d;border-radius:8px;gap:3px}.mode-tabs button{flex:1;border:0;border-radius:5px;background:transparent;padding:8px;font-size:12px;color:#ac9f86}.mode-tabs button.active{background:#8b6a36;color:#fff0d0}.look-title{color:#dbc398;font-size:13px;margin:26px 0 12px;letter-spacing:3px}.focus-point{border:0;display:flex;gap:12px;align-items:center;text-align:left;background:none;width:100%;padding:12px 0;border-bottom:1px solid #bba47b22;font-size:12px;color:#dac8aa}.focus-point i{font-style:normal;color:#e8c07f;font-size:24px;min-width:29px;text-align:center}.focus-point:hover{color:#fff0d0}.wide{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 10px;border:1px solid #b2915d55;border-radius:7px;background:#47372255;font-size:12px;margin-top:9px;color:#e4cfac}.wide>span:nth-child(2){flex:1;text-align:left;margin-left:10px}.group-buttons{display:flex;gap:4px;margin-top:9px}.group-buttons button{padding:8px 0;flex:1;border:1px solid #ab8b4b55;border-radius:5px;background:transparent;color:#d4bc91;font-size:10px}.group-buttons button.selected{background:#977344;color:#fff4da}.count-visual{text-align:center;margin:19px 0;color:#c6ad7d}.people{font-size:17px;letter-spacing:-2px}.count-visual p{font-size:11px}.count-visual span{padding:0 8px}.model-actions{display:flex;gap:7px;margin-top:22px}.model-actions button{border:1px solid #bd9d6755;border-radius:6px;background:#ffffff07;font-size:16px;flex:1;padding:9px 4px}.model-actions button span{font-size:10px}.model-actions button[aria-pressed=true]{background:#8a6836}.reconstruction-note{font-size:10px;color:#9d8f76;line-height:1.8;margin:21px 0 0}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;height:49px;border-top:1px solid #c4a77822}.viewer-bottom button{font-size:11px;color:#cdb88f;border:0;background:none;padding:5px}.artifact-dots{display:flex;gap:9px}.artifact-dots span{width:5px;height:5px;border-radius:50%;background:#7d6a4f}.artifact-dots span.active{background:#efc680;width:17px;border-radius:4px}
#photo-stage{position:absolute;inset:0;overflow:hidden;background:#ede5d8;touch-action:none;cursor:grab;display:flex;align-items:center;justify-content:center}#original-photo{max-width:95%;max-height:94%;object-fit:contain;user-select:none;transform-origin:center}.photo-mode .model-tag{background:#3d322dcc;color:#f3e9d2}.photo-mode .view-help{color:#4c3d29;text-shadow:0 1px 4px white}#toast{position:fixed;left:50%;top:102px;transform:translateX(-50%);z-index:30;padding:9px 20px;border-radius:30px;background:#2b241ce8;border:1px solid #c4a87866;color:#eee0c6;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.museum-title{top:20px;left:18px;gap:8px}.museum-title h1{font-size:19px;letter-spacing:2px}.seal{width:34px;height:42px;font-size:24px}.museum-title p{font-size:8px;letter-spacing:2px}.top-actions{top:20px;right:15px;gap:4px}.top-actions>span{display:none}.round{width:38px;height:38px}#dock{max-width:96%;height:81px;bottom:30px;padding:4px;gap:1px}.dock-item{min-width:0;width:18vw;padding:4px}.dock-item img{width:45px;height:40px}.dock-item span{font-size:9px;letter-spacing:0}.panorama-hint{bottom:121px;font-size:10px}#viewer{padding:9px}.viewer-shell{border-radius:12px}.viewer-top{height:80px;padding:12px 16px}.viewer-top h2{font-size:18px;letter-spacing:1px}.viewer-body{flex-direction:column}.model-stage{min-height:40%;flex:1}.observation{width:100%;height:auto;max-height:220px;flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:10px 16px}.mode-tabs{grid-column:1}.look-title{display:none}#focus-points{grid-column:2;grid-row:1/4;display:flex;flex-direction:column}.focus-point{padding:6px 0;font-size:11px}.focus-point i{font-size:19px}.model-actions{grid-column:1;margin:0}.reconstruction-note{margin:0;font-size:8px;grid-column:1}.count-visual{display:none}#basin-tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.wide{margin:0;font-size:10px;padding:7px}.group-buttons{margin:0;grid-column:1/-1}.group-buttons button{padding:5px}.viewer-bottom{height:36px;padding:5px 16px}.model-tag{font-size:8px;top:10px;left:10px}.view-help{bottom:5px}.view-help span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.painted-icon{position:relative;overflow:hidden;background-image:none;pointer-events:none}.painted-icon img{position:absolute!important;max-width:none!important;max-height:none!important;width:232px!important;height:77.33px!important;left:-5px;top:-12px}.rotate-icon img{left:-63px}.sound-icon img{width:193.33px!important;height:64.44px!important;left:-102px;top:-10px}

.model-stage{background:radial-gradient(ellipse at 48% 44%,#45443f 0,#272a29 54%,#191c1b 100%)}

.model-stage[data-loading="true"]:after{content:"模型载入中…";position:absolute;inset:0;display:grid;place-items:center;background:#232725;color:#d2bd96;font-size:14px;letter-spacing:3px;pointer-events:none}