:root{color-scheme:light;--ink:#22445d;--muted:#577389;--cyan:#227e9a;--navy:#e8f8ff;--line:#badbe6;font-family:"Trebuchet MS","Segoe UI","Microsoft YaHei",sans-serif}
body{background:#e2f6ff}button{font-weight:600}svg{stroke-width:1.9}#loading{background:#eafaff;color:#346c86}.load-orbit{border:4px solid #b8e9ef;border-top-color:#ffba43}.vignette{background:linear-gradient(180deg,#f7fdffed,transparent 24%,transparent 62%,#ebf9ff4d 77%,#e9f9fff5)}.topbar{padding:26px 38px}.brand{padding:12px 20px 12px 12px;background:#fffffff0;border:2px solid white;border-radius:26px;box-shadow:0 7px 0 #acd9e454,0 10px 35px #528ca011}.brandmark{width:52px;height:52px;background:#fff0b8;border:2px solid #ffce66;color:#b1730b;border-radius:18px;transform:rotate(-7deg)}.brandmark svg{width:32px;height:32px}.eyebrow{color:#51839c;letter-spacing:1.5px}h1{font-size:27px;font-weight:800;letter-spacing:0;color:#245873}h1 span{color:#408097;font-size:16px;font-weight:700;letter-spacing:2px}.top-actions{padding:9px 12px;background:#ffffffd9;border-radius:30px;box-shadow:0 4px 0 #add9e43b}.experience-label{color:#387188;font-size:12px;font-weight:700;letter-spacing:1px;margin-right:10px}.icon-button{background:#fffdf5ed;border:2px solid white;color:#35758d;box-shadow:0 4px 0 #88bbcf55;backdrop-filter:blur(8px)}.icon-button:hover,.icon-button[aria-pressed=true]{background:#fff0b3;border-color:#e9bc49;color:#8b620b}.orientation{color:#2c627a}.compass{background:#ffffffdb;border:2px solid #add5e0;box-shadow:0 4px 0 #9fcbd83b}.compass-dot{background:#308fa9}#compass-needle{border-top-color:#287c99}#compass-needle:before{background:#287c99}#bearing{font-weight:700}.bottom-ui{padding:0 38px 20px}.navigation-caption{color:#285a72;font-size:12px;letter-spacing:1px;margin-bottom:16px;font-weight:700}.navigation-caption p{background:#ffffffed;padding:9px 16px;border:1px solid #cae6ec;border-radius:25px;font-size:13px;box-shadow:0 3px 0 #a5cfdd33}.navigation-caption i{color:#79a5b8}.small-rule{height:5px;width:18px;border-radius:10px;background:#e9af2c}#exhibit-nav{gap:17px;align-items:stretch}.nav-card{min-height:135px;border:3px solid #fff;padding:19px 18px;gap:14px;border-radius:26px 26px 20px 26px;overflow:visible;backdrop-filter:none;box-shadow:0 7px 0 var(--edge),0 12px 28px #2a59751b;background:var(--paper);transform:rotate(var(--tilt,0deg));color:#25455b;isolation:isolate}.nav-card:nth-child(1){--paper:#fff2bd;--edge:#e7bb4e;--tilt:-1deg}.nav-card:nth-child(2){--paper:#def6df;--edge:#86c89d;--tilt:.5deg}.nav-card:nth-child(3){--paper:#d9f1ff;--edge:#79b7db;--tilt:-.5deg}.nav-card:nth-child(4){--paper:#ffdfd3;--edge:#e5a58e;--tilt:1deg}.nav-card:before{display:none}.nav-card:hover,.nav-card.active{background:var(--paper);border-color:white;transform:translateY(-7px) rotate(0);box-shadow:0 10px 0 var(--edge),0 17px 30px #39667c28}.nav-symbol{width:53px;height:57px;flex-shrink:0;border:2px solid #ffffffeb;border-radius:19px;background:#ffffff9e;color:var(--accent);transform:rotate(-5deg);box-shadow:0 3px 0 #456d8512}.nav-symbol svg{width:35px;height:35px}.nav-info{display:flex;flex-direction:column;gap:6px;padding-top:2px}.nav-info small{position:absolute;top:-13px;left:20px;background:var(--accent);color:#fff;border:3px solid white;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:1px;margin:0}.nav-info strong{order:1;font-size:15px;line-height:1.25;white-space:normal;font-weight:700;letter-spacing:0}.nav-info em{order:2;font-size:20px;font-weight:800;font-style:normal;color:#264b5e;letter-spacing:0;line-height:1.3;margin:0}.nav-arrow{margin-left:auto;color:var(--accent);display:grid;place-items:center;width:24px;flex-shrink:0}.nav-arrow svg{width:20px;height:20px}.nav-card:nth-child(4) .nav-info strong{max-width:185px}.nav-card:nth-child(4) .nav-arrow{display:none}footer{color:#426e84;font-size:11px;letter-spacing:1px;padding-top:23px;font-weight:600}footer b{color:#7dafc1}.hotspot-card{background:#fffdf5f2;border:3px solid white;border-radius:20px 20px 20px 5px;color:#28495e;box-shadow:0 6px 0 #97bfce70,0 12px 30px #507b951c;max-width:290px}.hotspot-card small{color:#567b8f;font-size:10px}.hotspot-card strong{font-weight:800;line-height:1.3}.hotspot-card .hotspot-plus{background:var(--accent);color:white;border:none;width:27px;height:27px;flex-shrink:0}.hotspot:hover .hotspot-card{background:#fff9dc;border-color:white}.hotspot-stem{height:29px;background:#fff;border-left:1px solid #64a6bb}.hotspot-anchor{background:var(--accent);border-color:white;box-shadow:0 0 0 7px #ffffff55,0 4px 12px #2e6f8255}#toast{color:#244c63;background:#fffffff5;border:2px solid #a7d3df;border-radius:16px}
dialog{background:#fffef7;border:4px solid white;border-radius:28px;color:#25495f;box-shadow:0 12px 0 #7db1c94f,0 24px 90px #34576a4d}dialog::backdrop{background:#3a758850;backdrop-filter:blur(6px)}dialog h2,.interactive-dialog h2{font-size:30px;font-weight:800;letter-spacing:-.4px;color:#28516b}dialog .chinese-subtitle{color:#587487;font-size:16px;font-weight:600}.dialog-top .eyebrow{color:var(--accent,#29798d);font-size:12px;font-weight:800}.close-button{background:#edf7fa;border:2px solid #cee4e9;color:#406c82}.close-button:hover{background:#ffefb9}.topic-label{color:#5a788b;font-size:12px;letter-spacing:1px;font-weight:700}.topic-button{background:white;border:2px solid #d3e6ed;border-bottom-width:4px;border-radius:14px;font-size:16px;color:#31566b}.topic-button:hover{background:#f0f9fd}.topic-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,white)}.dialog-footer{border-top:2px dashed #cee1e7}.dialog-footer button{color:#386980;font-weight:700;font-size:14px}#exhibit-position{color:#57788b;font-size:12px}.help-list p{color:#536d7e}.help-list strong{color:#2a536a}.help-list li>span{color:#2d8ba3}.experience-stage{background:#f3fbff;border:2px solid #d2e7ec;border-radius:20px}.scene-caption h3{color:#294f66;font-weight:800}.scene-caption p{color:#44697f;font-size:16px}.scene-caption>span{color:#546f7d;font-size:13px}.scene-chip{color:#2b5369;background:#fffffff0;border:2px solid white;box-shadow:0 3px 0 #7fb1c74d;font-size:16px;font-weight:700;backdrop-filter:blur(5px)}.broadcast-bar h3{color:#265b78;font-weight:800;font-size:27px}.broadcast-bar .stage-label{color:#477c96;font-size:12px}.broadcast-bar p,.presenter-note{color:#59798c}.broadcast-icon{color:#267895;background:#dbf2ff;border:2px solid #b4dce8}.action-button{background:#e8f5ff;color:#2e6e8c;border:2px solid #a8cfdf;border-bottom-width:4px;border-radius:12px;font-size:14px}.action-button:hover,.action-button[aria-pressed=true]{background:#ffefb5;border-color:#d8b449;color:#77580c}.energy-diagram{background:linear-gradient(135deg,#f0fbff,#e0f4fb);stroke:#49798e;stroke-width:2.8}.energy-diagram text{fill:#375e73;font-size:15px;font-weight:600}.energy-wire{stroke:#8cb4c3}.energy-current{stroke:#168978}.pv-panel{fill:#9bd9ef;stroke:#347f9b}.light-rays{stroke:#dca20c}#solar-sun{stroke:#da9f00;fill:#ffe28640}#wind-rotor{stroke:#307f94;fill:#91cee233}.lab-controls{background:#f8fdff}.lab-controls label{font-weight:700;color:#335e76}.lab-controls input[type=range]{accent-color:#208c89}.lab-controls output,.lab-status{color:#167565}.range-labels,.energy-meter,.lab-controls small{color:#577485}.lab-explanation{color:#365a71;font-size:15px}.science-source{background:#f6fbfc;color:#4e7283;border-color:#d5e7ec}.science-source a{color:#186781}.cycle-flow{background:#f2fbff}.cycle-node{border:2px solid #c4e0e8;border-bottom-width:4px;border-radius:17px;background:white;color:#325e75}.cycle-node>span,.cycle-node small{color:#638195}.cycle-node svg{color:#278c86}.cycle-node strong{font-size:14px}.cycle-node[aria-pressed=true]{background:#e6f7da;border-color:#76b68a}.cycle-node:not(:last-child):after{color:#388fa4}.cycle-progress{background:#d7e9ef;border-radius:4px}.cycle-progress span{background:#3fa592}.water-cycle{background:#f2fbff}#cycle-description{color:#3b6377}.hazard-prevention{color:#355c70;padding-top:5px}.hazard-prevention h4{color:#986126;font-size:18px}.hazard-prevention li{font-size:16px;line-height:1.8}.hazard-prevention details{color:#5b7b8d}.hazard-prevention a{color:#28758f}.illustration-label{background:#fffdf0e8;color:#466474;font-size:11px;border-radius:8px}.city-scene{height:365px}.city-nameplate{position:absolute;bottom:18px;left:22px;padding:11px 20px;background:#ffffffed;border:3px solid white;border-radius:18px 18px 18px 4px;box-shadow:0 4px 0 #6494b34d;color:#285670}.city-nameplate strong{font-size:27px;display:block;font-weight:800}.city-nameplate span{font-size:14px;color:#50758a;font-weight:700}.city-scene .scene-chip{top:15px;left:18px}.city-scene .scene-motion{opacity:.7}
@media(min-width:1600px){.nav-card{padding:25px;min-height:145px}.nav-info em{font-size:24px}.nav-info strong{font-size:18px}.nav-symbol{width:60px;height:65px}.nav-card:nth-child(4) .nav-info strong{max-width:220px}}
@media(max-width:1100px){.topbar{padding:20px 25px}.bottom-ui{padding:0 25px 17px}#exhibit-nav{gap:12px}.nav-card{padding:18px 11px;gap:9px}.nav-symbol{width:40px;height:47px}.nav-symbol svg{width:29px;height:29px}.nav-info em{font-size:18px}.nav-info strong{font-size:13px}.nav-arrow{display:none}.navigation-caption p{font-size:12px}.experience-label{display:none}h1 span{display:none}}
@media(max-width:640px){.topbar{padding:15px 13px;align-items:center}.brand{padding:9px 12px 9px 9px;gap:9px;border-radius:20px}.brandmark{width:36px;height:39px;border-radius:13px}.brandmark svg{width:25px;height:25px}.brand .eyebrow{font-size:8px;letter-spacing:1px}.brand h1{font-size:18px}.top-actions{padding:6px;gap:5px}.top-actions .icon-button{width:29px;height:29px;border-width:1px}.top-actions .icon-button svg{width:15px;height:15px}.bottom-ui{padding:0 13px 13px}.navigation-caption{font-size:11px;margin-bottom:16px}.navigation-caption>div{font-size:11px}.gallery-count{font-size:10px}#exhibit-nav{gap:17px 10px}.nav-card{min-height:105px;padding:18px 9px 12px;gap:9px;border-radius:19px;border-width:2px;box-shadow:0 5px 0 var(--edge),0 9px 18px #47718918}.nav-info small{top:-11px;left:11px;font-size:9px;border-width:2px;padding:3px 7px}.nav-symbol{width:32px;height:38px;border-radius:12px;border-width:1px}.nav-symbol svg{width:25px;height:25px}.nav-info em{font-size:16px}.nav-info strong{font-size:12px;line-height:1.25}.nav-info{gap:4px}.nav-card:nth-child(4) .nav-info strong{max-width:130px}footer{padding-top:17px;font-size:8px}.orientation{top:27%;left:16px}.view-tools{right:14px;top:26%}.interactive-dialog{padding:17px;border-width:3px;border-radius:24px}.interactive-dialog h2{font-size:26px;overflow-wrap:anywhere}.interactive-dialog[data-experience="3"] h2{font-size:24px}.topic-button{font-size:15px;min-height:54px;padding:10px}.topic-button svg{width:19px}.scene-caption p{font-size:14px}.scene-caption>span{font-size:11px}.scene-chip{font-size:14px}.broadcast-bar h3{font-size:23px}.city-scene{height:275px}.city-nameplate{left:14px;bottom:13px;padding:8px 13px;border-width:2px}.city-nameplate strong{font-size:24px}.city-nameplate span{font-size:12px}.illustration-label{font-size:9px;bottom:12px;right:10px;max-width:130px}.lab-explanation{font-size:14px}.hazard-prevention li{font-size:14px}.cycle-node strong{font-size:13px}.action-button{font-size:13px}.dialog-footer button{font-size:12px}.hotspot-card{max-width:220px;border-width:2px;padding:12px}.hotspot-card strong{font-size:14px}}

.label-ampersand{font-family:Arial,sans-serif;font-style:normal;font-weight:700}

.presenter-studio{display:grid;grid-template-columns:43% 57%;background:#c9ebff}.digital-presenter{position:relative;min-width:0;overflow:hidden;border-right:3px solid white}.digital-presenter video{display:block;width:100%;height:370px;object-fit:cover;background:#c8e9ff}.presenter-studio .city-scene{height:370px}.presenter-badge{position:absolute;left:13px;top:13px;display:flex;align-items:center;gap:7px;padding:7px 11px;background:#fffdf1f2;border:2px solid white;border-radius:20px;color:#366985;font-size:13px;font-weight:700;pointer-events:none}.presenter-badge svg{width:17px;height:17px}.speech-actions .action-button:disabled{opacity:.65;background:#edf1f3;border-color:#bdcbd2;color:#647c8b;cursor:default}.presenter-studio .illustration-label{font-size:10px}.interactive-dialog[data-experience="2"] .broadcast-bar{gap:14px}.interactive-dialog[data-experience="2"] .presenter-note{font-size:13px}@media(max-width:640px){.presenter-studio{grid-template-columns:46% 54%}.digital-presenter video,.presenter-studio .city-scene{height:245px}.digital-presenter video{object-fit:cover;object-position:50% 40%}.presenter-badge{font-size:10px;left:6px;top:7px;gap:4px;padding:5px 7px}.presenter-badge svg{width:12px;height:12px}.presenter-studio .scene-chip{left:7px;top:7px;font-size:11px;padding:5px 7px;gap:4px}.presenter-studio .scene-chip svg{width:14px;height:14px}.presenter-studio .city-nameplate{left:7px;bottom:29px;padding:6px 8px}.presenter-studio .city-nameplate strong{font-size:19px}.presenter-studio .city-nameplate span{font-size:10px}.presenter-studio .illustration-label{left:7px;right:auto;bottom:6px;font-size:8px;padding:3px 5px}}