:root{--bg: #050810;--ink: #e9f1fb;--dim: #9fb2c8;--accent: #7fd4ff;--amber: #ffd27f;--glass: rgba(8, 14, 26, .78);--line: rgba(127, 212, 255, .22);--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans)}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}#fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:90}#fade.on{opacity:1;pointer-events:all}#loading{background:radial-gradient(ellipse at 50% 40%,#0a1224,#050810 65%);flex-direction:column;transition:opacity .8s ease}.loading-core{text-align:center}.loading-emblem{position:relative;width:120px;height:120px;margin:0 auto 26px}.orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(127,212,255,.35)}.orbit-ring.r1{transform:rotateX(68deg) rotate(-12deg);animation:spin 7s linear infinite}.orbit-ring.r2{inset:18px;transform:rotateX(70deg) rotate(28deg);animation:spin 11s linear infinite reverse;border-color:#ffd27f66}.orbit-planet{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe9b8,#e8a33d 60%,#8a5514);box-shadow:0 0 34px #ffbe5a8c;animation:pulse 3.2s ease-in-out infinite}@keyframes spin{to{transform:rotateX(68deg) rotate(348deg)}}@keyframes pulse{50%{box-shadow:0 0 54px #ffbe5ad9}}.museum-title{font-family:var(--serif);font-size:44px;letter-spacing:.35em;text-indent:.35em;font-weight:600}.museum-sub{margin-top:10px;color:var(--dim);font-size:13px;letter-spacing:.3em;text-indent:.3em}.loading-bar{width:260px;height:2px;margin:34px auto 14px;background:#7fd4ff26;overflow:hidden}#loading-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--accent),var(--amber));transition:width .25s ease}#loading-text{color:var(--dim);font-size:12px;letter-spacing:.2em}#intro{background:#03060cb8;backdrop-filter:blur(6px);z-index:95}.intro-card{width:min(720px,92vw);max-height:92vh;overflow:auto;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:34px 38px}.intro-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px;position:relative}.intro-badge{position:absolute;right:0;top:-6px;font-size:12px;color:var(--amber);border:1px solid rgba(255,210,127,.4);border-radius:999px;padding:3px 12px;letter-spacing:.1em}.intro-head h2{font-family:var(--serif);font-size:30px;letter-spacing:.2em;font-weight:600;margin-bottom:8px}.intro-quote{color:var(--dim);font-size:13px;letter-spacing:.12em}#sky-today{font-size:14px;line-height:1.8;margin-bottom:20px}#sky-today .tag,.tag{color:var(--accent);border:1px solid var(--line);border-radius:4px;padding:1px 8px;font-size:12px;margin-right:10px;white-space:nowrap}.hall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.hall-card{display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:#7fd4ff0d;border:1px solid var(--line);border-radius:10px;text-align:left;transition:all .2s ease}.hall-card:hover{background:#7fd4ff21;transform:translateY(-2px)}.hall-no{color:var(--amber);font-size:12px;letter-spacing:.2em}.hall-name{font-family:var(--serif);font-size:22px;letter-spacing:.3em}.hall-desc{color:var(--dim);font-size:12px}.intro-actions{display:flex;gap:12px;justify-content:center;margin-bottom:14px}.btn{padding:12px 30px;border-radius:999px;border:1px solid var(--line);letter-spacing:.2em;text-indent:.2em;font-size:14px;transition:all .2s}.btn:hover{background:#7fd4ff1f}.btn.primary{background:linear-gradient(90deg,#7fd4ff40,#ffd27f40);border-color:#7fd4ff80}.intro-hint{text-align:center;color:var(--dim);font-size:12px}#hud{position:fixed;inset:0;pointer-events:none;z-index:50}#hud button{pointer-events:auto}#hud-top{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:150px;display:flex;justify-content:space-between;align-items:flex-start}.hall-label{display:flex;gap:12px;align-items:center}#hall-no{font-family:var(--serif);color:var(--amber);font-size:26px;opacity:.9}#hall-name{font-family:var(--serif);font-size:22px;letter-spacing:.35em;text-shadow:0 0 18px rgba(127,212,255,.45)}#hall-sub{font-size:11px;color:var(--dim);letter-spacing:.25em;margin-top:2px}#sim-clock{font-size:13px;color:var(--ink);background:var(--glass);border:1px solid var(--line);padding:6px 14px;border-radius:8px}#sim-date{margin-left:8px;font-variant-numeric:tabular-nums;color:var(--amber)}#hud-bottom{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:0;right:0;text-align:center}#list-toggle{position:absolute;left:20px;bottom:0;z-index:59;pointer-events:auto}#list-toggle.active{color:var(--amber);border-color:#ffd27f80}body.is-touch #list-toggle{display:none}.hint{display:inline-block;color:var(--dim);font-size:12px;letter-spacing:.08em;background:#0508108c;padding:6px 18px;border-radius:999px;border:1px solid rgba(127,212,255,.12)}#hint-mobile,body.is-touch #hint-desktop{display:none}body.is-touch #hint-mobile{display:inline-block}#toolbar{position:absolute;top:max(16px,env(safe-area-inset-top));right:20px;display:flex;gap:8px;flex-direction:column;align-items:flex-end}.tb-btn{background:var(--glass);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:13px;letter-spacing:.1em;transition:all .15s}.tb-btn:hover{background:#7fd4ff29}.tb-btn.active{color:var(--amber);border-color:#ffd27f80}#exhibit-list{position:absolute;left:20px;bottom:60px;width:210px;max-height:44vh;overflow:auto;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:16px;pointer-events:auto;z-index:58}#exhibit-list h3{font-family:var(--serif);font-size:15px;letter-spacing:.3em;color:var(--amber);margin-bottom:12px;font-weight:500}#exhibit-items{list-style:none}#exhibit-items li{padding:8px 10px;border-radius:6px;font-size:13px;color:var(--dim);cursor:pointer;transition:all .15s;display:flex;justify-content:space-between}#exhibit-items li:hover{background:#7fd4ff1a;color:var(--ink)}#exhibit-items li.active{background:#ffd27f1f;color:var(--amber)}#exhibit-items li .no{font-size:11px;opacity:.7}#info-column{position:fixed;left:20px;top:96px;width:236px;display:flex;flex-direction:column;gap:10px;z-index:45;pointer-events:none;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(127,212,255,.25) transparent}#info-column.hidden{display:none!important}.info-card{pointer-events:auto;background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:10px 13px;backdrop-filter:blur(8px)}.info-card.clickable{cursor:pointer;transition:all .15s}.info-card.clickable:hover{background:#7fd4ff21}.info-card h4{font-size:11px;color:var(--amber);letter-spacing:.2em;margin:0 0 5px;font-weight:500;display:flex;align-items:center;gap:6px}.info-card .card-body{font-size:12px;color:#cfdcec;line-height:1.75}.info-card .card-body .strong{color:var(--ink);font-size:12.5px}.info-card .card-body .dim{color:var(--dim);font-size:11.5px}.info-card .card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.info-card .card-row+.card-row{margin-top:2px}.info-card .card-row .k{color:var(--dim)}.info-card .card-row .v{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.info-card .moon-line{display:flex;align-items:center;gap:10px}.info-card .moon-line canvas{width:36px;height:36px;flex:none}.info-card ul{list-style:none;margin-top:2px}.info-card ul li{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.info-card ul li .k{color:#cfdcec}.info-card ul li .v{color:var(--dim);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.info-card ul li.clickable{cursor:pointer;border-radius:4px;padding:3px 4px;margin:0 -4px}.info-card ul li.clickable:hover{background:#7fd4ff1f;color:var(--accent)}#sky-modal,#photo-modal{position:fixed;inset:0;z-index:80;background:#03060c99;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}#sky-modal.hidden,#photo-modal.hidden{display:none!important}.sky-card{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:26px 28px;width:min(480px,92vw);max-height:88vh;overflow:auto}.sky-card h3{font-family:var(--serif);letter-spacing:.3em;color:var(--amber);font-weight:500;margin-bottom:18px;text-align:center}.sky-card h4{font-size:13px;color:var(--accent);letter-spacing:.15em;margin:18px 0 8px;font-weight:500}.modal-close{position:absolute;top:10px;right:12px;color:var(--dim);font-size:16px;padding:6px}.modal-close:hover{color:var(--ink)}#sky-phase{display:flex;align-items:center;gap:16px;background:#7fd4ff0f;border:1px solid rgba(127,212,255,.14);border-radius:10px;padding:14px 16px}#sky-phase-icon{width:56px;height:56px}#sky-phase-name{font-family:var(--serif);font-size:20px;letter-spacing:.2em}#sky-phase-detail{color:var(--dim);font-size:12.5px;margin-top:4px;line-height:1.7}.sky-list{list-style:none}.sky-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 4px;font-size:13px;border-bottom:1px dashed rgba(127,212,255,.14)}.sky-list li b{color:var(--amber);font-weight:500;white-space:nowrap}.sky-list li span{color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.sky-list li.none{color:var(--dim);justify-content:center;border-bottom:none}.sky-note{color:var(--dim);font-size:11.5px;margin-top:14px;line-height:1.7}.photo-card{width:min(560px,94vw)}.photo-preview{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#000}.photo-preview img{display:block;width:100%;height:auto}.photo-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.photo-actions .btn{padding:9px 26px;font-size:13px}#photo-status{text-align:center;color:var(--dim);font-size:12px;margin-top:10px;min-height:1.2em}#panel{position:fixed;right:20px;bottom:90px;width:min(400px,calc(100vw - 40px));max-height:60vh;overflow:auto;background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:24px 26px;z-index:60;animation:rise .3s ease}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}#panel-close{position:absolute;top:10px;right:12px;color:var(--dim);font-size:16px;padding:6px}#panel-close:hover{color:var(--ink)}#panel-speak{position:absolute;top:10px;right:40px;color:var(--dim);font-size:15px;padding:6px}#panel-speak:hover{color:var(--amber)}#panel-speak.speaking{color:var(--amber);animation:blink 1.1s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.panel-no{color:var(--amber);font-size:12px;letter-spacing:.3em;margin-bottom:6px}#panel-title{font-family:var(--serif);font-size:24px;letter-spacing:.15em;margin-bottom:12px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:10px}#panel-body{font-size:13.5px;line-height:1.9;color:#cfdcec}#panel-body p{margin-bottom:8px}#panel-body .facts{margin-top:12px;border-top:1px dashed rgba(127,212,255,.2);padding-top:10px}#panel-body .fact-row{display:flex;justify-content:space-between;padding:3px 0;font-size:12.5px}#panel-body .fact-row b{color:var(--dim);font-weight:400}#panel-body .fact-row span{color:var(--amber);font-variant-numeric:tabular-nums}#tour{position:fixed;left:50%;transform:translate(-50%);bottom:60px;width:min(680px,92vw);background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:18px 22px;z-index:70;backdrop-filter:blur(10px)}#tour-title{font-family:var(--serif);font-size:18px;letter-spacing:.2em;color:var(--amber);margin-bottom:6px}#tour-caption{font-size:13.5px;line-height:1.9;color:#d8e4f2;min-height:3.8em}.tour-nav{display:flex;align-items:center;gap:10px;margin-top:10px}.tour-nav button{color:var(--dim);font-size:13px;padding:6px 12px;border:1px solid var(--line);border-radius:999px}.tour-nav button:hover{color:var(--ink);background:#7fd4ff1a}#tour-progress{margin-left:auto;color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums}#tour-exit{color:var(--amber)!important}#hall-menu{position:fixed;inset:0;z-index:80;background:#03060c99;display:flex;align-items:center;justify-content:center}.hall-menu-card{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:26px;width:min(380px,90vw)}.hall-menu-card h3{font-family:var(--serif);letter-spacing:.3em;color:var(--amber);font-weight:500;margin-bottom:16px;text-align:center}.hall-row{display:block;width:100%;text-align:left;padding:13px 16px;border:1px solid rgba(127,212,255,.15);border-radius:8px;margin-bottom:8px;font-size:14px;letter-spacing:.1em;transition:all .15s}.hall-row span{color:var(--amber);margin-right:12px;font-size:12px}.hall-row:hover{background:#7fd4ff1f}.hall-row.subtle{text-align:center;color:var(--dim);border-style:dashed}#joystick{position:fixed;left:26px;bottom:70px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(127,212,255,.3);background:#080e1a66;z-index:55;display:none}#joystick .stick{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:50%;background:#7fd4ff40;border:1px solid var(--accent)}body.is-touch #joystick.armed{display:block}@media (max-width: 760px){#exhibit-list{display:none}.hall-grid{grid-template-columns:1fr}.intro-card{padding:24px 20px}.intro-badge{position:static;display:inline-block;margin-bottom:10px}.museum-title{font-size:32px}#hud-top{right:20px}#info-column{width:196px;top:88px;max-height:46vh;gap:8px}.info-card.optional{display:none}#toolbar{flex-direction:row;left:20px;right:auto;top:auto;bottom:max(14px,env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-start}#hud-bottom{display:none}#panel{right:12px;left:12px;bottom:74px;width:auto}#joystick{bottom:120px}}