.interactive-dialog{width:min(980px,calc(100vw - 32px))}.interactive-dialog .dialog-top{margin-bottom:15px}.interactive-dialog h2{font-size:30px}.interactive-dialog .chinese-subtitle{margin-bottom:19px}.interactive-dialog .topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.interactive-dialog .topic-label{margin-top:18px}.interactive-dialog .dialog-footer{margin-top:19px;padding-top:14px}.experience-stage{display:block;padding:0;overflow:hidden;min-height:0;background:#0a1c2b}.weather-scene,.hazard-scene{height:330px;position:relative;overflow:hidden;background:#1b3442}.scene-photo{position:absolute;inset:0;background-size:200% 200%;background-repeat:no-repeat}.tile-0{background-position:left top}.tile-1{background-position:right top}.tile-2{background-position:left bottom}.tile-3{background-position:right bottom}.scene-motion{position:absolute;inset:0;overflow:hidden;pointer-events:none}.scene-chip{position:absolute;top:19px;left:20px;display:flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid #ffffff55;border-radius:30px;background:#082238c4;backdrop-filter:blur(10px);font-size:14px}.scene-chip svg{width:20px;height:20px}.scene-caption{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scene-caption h3{font-size:23px;margin:0 0 5px;font-weight:500}.scene-caption p{margin:0;color:#b8cfdb;font-size:15px}.scene-caption>span{font-size:12px;color:#acc2d0}.scene-motion.sunny{background:radial-gradient(ellipse at 12% 3%,#ffffcd50,transparent 55%);animation:sun-glow 4s ease-in-out infinite alternate}.scene-motion.cloudy{background:linear-gradient(100deg,transparent,#7d91a43b,transparent);background-size:250% 100%;animation:cloud-shift 13s linear infinite}.scene-motion.rainy i,#environment-effects.rainy i{position:absolute;left:var(--x);top:-15%;height:35px;width:1.5px;background:linear-gradient(transparent,#e2f4ffb0);animation:rain-fall var(--duration) var(--delay) linear infinite}.scene-motion.windy i,#environment-effects.windy i{position:absolute;left:-15%;top:var(--y);width:90px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#eaffffc2,transparent);animation:wind-flow var(--duration) var(--delay) linear infinite}#environment-effects{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}#museum[data-weather=sunny] #panorama{filter:brightness(1.12) saturate(1.12)}#museum[data-weather=rainy] #panorama{filter:brightness(.64) saturate(.65)}#museum[data-weather=cloudy] #panorama{filter:brightness(.8) saturate(.5)}#panorama{transition:filter .5s}#environment-effects.sunny{background:radial-gradient(ellipse at 8% 2%,#ffe8a038,transparent 55%)}#environment-effects.cloudy{background:#7c90a018}.city-reference{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff85;border-radius:10px;overflow:hidden;width:180px;background:#082134e6}.city-photo{display:block;width:180px;height:114px;stroke:none}.city-reference>span{display:block;font-size:11px;padding:8px 10px;color:#e8f3ff}.broadcast-bar{display:flex;align-items:center;gap:18px;padding:22px}.broadcast-icon{color:var(--cyan);width:44px;height:44px;background:#87e7ef13;border:1px solid #87e7ef30;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.broadcast-bar h3{font-size:25px;font-weight:400;margin:0;line-height:1.4}.broadcast-bar p{font-size:12px;color:#9eb9c9;margin:7px 0 0}.broadcast-bar .stage-label{font-size:10px}.broadcast-bar .action-button{margin-left:auto}.presenter-note{font-size:12px;color:#a7bfcc;margin:0 22px 20px}.action-button{padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #80e5e66b;border-radius:8px;background:#82e6e410;color:#ceffff;font-size:13px;line-height:1.5}.action-button[hidden]{display:none}.action-button:hover,.action-button[aria-pressed=true]{background:#82e6e426}.action-button svg{width:17px;height:17px;flex-shrink:0}.illustration-label{position:absolute;bottom:14px;right:17px;background:#06172abb;padding:7px 10px;border-radius:5px;color:#d1dfeb;font-size:11px}.expanded-image .hazard-scene{height:min(57vw,530px)}.energy-diagram{display:block;width:100%;height:auto;max-height:270px;background:radial-gradient(ellipse at 48% 40%,#1c3c4a,#0a1e30);stroke:#a8c2d4;stroke-width:2.4}.energy-diagram text{fill:#c8dfe9;stroke:none;font:14px "Segoe UI",sans-serif}.energy-wire{stroke:#466777;stroke-width:3}.energy-current{stroke:#91fff0;stroke-dasharray:7 12;stroke-width:3;opacity:0}.powered .energy-current{opacity:var(--power,1);animation:current-flow 1s linear infinite}.lamp-glow{fill:#ffdf64;stroke:none;opacity:.04;transition:opacity .3s}.powered .lamp-glow{opacity:calc(var(--power,1)*.8);filter:drop-shadow(0 0 14px #ffce35)}.pv-panel{fill:#11334c;stroke:#62b5db}.light-rays{stroke:#f9dd7d;opacity:var(--power,1)}#solar-sun{stroke:#f6d373;fill:#f6d37310;opacity:calc(.15 + var(--power,1)*.85)}#wind-rotor{transform-origin:175px 95px;fill:#b9e6ee12;stroke:#b9e6ee}.rotor-running #wind-rotor{animation:spin var(--rotor-time) linear infinite}.lab-controls{padding:20px 24px}.lab-controls label{display:flex;justify-content:space-between;gap:15px;font-size:15px}.lab-controls output{color:var(--cyan);font-size:13px}.lab-controls input[type=range]{width:100%;margin:17px 0 8px;accent-color:#8de4cf;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#9bb8c9}.energy-meter{display:flex;align-items:center;gap:15px;margin-top:18px;font-size:12px;color:#b6cfdc}.energy-meter meter{width:160px;height:12px;accent-color:#8de4cf}.lab-explanation{color:#c6d9e5;font-size:14px;line-height:1.8;margin:18px 0 7px}.lab-controls small{display:block;color:#99b5c6;font-size:11px;line-height:1.7}.lab-status{display:block;font-weight:500;margin-top:16px;font-size:14px;color:#a8f1de}.science-source{border-top:1px solid #c3e6f121;padding:12px 24px;font-size:12px;color:#a8bfce}.science-source summary{cursor:pointer}.science-source a{color:#8dd8ed;display:block;padding-top:10px;line-height:1.5}.cycle-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:28px 22px 18px}.cycle-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #a6d4e433;border-radius:10px;background:#ffffff04;padding:16px 5px}.cycle-node:not(:last-child):after{content:'→';position:absolute;right:-12px;top:50%;color:#8acbd2;font-size:15px}.cycle-node>span{font-size:10px;color:#9bb9c8}.cycle-node svg{width:36px;height:36px;color:#8de4cf}.cycle-node strong{font-size:13px;font-weight:500}.cycle-node small{font-size:12px;color:#a9c3d0}.cycle-node[aria-pressed=true]{border-color:#8de4cf;background:#8de4cf13}.cycle-progress{height:3px;background:#183748;margin:0 22px}.cycle-progress span{display:block;height:100%;background:#8de4cf;transition:width .3s}#cycle-description{font-size:15px;line-height:1.8;padding:0 24px;min-height:54px;color:#d1e5ef}.water-cycle+.lab-controls{padding-top:2px}.water-cycle+.lab-controls .action-button{margin-right:8px}@keyframes rain-fall{to{transform:translate(-55px,500px)}}@keyframes wind-flow{to{transform:translateX(1200px)}}@keyframes sun-glow{to{opacity:.55}}@keyframes cloud-shift{to{background-position:100% 0}}@keyframes current-flow{to{stroke-dashoffset:-38}}
@media(max-width:640px){.interactive-dialog{padding:18px;width:calc(100vw - 20px)}.interactive-dialog h2{font-size:26px}.interactive-dialog .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-scene,.hazard-scene{height:235px}.scene-caption{padding:16px;align-items:flex-start;gap:10px}.scene-caption h3{font-size:20px}.scene-caption p{font-size:13px;line-height:1.5}.scene-caption>span{max-width:105px;font-size:11px;line-height:1.6}.city-reference{width:125px;right:12px;bottom:12px}.city-photo{width:125px;height:79px}.city-reference>span{font-size:9px;padding:6px}.scene-chip{top:12px;left:12px;font-size:12px;padding:7px 10px}.broadcast-bar{padding:16px;gap:10px;flex-wrap:wrap}.broadcast-bar h3{font-size:20px}.broadcast-icon{display:none}.broadcast-bar .action-button{margin-left:0}.presenter-note{margin:0 16px 16px}.lab-controls{padding:16px}.lab-controls label{font-size:13px}.lab-explanation{font-size:13px}.energy-meter{flex-wrap:wrap;gap:5px}.cycle-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.cycle-node:nth-child(2):after{content:''}.cycle-node strong{font-size:12px}.cycle-node svg{width:28px;height:28px}#cycle-description{font-size:13px;padding:0 16px;min-height:70px}.science-source{padding:12px 16px}.illustration-label{font-size:9px}.expanded-image .hazard-scene{height:330px}.action-button{font-size:12px}}

svg.scene-photo{width:100%;height:100%;stroke:none;fill:none}

.speech-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.speech-actions .action-button{margin-left:0}@media(max-width:640px){.speech-actions{margin-left:0;width:100%}}

.hazard-prevention{padding:0 22px 20px;color:#d0e1ec}.hazard-prevention h4{font-size:16px;font-weight:500;margin:0 0 10px}.hazard-prevention ul{padding-left:21px;margin:0;display:grid;gap:7px}.hazard-prevention li{font-size:14px;line-height:1.7}.hazard-prevention details{margin-top:13px;color:#9fbaca;font-size:12px}.hazard-prevention summary{cursor:pointer}.hazard-prevention a{display:inline-block;color:#9de6ef;margin-top:8px}@media(max-width:640px){.hazard-prevention{padding:0 16px 17px}.hazard-prevention li{font-size:13px}}