:root{color:#16445a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#16445a;--muted:#557887;--blue:#36a9d6;--deep-blue:#147aa6;--aqua:#70d3d0;--mint:#bcebd8;--yellow:#ffd166;--coral:#ff806b;--paper:#fffdf6;--line:#c7e8e9;--shadow:0 16px 36px #1f698024;background:#eaf9fb;font-family:Avenir Next,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden}button{font:inherit;touch-action:manipulation}img{-webkit-user-drag:none;pointer-events:none}button:focus-visible{outline-offset:3px;outline:4px solid #ffb703}.app-shell{background:radial-gradient(circle at 8% 6%,#fffffff5 0 4%,#0000 18%),radial-gradient(circle at 91% 10%,#ffd16642,#0000 22%),linear-gradient(155deg,#effdfb 0%,#def5fa 48%,#e9f8ef 100%);justify-content:center;min-height:100svh;padding:clamp(12px,1.6vw,26px);display:flex}.app-content{width:min(1500px,100%);margin:0 auto}.loading-screen{background:radial-gradient(circle at 50% 40%,#ffffffe6,#0000 28%),linear-gradient(155deg,#effdfb 0%,#d9f4fa 52%,#e6f8ed 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.loading-card{text-align:center;background:#fffdf6e6;border:2px solid #fffffff5;border-radius:32px;width:min(520px,92vw);padding:clamp(28px,5vw,48px);box-shadow:0 22px 55px #1f69802e}.loading-ripples{color:#fff;background:linear-gradient(145deg, var(--blue), var(--aqua));border-radius:50%;place-items:center;width:116px;height:116px;margin:0 auto 16px;display:grid;position:relative;box-shadow:0 13px 30px #1b84a33d}.loading-ripples svg{z-index:3;width:48px;height:48px;position:relative}.loading-ripples i{border:3px solid #36a9d65c;border-radius:50%;animation:1.8s ease-out infinite loading-ripple;position:absolute;inset:0}.loading-ripples i:nth-of-type(2){animation-delay:.55s}.loading-ripples i:nth-of-type(3){animation-delay:1.1s}.loading-kicker{color:var(--deep-blue);letter-spacing:.12em;margin:0 0 5px;font-size:14px;font-weight:900}.loading-card h1{margin:0;font-size:clamp(25px,4vw,38px)}.loading-track{background:#d8ecec;border-radius:999px;height:15px;margin-top:25px;overflow:hidden;box-shadow:inset 0 2px 5px #28626f1f}.loading-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--aqua), var(--yellow));width:0;height:100%;transition:width .25s;display:block}.loading-progress{color:var(--muted);margin:10px 0 0;font-size:14px;font-weight:750}.topbar{justify-content:space-between;align-items:center;gap:24px;margin:0 0 12px;display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--blue), var(--aqua));border-radius:19px;flex:none;place-items:center;width:56px;height:56px;display:grid;transform:rotate(-4deg);box-shadow:0 8px 18px #1767842e}.brand-mark svg{width:31px;height:31px}.eyebrow{color:var(--deep-blue);letter-spacing:.14em;margin:0 0 2px;font-size:clamp(11px,1vw,15px);font-weight:850}h1{color:var(--ink);margin:0;font-size:clamp(23px,2.5vw,42px);line-height:1.08}.topbar-actions{align-items:center;gap:10px;display:flex}.round-tool,.teacher-trigger,.icon-button{cursor:pointer;border:0;box-shadow:0 8px 18px #17678424}.round-tool{width:54px;min-width:54px;height:54px;color:var(--deep-blue);background:#fff;border-radius:18px;place-items:center;display:grid}.round-tool svg{width:24px;height:24px}.teacher-trigger{color:#755813;-webkit-user-select:none;user-select:none;background:#fff5ca;border-radius:18px;align-items:center;gap:9px;min-height:54px;padding:0 19px;font-weight:850;display:inline-flex}.teacher-trigger svg{width:21px}.progress-rail{box-shadow:var(--shadow);background:#ffffffc2;border:1px solid #ffffffe6;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px;padding:8px;display:grid}.progress-step{color:#6d909c;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:51px;font-size:clamp(13px,1.3vw,18px);font-weight:850;transition:transform .25s,background .25s;display:flex}.progress-step.is-active{background:linear-gradient(135deg, var(--blue), var(--aqua));color:#fff;transform:translateY(-1px)}.progress-step.is-complete:not(.is-active){color:#177c6f;background:#e1f7ec}.step-number{width:31px;height:31px;color:inherit;background:#ffffff7a;border-radius:50%;flex:none;place-items:center;font-weight:950;display:grid}.lesson-stage,.summary-card{width:100%;box-shadow:var(--shadow);background:#fffdf6eb;border:2px solid #fffffffa;border-radius:30px;margin:0;padding:clamp(14px,1.55vw,24px)}.stage-heading{align-items:center;gap:14px;margin-bottom:10px;display:flex}.stage-heading h2{color:var(--ink);margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.15}.stage-heading p{color:var(--muted);margin:3px 0 0;font-size:clamp(14px,1.25vw,19px);font-weight:680}.stage-badge{background:var(--yellow);color:#735213;border-radius:14px;flex:none;padding:9px 14px;font-size:clamp(14px,1.2vw,18px);font-weight:950;transform:rotate(-2deg)}.stage-scene{isolation:isolate;border:6px solid #b7dfd4;border-radius:26px;min-height:clamp(280px,43vh,430px);position:relative;overflow:hidden}.scene-cloud{background:#ffffff94;border-radius:50px;width:120px;height:30px;position:absolute;top:7%}.scene-cloud:before,.scene-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:2px}.scene-cloud:before{width:46px;height:46px;left:20px}.scene-cloud:after{width:58px;height:58px;right:17px}.cloud-one{left:8%}.cloud-two{top:11%;right:17%;transform:scale(.68)}.screening-scene{background:linear-gradient(#ccf0ed 0 25%,#9edecf 25% 28%,#61bdd1 28% 100%)}.water-channel{background:linear-gradient(#568f9b,#416e78);border-radius:14px 14px 34px 34px;transition:background .7s;position:absolute;inset:29% 15% 8% 7%;overflow:hidden;box-shadow:inset 0 12px #ffffff29}.screening-scene.is-finished .water-channel{background:linear-gradient(#66bfcd,#4d9baa)}.water-wave{opacity:.4;background:repeating-radial-gradient(at 10% 0,#0000 0 30px,#ffffff47 32px 34px);animation:7s linear infinite drift;position:absolute;inset:0}.draggable-trash{z-index:7;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:clamp(84px,8vw,122px);height:clamp(102px,9vw,135px);padding:0;transition:filter .2s;position:absolute}.draggable-trash:active{cursor:grabbing;filter:drop-shadow(0 14px 10px #123d4a45)}.trash-leaf{top:35%;left:12%}.trash-bottle{top:51%;left:37%}.trash-cup{top:28%;left:52%}.trash-art{filter:drop-shadow(0 8px 5px #1545512e);pointer-events:none;background-image:url(/assets/litter-props.png);background-repeat:no-repeat;background-size:300% 100%;width:100%;height:78%;display:block}.art-leaf{background-image:url(/assets/litter-leaf.png);background-position:50%;background-size:contain}.art-bottle{background-image:url(/assets/litter-bottle.png);background-position:50%;background-size:contain}.art-cup{background-position:100%}.object-label{color:#375865;background:#ffffffe6;border-radius:999px;padding:4px 11px;font-size:clamp(12px,1vw,15px);font-weight:850;display:inline-block;box-shadow:0 4px 10px #28596626}.grate{z-index:4;justify-content:space-around;width:9%;display:flex;position:absolute;top:25%;bottom:6%;right:26%;transform:skewY(-7deg)}.grate i{background:#647d85;border-radius:6px;width:clamp(5px,.55vw,9px);box-shadow:3px 2px #ffffff61}.grate span{color:#fff;white-space:nowrap;background:#516a73;border-radius:999px;padding:5px 13px;font-size:14px;font-weight:900;position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%)skewY(7deg)}.recycle-bin{z-index:6;color:#684a14;background:repeating-linear-gradient(90deg,#ffd166 0 18px,#ffc654 18px 30px);border:7px solid #e99b33;border-radius:18px 18px 34px 34px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:20%;height:57%;font-size:clamp(16px,1.8vw,26px);font-weight:950;display:flex;position:absolute;bottom:7%;right:3%;box-shadow:inset 0 0 0 7px #ffffff47,0 13px 25px #58492233}.recycle-bin>svg{width:clamp(30px,3vw,46px);height:auto}.bin-check{color:#fff;background:#2eae78;border-radius:50%;padding:5px;position:absolute;top:8px;right:8px}.pipe{z-index:1;background:#7fa9ad;border:6px solid #668c91;width:19%;height:62px;position:absolute;top:20%}.pipe-in{border-radius:0 18px 18px 0;left:-4%}.pipe-out{border-radius:18px 0 0 18px;right:-4%}.remaining-counter{z-index:9;color:#fff;background:#145062bd;border-radius:14px;padding:8px 13px;font-weight:850;position:absolute;top:18px;left:18px}.scene-action{z-index:12;color:#fff;background:linear-gradient(135deg, var(--coral), #ff9d70);cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:65px;padding:0 24px;font-size:clamp(16px,1.45vw,21px);font-weight:900;display:inline-flex;position:absolute;box-shadow:0 8px #d85f4c}.scene-action:active{transform:translateY(4px);box-shadow:0 4px #d85f4c}.scene-action.is-done{background:linear-gradient(135deg,#2eae78,#5bcf9b);box-shadow:0 8px #20855b}.button-spinner{border:4px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.sedimentation-scene{background:linear-gradient(#d8f5ed 0 32%,#a8dbc7 32% 100%)}.clarifier-rim{z-index:5;background:#bdd2d3;border:8px solid #7a9ca3;border-radius:50%;height:50px;position:absolute;top:15%;left:9%;right:27%;box-shadow:0 8px #2d5d6824}.clarifier-rim span{color:#fff;background:#557a82;border-radius:999px;padding:7px 18px;font-weight:900;position:absolute;top:-9px;left:50%;transform:translate(-50%,-100%)}.clarifier-water{background:linear-gradient(#628f9a,#4e7881);border:8px solid #789ba2;border-top:0;border-radius:0 0 18% 18%/0 0 22% 22%;transition:background 2.5s;position:absolute;inset:calc(15% + 21px) 27% 10% 9%;overflow:hidden;box-shadow:inset 0 18px 30px #ffffff26}.phase-running .clarifier-water,.phase-done .clarifier-water{background:linear-gradient(#74c9d8 0 65%,#609fac 65%)}.water-surface-lines{opacity:.38;background:repeating-radial-gradient(at 15% 0,#0000 0 46px,#fff 48px 50px);position:absolute;inset:0}.sediment-particle{z-index:3;left:var(--particle-left);top:var(--particle-top);width:var(--particle-size);height:var(--particle-size);transition:top 2.6s cubic-bezier(.2,.7,.35,1),opacity 2.3s;transition-delay:var(--particle-delay);background:#765840;border-radius:50%;position:absolute;box-shadow:inset 2px 2px #fff3}.phase-running .sediment-particle,.phase-done .sediment-particle{opacity:.25;top:calc(100% - 30px)}.sludge-layer{z-index:4;color:#fff2c5;background:#765840;border-radius:50% 50% 0 0;place-items:start center;height:22%;padding-top:10px;font-weight:850;transition:bottom 2.6s;display:grid;position:absolute;bottom:-10%;left:-2%;right:-2%}.phase-running .sludge-layer,.phase-done .sludge-layer{bottom:-2%}.observation-card{width:19%;color:var(--ink);background:#ffffffe0;border-radius:20px;grid-template-columns:18px 1fr;align-items:center;gap:12px 9px;padding:16px;font-weight:850;display:grid;position:absolute;top:13%;right:4%;box-shadow:0 10px 24px #2359641f}.observation-card p{margin:0}.observe-dot{border-radius:50%;width:16px;height:16px}.top-dot{background:#67c1d0}.bottom-dot{background:#765840}.sediment-button{width:19%;bottom:9%;right:4%}.microbe-scene{background:linear-gradient(#d9f6ef 0 25%,#65c5d5 25% 100%)}.microbe-tank{background:linear-gradient(#4c9aaa,#357984);border:8px solid #6f9ba4;border-radius:25px 25px 80px 80px;position:absolute;inset:19% 31% 5% 6%;overflow:hidden;box-shadow:inset 0 14px 28px #ffffff29}.aeration-pipe{z-index:2;background:#667d84;border-radius:14px;height:24px;position:absolute;bottom:9%;left:12%;right:38%;box-shadow:inset 0 5px #ffffff3b}.bubble-field i{bottom:3%;left:var(--bubble-left);width:var(--bubble-size);height:var(--bubble-size);animation:bubble-up var(--bubble-duration) linear infinite;animation-delay:var(--bubble-delay);border:2px solid #ffffffb3;border-radius:50%;position:absolute}.pollutant-dot{z-index:3;left:var(--dot-left);top:var(--dot-top);width:14px;height:14px;transition:opacity .5s,transform .5s;transition-delay:var(--dot-delay);background:#5b453e;border-radius:50%;position:absolute;box-shadow:0 0 0 4px #5b453e21}.phase-running .pollutant-dot,.phase-done .pollutant-dot{opacity:0;transform:scale(.1)}.microbe-art{z-index:4;object-fit:contain;opacity:0;filter:drop-shadow(0 12px 16px #103f4e33);width:min(52%,430px);max-height:86%;transition:opacity .55s,transform .7s cubic-bezier(.2,1.4,.4,1);position:absolute;top:52%;left:50%;transform:translate(-50%,-42%)scale(.3)}.phase-running .microbe-art,.phase-done .microbe-art{opacity:1;animation:2.6s ease-in-out infinite microbe-float;transform:translate(-50%,-50%)scale(1)}.science-note{color:#67501d;background:#fff7d6;border:3px solid #f1d172;border-radius:20px;width:23%;padding:17px;position:absolute;top:9%;right:4%;box-shadow:0 10px 24px #5b491f1f}.science-note span{margin-bottom:7px;font-size:clamp(15px,1.4vw,21px);font-weight:950;display:inline-block}.science-note p{margin:0;font-size:clamp(12px,1vw,15px);font-weight:700;line-height:1.5}.microbe-button{width:23%;padding-inline:14px;bottom:10%;right:4%}.disinfection-scene{background:linear-gradient(#eef1ff 0 22%,#665f9f 22% 25%,#55a9bb 25% 100%)}.uv-machine{z-index:5;background:#7770ad;border:7px solid #514a83;border-radius:22px;height:42%;position:absolute;top:7%;left:7%;right:24%;box-shadow:0 10px 24px #342f5c47}.uv-label{color:#fff;background:#36305fa6;border-radius:12px;padding:6px 13px;font-weight:900;position:absolute;top:13px;left:20px}.uv-lamps{justify-content:space-between;display:flex;position:absolute;bottom:13%;left:5%;right:5%}.uv-lamps i{background:#aaa5cb;border:5px solid #454074;border-radius:999px;width:14%;height:34px;transition:background .35s,box-shadow .35s}.phase-running .uv-lamps i,.phase-done .uv-lamps i{background:#f2eaff;box-shadow:0 0 12px #fff,0 0 32px #d5b9ff,0 0 55px #a474ff}.uv-beam{opacity:0;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:linear-gradient(90deg,#0000,#dec2ffad,#0000);height:170%;transition:opacity .4s;position:absolute;top:90%;left:3%;right:3%}.phase-running .uv-beam{opacity:1;animation:1.2s ease-in-out infinite alternate uv-scan}.disinfection-water{background:linear-gradient(#4b8792,#386d78);border:7px solid #638b99;border-top:0;border-radius:0 0 54px 54px;transition:background 2s;position:absolute;inset:45% 24% 7% 7%;overflow:hidden}.phase-running .disinfection-water,.phase-done .disinfection-water{background:linear-gradient(#69cfe0,#42aabd)}.harmful-germ{left:var(--germ-left);top:var(--germ-top);width:17px;height:17px;transition:opacity .55s,transform .55s;transition-delay:var(--germ-delay);background:#5e3d6e;border-radius:44% 56% 52% 48%;position:absolute;box-shadow:0 0 0 5px #52346129}.harmful-germ:before,.harmful-germ:after{content:"";border-top:3px solid #5e3d6e;border-bottom:3px solid #5e3d6e;border-radius:50%;position:absolute;inset:-5px 6px}.harmful-germ:after{transform:rotate(90deg)}.phase-running .harmful-germ,.phase-done .harmful-germ{opacity:0;transform:scale(0)}.clean-water-glow{opacity:0;background:radial-gradient(circle at 50% 20%,#ffffffb3,#0000 55%);transition:opacity 1.5s;position:absolute;inset:0}.phase-done .clean-water-glow{opacity:1}.outflow-pipe{z-index:4;background:#7c969d;border:7px solid #586e78;border-radius:0 22px 22px 0;width:23%;height:64px;position:absolute;top:47%;right:7%}.outflow-pipe i{background:linear-gradient(90deg,#54c6dd,#89e0ec);border-radius:0 0 20px 20px;width:38px;height:0;transition:height .6s;position:absolute;top:75%;right:-8px}.phase-done .outflow-pipe i{height:145px;animation:1s ease-in-out infinite alternate water-shimmer}.clean-water-label{text-align:center;color:#244f62;width:21%;font-weight:900;position:absolute;top:78%;right:3%}.uv-switch{z-index:10;color:#514a83;cursor:pointer;background:#fff;border:7px solid #d8d5ea;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:18%;min-height:108px;font-weight:900;display:flex;position:absolute;top:13%;right:3%;box-shadow:0 10px #b8b4ce}.uv-switch svg{width:38px;height:38px}.uv-switch.is-on{color:#fff;background:#7e5ac1;border-color:#b597e9;box-shadow:0 0 35px #7e5ac173}.uv-switch.is-done{color:#fff;background:#2eae78;border-color:#76cfa5;box-shadow:0 8px #21885c}.guide-bar{border:2px solid var(--line);background:#fff;border-radius:23px;grid-template-columns:64px 1fr auto;align-items:center;gap:13px;min-height:74px;margin-top:10px;padding:7px 9px 7px 7px;display:grid}.guide-mascot{object-fit:contain;object-position:center 28%;background:radial-gradient(circle,#d9f5fb,#bcecf2);border-radius:18px;width:61px;height:61px}.guide-bar p{color:var(--ink);margin:0;font-size:clamp(14px,1.3vw,19px);font-weight:760}.primary-button{color:#fff;background:linear-gradient(135deg, var(--coral), #ff9d70);cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:60px;padding:0 23px;font-size:clamp(15px,1.25vw,18px);font-weight:900;display:inline-flex;box-shadow:0 7px #d85f4c}.primary-button svg{width:21px}.primary-button.is-gentle{color:#446978;background:#e6f7f7;box-shadow:0 7px #bedfe0}.primary-button:active{transform:translateY(4px);box-shadow:0 3px #d85f4c}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1137428c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.teacher-panel{width:min(720px,94vw);max-height:92svh;color:var(--ink);background:#fffdf6;border:3px solid #fff;border-radius:30px;padding:24px;overflow:auto;box-shadow:0 28px 80px #0c2b3657}.panel-title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.panel-title-row h2{margin:0;font-size:31px}.panel-kicker{color:var(--deep-blue);letter-spacing:.12em;margin:0 0 2px;font-size:13px;font-weight:850}.icon-button{width:48px;height:48px;color:var(--ink);background:#edf6f6;border-radius:15px;place-items:center;display:grid}.teacher-stage-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px;display:grid}.teacher-stage-grid button,.teacher-nav-row button,.teacher-tool-grid button{min-height:65px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #d9ebea;border-radius:18px;font-weight:850}.teacher-stage-grid button{flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:flex}.teacher-stage-grid button span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.teacher-stage-grid button.is-current{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);background:#e9f8fc}.teacher-nav-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px;display:grid}.teacher-nav-row button,.teacher-tool-grid button{justify-content:center;align-items:center;gap:8px;display:flex}.teacher-nav-row button:disabled{opacity:.4;cursor:not-allowed}.teacher-tool-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.teacher-tool-grid button{min-height:58px}.teacher-tool-grid .danger-button{color:#a74636;background:#fff1ed;border-color:#f3c8bf}.summary-card{padding:clamp(16px,2vw,30px);position:relative;overflow:hidden}.celebration-art{z-index:0;object-fit:cover;pointer-events:none;opacity:.72;width:100%;height:65%;position:absolute;inset:-5% 0 auto}.summary-hero,.comparison-grid,.science-warning,.restart-button{z-index:2;position:relative}.summary-hero{text-align:left;justify-content:center;align-items:center;gap:clamp(18px,3vw,48px);min-height:170px;display:flex}.summary-hero>img{object-fit:contain;object-position:center 22%;filter:drop-shadow(0 13px 17px #1955692e);width:clamp(112px,12vw,185px);height:170px}.summary-kicker{color:#695016;background:var(--yellow);border-radius:999px;margin:0 0 6px;padding:6px 12px;font-weight:900;display:inline-block}.summary-hero h2{max-width:830px;color:var(--ink);margin:0;font-size:clamp(25px,3vw,45px);line-height:1.12}.mini-process{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.mini-process span{color:#247363;background:#e0f5e9;border-radius:999px;align-items:center;gap:7px;padding:6px 11px 6px 7px;font-size:14px;font-weight:850;display:inline-flex}.mini-process i{color:#fff;background:#38aa7e;border-radius:50%;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.comparison-grid{grid-template-columns:1fr 1fr;gap:15px;margin:9px 0 14px;display:grid}.comparison-card{border:3px solid;border-radius:24px;grid-template-columns:64px 1fr;gap:15px;min-height:185px;padding:clamp(16px,1.8vw,25px);display:grid}.experiment-card{color:#5d4f2d;background:#fff8dc;border-color:#edd58a}.factory-card{color:#225e6b;background:#e7f8fa;border-color:#9fd7df}.comparison-icon{color:#fff;background:#e5b740;border-radius:19px;place-items:center;width:62px;height:62px;display:grid}.factory-card .comparison-icon{background:#38a6bc}.comparison-icon svg{width:32px;height:32px}.comparison-label{letter-spacing:.1em;margin:0;font-size:13px;font-weight:900}.comparison-card h3{margin:4px 0 9px;font-size:clamp(18px,1.7vw,25px)}.comparison-card ul{margin:0;padding-left:1.2em;font-size:clamp(13px,1.1vw,16px);font-weight:700;line-height:1.65}.science-warning{color:#8b3429;text-align:left;background:#fff0eb;border:3px solid #ffb6a8;border-radius:22px;justify-content:center;align-items:center;gap:17px;min-height:77px;padding:12px 20px;display:flex}.science-warning>svg{flex:none;width:36px;height:36px}.science-warning div{flex-wrap:wrap;align-items:baseline;gap:5px 14px;display:flex}.science-warning strong{font-size:clamp(20px,2vw,29px)}.science-warning span{font-size:clamp(15px,1.3vw,19px);font-weight:800}.restart-button{color:#fff;background:linear-gradient(135deg, var(--blue), #51c7bf);cursor:pointer;border:0;border-radius:19px;justify-content:center;align-items:center;gap:10px;min-height:61px;margin:14px auto 0;padding:0 25px;font-weight:900;display:flex;box-shadow:0 7px #197c91}@keyframes drift{to{transform:translate(120px)}}@keyframes loading-ripple{0%{opacity:.85;transform:scale(.68)}to{opacity:0;transform:scale(1.65)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bubble-up{0%{opacity:0;transform:translateY(0)scale(.75)}15%{opacity:.85}to{opacity:0;transform:translateY(-310px)scale(1.1)}}@keyframes microbe-float{50%{transform:translate(-50%,-53%)rotate(1.5deg)}}@keyframes uv-scan{0%{transform:translate(-4%)}to{transform:translate(4%)}}@keyframes water-shimmer{to{filter:brightness(1.2);transform:scaleX(.86)}}@media (width<=900px){.app-shell{padding:10px}.brand-mark{border-radius:15px;width:45px;height:45px}.eyebrow{font-size:10px}.round-tool{width:48px;min-width:48px;height:48px}.fullscreen-button{display:none}.teacher-trigger{justify-content:center;width:48px;min-height:48px;padding:0}.teacher-trigger span{display:none}.progress-step{gap:4px;min-height:43px;font-size:12px}.step-number{width:25px;height:25px}.lesson-stage{border-radius:22px;padding:11px}.stage-heading{margin-bottom:7px}.stage-badge{padding:7px 10px}.stage-scene{border-width:4px;min-height:300px}.guide-bar{grid-template-columns:50px 1fr auto;min-height:61px}.guide-mascot{width:48px;height:48px}.primary-button{min-height:51px;padding-inline:13px}.primary-button svg{display:none}.teacher-stage-grid{grid-template-columns:1fr 1fr}.comparison-card{grid-template-columns:50px 1fr}.comparison-icon{width:50px;height:50px}}@media (height<=760px) and (orientation:landscape){.app-shell{padding-block:8px}.topbar{margin-bottom:7px}.brand-mark{width:46px;height:46px}.round-tool{width:48px;min-width:48px;height:48px}.teacher-trigger{min-height:48px}.progress-rail{margin-bottom:7px;padding:6px}.progress-step{min-height:42px}.lesson-stage{padding-block:10px}.stage-scene{height:43vh;min-height:305px}.guide-bar{min-height:61px}.guide-mascot{width:50px;height:50px}.primary-button{min-height:51px}.summary-hero{min-height:125px}.summary-hero>img{height:125px}.comparison-card{min-height:150px;padding-block:13px}}@media (orientation:portrait) and (width<=900px){.app-shell:before{content:"请把设备横过来，操作空间更大哦";z-index:200;color:#fff;text-align:center;background:#147aa6;place-items:center;padding:40px;font-size:26px;font-weight:900;display:grid;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}