:root{color-scheme:dark;--ink:#ecf5ff;--muted:#a7b8ca;--cyan:#83edf0;--navy:#0b1c30;--line:rgba(200,228,250,.18);font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#0c1c30;color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.35;cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}#museum{height:100svh;min-height:480px;position:relative;overflow:hidden;isolation:isolate}#viewport{position:absolute;inset:0;touch-action:none;cursor:grab;outline:none}#viewport.dragging{cursor:grabbing}#panorama{width:100%;height:100%;display:block}#loading{position:absolute;inset:0;background:#0c1c30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--muted);z-index:4}#loading[hidden]{display:none}.load-orbit{width:48px;height:48px;border:1px solid #35475d;border-top-color:var(--cyan);border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,14,31,.84),rgba(3,14,31,.08) 26%,transparent 48%,rgba(3,14,31,.36) 72%,#061427 100%);z-index:1}.topbar{position:absolute;top:0;left:0;right:0;padding:32px 42px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.brand{display:flex;gap:17px;align-items:center}.brandmark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #a9d4e24d;border-radius:50%;color:var(--cyan)}.brandmark svg{width:30px;height:30px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.4px;margin:0 0 8px;color:#b9ccd9}h1{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0}h1 span{font-size:13px;letter-spacing:3px;margin-left:18px;font-weight:400;color:#d0dce8}.top-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.experience-label{font-size:11px;letter-spacing:2px;margin-right:22px;color:#c3d4e3}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d1e6ff33;border-radius:50%;background:rgba(8,27,47,.48);backdrop-filter:blur(14px);transition:.2s}.icon-button:hover,.icon-button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#173950}.icon-button svg{width:20px;height:20px}.orientation{position:absolute;left:43px;top:46%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;color:#d5e9f3}.compass{height:64px;width:64px;border:1px solid #bbd9ee70;border-radius:50%;position:relative;background:#0d25366b;backdrop-filter:blur(8px)}.compass-n{position:absolute;top:-20px;left:26px;font-size:10px;font-weight:600}.compass-dot{position:absolute;top:28px;left:28px;height:6px;width:6px;border-radius:50%;background:#d4faff}#compass-needle{position:absolute;inset:8px;border-top:2px solid var(--cyan);border-radius:50%}#compass-needle:before{content:"";position:absolute;top:2px;left:22px;width:1px;height:16px;background:var(--cyan)}#bearing{font-size:11px;letter-spacing:2px}.view-tools{position:absolute;right:38px;top:39%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px}.tool-divider{height:8px}.bottom-ui{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:0 42px 20px;pointer-events:none}.bottom-ui button{pointer-events:auto}.navigation-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:20px;font-size:10px;letter-spacing:1.7px;color:#c9d9e8}.navigation-caption>div{display:flex;align-items:center;gap:10px}.small-rule{display:inline-block;width:22px;height:1px;background:var(--cyan)}.navigation-caption p{font-size:13px;letter-spacing:.1px;display:flex;align-items:center;gap:9px;margin:0}.navigation-caption p svg{width:18px;height:18px}.navigation-caption i{font-style:normal;margin:0 3px;color:#8bafc5}#exhibit-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.nav-card{text-align:left;display:flex;align-items:center;gap:17px;border:1px solid #b2dafa33;padding:22px 23px;border-radius:12px;background:linear-gradient(130deg,rgba(26,51,73,.9),rgba(10,28,47,.92));backdrop-filter:blur(22px);position:relative;transition:transform .25s,border-color .25s,background .25s;min-width:0;overflow:hidden}.nav-card:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:var(--accent);opacity:0;transition:opacity .25s}.nav-card:hover,.nav-card.active{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:linear-gradient(130deg,#264b60ed,#0a1b30f0);transform:translateY(-4px)}.nav-card.active:before,.nav-card:hover:before{opacity:1}.nav-symbol{width:43px;height:43px;border-radius:11px;background:#a6d1ed0a;display:grid;place-items:center;flex-shrink:0;color:var(--accent)}.nav-symbol svg{width:29px;height:29px}.nav-info{min-width:0}.nav-info small{font-size:10px;letter-spacing:1.5px;color:#a5bdce;display:block;margin-bottom:6px}.nav-info strong{font-size:17px;font-weight:500;display:block;white-space:nowrap}.nav-info em{display:block;font-size:12px;font-style:normal;color:#aec3d2;margin-top:5px;letter-spacing:1px}.nav-arrow{margin-left:auto;color:#b6cbd9;flex-shrink:0}.nav-arrow svg{width:17px;height:17px}footer{display:flex;justify-content:space-between;padding-top:22px;font-size:10px;letter-spacing:1.5px;color:#91a7b9}footer b{font-weight:400;margin:0 8px;color:#51657d}#hotspots{position:absolute;inset:0;pointer-events:none;z-index:2}.hotspot{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:auto;background:none;border:0;padding:0;will-change:transform}.hotspot[hidden]{display:none}.hotspot-card{display:flex;align-items:center;gap:12px;min-width:210px;padding:16px 18px;background:rgba(7,30,49,.8);border:1px solid #c4efff70;border-radius:10px;box-shadow:0 12px 36px #06162938;backdrop-filter:blur(16px);text-align:left;transition:.2s}.hotspot:hover .hotspot-card{background:#163e55ed;border-color:var(--accent);transform:translateY(-5px)}.hotspot-icon{color:var(--accent)}.hotspot-card small{font-size:9px;letter-spacing:2px;color:#b4cad5;display:block;margin-bottom:5px}.hotspot-card strong{font-size:16px;font-weight:500;display:block}.hotspot-card .hotspot-plus{width:23px;height:23px;border:1px solid #b4d7e459;border-radius:50%;display:grid;place-items:center;margin-left:10px;font-size:16px}.hotspot-stem{height:34px;width:1px;background:linear-gradient(#b7e8ed,#b7e8ed50)}.hotspot-anchor{width:12px;height:12px;border:3px solid #edfeff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px #bfeffc30,0 0 20px #a1f7ff88}#toast{position:absolute;top:130px;left:50%;transform:translateX(-50%);padding:13px 20px;max-width:85%;border:1px solid var(--line);border-radius:8px;background:#0d253bea;z-index:10;font-size:14px;text-align:center}dialog{padding:28px 32px 24px;border:1px solid #bce4f340;border-radius:20px;color:var(--ink);background:linear-gradient(145deg,#173247,#0a1c30 75%);box-shadow:0 40px 120px #00102499;width:min(580px,calc(100vw - 32px));max-height:calc(100svh - 48px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#04132487;backdrop-filter:blur(9px)}dialog[open]{animation:dialog-in .24s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dialog-top .eyebrow{margin:0;color:var(--cyan)}.close-button{display:grid;place-items:center;width:36px;height:36px;background:#ffffff08;border:1px solid var(--line);border-radius:50%}.close-button:hover{background:#ffffff16}.close-button svg{width:18px;height:18px}dialog h2{font-size:36px;line-height:1.17;font-weight:400;letter-spacing:-1.1px;margin:0 0 12px}dialog .chinese-subtitle{font-size:14px;letter-spacing:2px;color:#a9c1d0;margin:0 0 27px}.exhibit-stage{min-height:195px;padding:28px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:27px;background:radial-gradient(ellipse at 15% 35%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),#081c2b;margin-bottom:20px}.stage-symbol{width:80px;height:80px;color:var(--accent);display:grid;place-items:center;flex-shrink:0}.stage-symbol svg{width:70px;height:70px;stroke-width:1}.stage-label{font-size:11px;letter-spacing:2px;color:#b0c6d4;margin-bottom:9px}.stage-title{font-size:32px;letter-spacing:-.8px;font-weight:400;margin:0 0 8px}.stage-subtitle{color:#a5bece;font-size:16px;margin:0;line-height:1.5}.topic-label{font-size:11px;letter-spacing:2px;color:#98b6c8;margin:24px 0 12px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-button{display:flex;align-items:center;gap:11px;padding:14px 15px;text-align:left;border:1px solid var(--line);background:#ffffff04;border-radius:8px;font-size:14px;transition:.2s;min-height:52px}.topic-button:hover{background:#ffffff0c}.topic-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.topic-button svg{color:var(--accent);width:20px;height:20px;flex-shrink:0}.topic-button span{line-height:1.3}.exhibit-note{margin:19px 0 0;font-size:13px;color:#9bb4c5;line-height:1.65}.dialog-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-footer button{background:none;border:0;display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px}.dialog-footer button:hover{color:var(--cyan)}.dialog-footer svg{width:16px;height:16px}#exhibit-position{font-size:11px;letter-spacing:2px;color:#99b7c8}.help-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:24px}.help-list li{display:flex;gap:20px}.help-list li>span{color:var(--cyan);margin-top:3px}.help-list strong{font-size:16px;font-weight:500}.help-list p{font-size:14px;color:#b1c4d2;margin:6px 0 0;line-height:1.55}
@media(min-width:1600px){.topbar{padding:42px 58px}.bottom-ui{padding:0 58px 28px}.nav-card{padding:28px}.nav-info strong{font-size:20px}.navigation-caption{margin-bottom:22px}.nav-symbol{width:50px;height:50px}}
@media(max-width:1000px){.topbar{padding:26px}.bottom-ui{padding:0 26px 20px}.brandmark{width:42px;height:42px}h1{font-size:22px}h1 span{display:none}.nav-card{padding:18px 14px;gap:10px}.nav-info strong{font-size:15px}.nav-symbol{width:30px}.nav-arrow{display:none}.experience-label{display:none}.navigation-caption p{font-size:12px}.orientation{left:26px}.view-tools{right:26px}.hotspot-card{min-width:185px;padding:13px}}
@media(max-width:640px){#museum{min-height:580px}.topbar{padding:22px 18px;align-items:flex-start}.brand{gap:11px}.brandmark{width:36px;height:36px}.brandmark svg{width:24px;height:24px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:6px}h1{font-size:19px}.top-actions{gap:7px}.top-actions .icon-button{width:34px;height:34px}.top-actions .icon-button svg{width:17px;height:17px}.bottom-ui{padding:0 16px 16px}.navigation-caption{margin-bottom:13px}.navigation-caption>div{font-size:9px;letter-spacing:1px}.navigation-caption p{display:none}.gallery-count{font-size:9px}#exhibit-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-card{border-radius:9px;padding:12px 10px;gap:9px}.nav-symbol{width:28px;height:32px}.nav-symbol svg{width:24px;height:24px}.nav-info small{font-size:8px;margin-bottom:4px}.nav-info strong{font-size:14px}.nav-info em{font-size:10px;margin-top:3px}.orientation{top:27%;left:20px}.compass{width:42px;height:42px}.compass-n{left:16px;top:-17px}.compass-dot{top:18px;left:18px;width:4px;height:4px}#compass-needle{inset:5px}#compass-needle:before{left:14px;height:10px}#bearing{font-size:9px}.view-tools{right:17px;top:26%;gap:8px}.view-tools .icon-button{width:35px;height:35px}.tool-divider{height:1px}footer{padding-top:15px;font-size:8px;letter-spacing:1px}footer span:last-child{font-size:9px;letter-spacing:0}.hotspot-card{min-width:160px;gap:8px;padding:12px}.hotspot-card strong{font-size:14px}.hotspot-card small{font-size:8px}.hotspot-icon svg{width:20px}.hotspot-card .hotspot-plus{margin-left:4px;width:20px;height:20px}.hotspot-stem{height:25px}dialog{padding:22px;border-radius:16px;max-height:calc(100svh - 28px)}dialog h2{font-size:31px}.dialog-top{margin-bottom:22px}.exhibit-stage{padding:22px 17px;gap:18px;min-height:162px}.stage-symbol{width:58px;height:58px}.stage-symbol svg{width:55px;height:55px}.stage-title{font-size:26px}.stage-subtitle{font-size:14px}.topic-button{padding:12px 10px;font-size:13px}.dialog-footer{margin-top:22px}.dialog-footer button{font-size:12px}.exhibit-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}