#museum-immersive{--museum-glass:light-dark(#f5efdfed,#172820ef);--museum-fg:light-dark(#344b3c,#efdec0);--museum-edge:light-dark(#bdaa7b,#8f7a50);position:relative;background:#10251d;color:var(--museum-fg);height:620px;overflow:hidden;border-radius:12px;isolation:isolate;font:14px/1.5 "Microsoft YaHei",sans-serif}
    #museum-immersive *{box-sizing:border-box}
    #museum-immersive i[data-lucide]{display:none}
    #museum-immersive [hidden]{display:none!important}
    #museum-immersive .world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
    #museum-immersive .world.dragging{cursor:grabbing}
    #museum-immersive .world.object-hover{cursor:crosshair}
    #museum-immersive button{font:inherit;touch-action:manipulation}
    #museum-immersive .tools{position:absolute;top:18px;left:18px;display:flex;gap:9px;z-index:25}
    #museum-immersive .icon-button{display:grid;place-items:center;width:43px;height:43px;background:var(--museum-glass);border:1px solid var(--museum-edge);color:var(--museum-fg);border-radius:50%;box-shadow:0 3px 14px #071c1933;padding:0}
    #museum-immersive .icon-button svg{width:19px;height:19px}
    #museum-immersive .icon-fallback{font:400 25px/1 Arial,sans-serif}
    #museum-immersive button:has(svg) .icon-fallback,#museum-immersive .gesture:has(svg) .icon-fallback,#museum-immersive .arch-hint:has(svg) .icon-fallback{display:none}
    #museum-immersive .icon-button:hover{box-shadow:0 0 0 3px #d9bb7155,0 3px 14px #071c1933}
    #museum-immersive button:focus-visible{outline:3px solid #ffe0a2;outline-offset:4px}
    #museum-immersive .icon-button .muted-icon{display:none}
    #museum-immersive .icon-button[aria-pressed="true"] .muted-icon{display:inline}
    #museum-immersive .icon-button[aria-pressed="true"] .sound-icon{display:none}
    #museum-immersive .entry{position:absolute;inset:0;z-index:30;display:grid;place-items:center;overflow:hidden}
    #museum-immersive .door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#12251ef5,#12382baa);border:1px solid #bea36c55;backdrop-filter:blur(3px);transition:transform 1450ms cubic-bezier(.2,.7,.15,1)}
    #museum-immersive .door:after{content:"";position:absolute;top:7%;bottom:7%;left:12%;right:12%;border:1px solid #d2b37866;border-radius:160px 160px 0 0}
    #museum-immersive .door.left{left:0;border-right:1px solid #e6cc8b}
    #museum-immersive .door.right{right:0;background:linear-gradient(-90deg,#12251ef5,#12382baa);border-left:1px solid #e6cc8b}
    #museum-immersive .entry-button{width:88px;height:88px;position:relative;border:1px solid #e8cd8c;border-radius:50%;background:#294832e8;color:#ffebba;display:grid;place-items:center;box-shadow:0 0 65px #eedb934d,inset 0 0 25px #d2b36b22;transition:opacity 180ms,transform 300ms}
    #museum-immersive .entry-button:before{content:"";position:absolute;inset:-12px;border:1px solid #e5d3a244;border-radius:50%}
    #museum-immersive .entry-button:hover{transform:scale(1.06);box-shadow:0 0 85px #f5df8a66}
    #museum-immersive .entry-button svg{width:31px;height:31px}
    #museum-immersive .entry-button:disabled{opacity:.5}
    #museum-immersive.entering .door.left{transform:translateX(-104%)}
    #museum-immersive.entering .door.right{transform:translateX(104%)}
    #museum-immersive.entering .entry-button{opacity:0;transform:scale(.7);pointer-events:none}
    #museum-immersive .light-wash{position:absolute;inset:0;pointer-events:none;z-index:22;background:radial-gradient(ellipse at 50% 46%,#fff2baaa,transparent 65%);opacity:0}
    #museum-immersive .hotspot-layer{position:absolute;inset:0;pointer-events:none;z-index:12;overflow:hidden}
    #museum-immersive .exhibit-hotspot{position:absolute;width:48px;height:48px;padding:0;border:0;background:transparent;pointer-events:auto;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff0c5}
    #museum-immersive .exhibit-hotspot:before{content:"";width:23px;height:23px;border:1px solid #fff0c4cc;border-radius:50%;background:#263d2944;box-shadow:0 0 14px #d9b96899,inset 0 0 8px #f1d99033;transition:width 160ms,height 160ms,background 160ms}
    #museum-immersive .exhibit-hotspot:after{content:"";position:absolute;width:5px;height:5px;background:#fff0c4;border-radius:50%;box-shadow:0 0 6px #fff4c2}
    #museum-immersive .exhibit-hotspot:hover:before,#museum-immersive .exhibit-hotspot:focus-visible:before{width:33px;height:33px;background:#d6b85f44}
    #museum-immersive .gesture{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);width:110px;height:42px;display:flex;align-items:center;justify-content:space-around;color:#fff4d5;background:#19312799;border:1px solid #ecdbad66;border-radius:25px;pointer-events:none;z-index:15}
    #museum-immersive .gesture svg{width:19px;height:19px}
    #museum-immersive .detail{position:absolute;inset:0;background:#081d17ed;z-index:40;overflow:hidden;display:flex;justify-content:center;align-items:center}
    #museum-immersive .detail:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#bd905132,transparent 68%);pointer-events:none}
    #museum-immersive .close-detail{position:absolute;right:20px;top:72px;z-index:8}
    #museum-immersive .detail-image{width:100%;height:100%;object-fit:contain;display:block;position:relative;user-select:none}
    #museum-immersive .arch-canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}
    #museum-immersive .arch-canvas.dragging{cursor:grabbing}
    #museum-immersive .arch-hint{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);pointer-events:none;color:#f8df9b;display:flex;gap:17px;align-items:center;background:#18362fbb;border:1px solid #ad935588;border-radius:40px;padding:11px 18px}
    #museum-immersive .arch-hint svg{width:22px;height:22px}
    #museum-immersive .arch-keyboard{position:absolute;left:50%;top:50%;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
    #museum-immersive .arch-keyboard:focus-visible{width:46px;height:46px;clip-path:none;overflow:visible;background:var(--museum-glass);color:var(--museum-fg);border:1px solid var(--museum-edge);border-radius:50%;display:grid;place-items:center}
    #museum-immersive .sr-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
    #museum-immersive .load-error{position:absolute;left:20px;right:20px;bottom:30px;text-align:center;color:#ffe9b9;font-size:13px;z-index:60}
    @media(max-width:600px){#museum-immersive{height:550px;border-radius:9px}#museum-immersive .tools{left:12px;top:12px;gap:8px}#museum-immersive .icon-button{width:44px;height:44px}#museum-immersive .close-detail{right:12px;top:70px}#museum-immersive .entry-button{width:76px;height:76px}}
    @media(prefers-reduced-motion:reduce){#museum-immersive .door,#museum-immersive .entry-button,#museum-immersive .exhibit-hotspot:before{transition:none}}
  
:root{color-scheme:light dark}
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#10251d}
#museum-immersive{height:100vh!important;height:100dvh!important;width:100%;border-radius:0!important}
#museum-immersive button{cursor:pointer}
#museum-immersive button:disabled{cursor:wait}
#museum-immersive .tools{left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top))}
#museum-immersive .close-detail{right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top))}
.script-warning{color:#ffebba;padding:24px}