:root{--ink:#edf1e9;--muted:#a9bec1;--gold:#d9c295;--water:#9cdbd3;--line:#31484d;--dark:#0b1b20;--panel:#13292f;font-family:'PingFang TC','Noto Sans TC',system-ui,sans-serif;color:var(--ink);background:var(--dark);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;line-height:1.8}button,input,select{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{min-height:48px;border:1px solid var(--line);border-radius:6px;background:#183139;color:var(--ink);padding:10px 16px;cursor:pointer;font-size:16px;line-height:1.5}button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true],button[aria-current=step]{border-color:var(--gold);background:#31464a;color:#f9e2b9}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:var(--gold);color:var(--dark);z-index:99;padding:12px}.skip:focus{top:8px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px max(22px,calc((100vw - 1220px)/2));background:#07171b;font-size:13px}.top a{text-decoration:none}.top span{color:var(--muted)}.top label{display:flex;gap:8px;align-items:center;white-space:nowrap}.top input{accent-color:var(--gold);width:19px;height:19px}.hero{position:relative;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:690px;padding:42px 50px 60px;gap:10px;isolation:isolate;background:radial-gradient(ellipse at 73% 50%,#23444b66,transparent 65%)}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--gold);line-height:1.8}.hero h1{font-weight:540;font-size:clamp(42px,4.7vw,65px);line-height:1.3;margin:24px 0;letter-spacing:2px}.hero h1 em{font-style:normal;color:var(--water)}.hero-copy>p:not(.eyebrow){color:#c8dbdb;font-size:19px}.hero-anatomy svg{display:block;width:100%;height:auto}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:14px 20px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:600}.primary{color:#10252b;background:var(--gold);border:0}.secondary{border:1px solid #5c767b;background:#0d2229;color:var(--ink)}.hero-copy .hero-meta{color:var(--muted);font-size:13px;margin-top:24px}.caption{position:absolute;bottom:14px;right:30px;color:var(--muted);font-size:11px}.intro,.research,.challenge-section,.closing,.parents{max-width:1280px;margin:auto;padding:48px 32px}.intro{border-top:1px solid var(--line)}h2{font-size:clamp(25px,3vw,34px);line-height:1.5;font-weight:540;margin:10px 0 16px}.intro>p:not(.eyebrow){color:var(--muted);font-size:18px}.intro-points{display:flex;gap:15px 35px;flex-wrap:wrap;font-size:14px;color:var(--water);margin-top:30px}.research{scroll-margin-top:12px}.research-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.research-top h2{font-size:23px}.research-top>span{font-size:13px;color:var(--muted);white-space:nowrap}#chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0 30px}#chapters button{min-height:70px;text-align:left;font-size:16px;background:transparent}#chapters small{display:block;font-size:11px;color:var(--muted);letter-spacing:1px}.exhibit{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(0,1.4fr);gap:38px;align-items:start}.copy .lead{color:var(--muted);font-size:19px}.instruction{font-size:17px}.discovery{border-top:1px solid var(--line);margin-top:24px;padding:18px 0;color:var(--gold);font-size:19px;min-height:110px;line-height:1.7}.advanced{color:var(--muted);font-size:14px}.advanced summary{cursor:pointer;min-height:48px}.stage{background:#071a22;border:1px solid #38535a;border-radius:8px;overflow:hidden;aspect-ratio:800/650}.stage svg{display:block;width:100%;height:auto}.note{font-size:13px;color:var(--muted);margin:12px 0}.row,.common{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.row button,.common button{flex:1}.common button{font-size:14px}.route-chain{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.route-chain span{font-size:13px;border:1px solid var(--line);padding:5px 9px;border-radius:4px;color:var(--muted)}.route-chain .active{color:var(--water);border-color:var(--water);background:#1e3b3d}.control-label{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:16px}input[type=range]{height:48px;accent-color:var(--gold);width:100%;margin:2px 0;cursor:pointer}.readout{padding:15px 17px;border-left:2px solid var(--gold);background:#142e36;font-size:16px;line-height:1.7;margin:16px 0;min-height:54px}.gas-buttons button{font-size:17px}.legend{font-size:14px;color:var(--water)}.legend .carbon{color:#e8cb96}.conclusion{border-block:1px solid var(--line);margin-top:30px;padding:20px 0}.conclusion b{font-size:11px;letter-spacing:2px;color:var(--gold)}.conclusion p{margin:7px 0;font-size:18px}.chapter-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.chapter-controls span{font-size:12px;color:var(--muted)}.challenge-section{border-top:1px solid var(--line);scroll-margin-top:15px}.quiz-card{padding:25px;border:1px solid #597578;border-radius:8px;background:#112a31;margin-top:22px}.quiz-card h3{font-size:22px;font-weight:500;margin:10px 0 20px}.quiz-card .row{flex-direction:column}.quiz-card .row button{text-align:left}.quiz-card .feedback{min-height:30px;color:var(--water);font-size:17px}.quiz-card .quiz-footer{margin-top:20px}.complete{color:var(--gold)}.closing{border-top:1px solid var(--line);padding-block:65px}.closing h2{font-size:clamp(30px,4vw,48px)}.closing>p:not(.eyebrow){font-size:19px;color:var(--muted)}.parents{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px;color:var(--muted);font-size:14px}.parents summary{cursor:pointer;min-height:48px;color:var(--ink);font-size:16px}.parents a{display:block;min-height:44px;color:var(--water);overflow-wrap:anywhere}footer{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:30px 32px 40px;color:var(--muted);font-size:13px}footer a{text-decoration:none}
@media(max-width:900px){.hero{padding:35px 28px 60px;grid-template-columns:1fr 1fr;min-height:600px}.hero h1{font-size:45px}.exhibit{gap:24px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr)}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions a{font-size:14px}.stage{aspect-ratio:800/650}}
@media(max-width:700px){.top{padding:13px 16px;font-size:12px}.top span{display:none}.hero{padding:35px 20px 48px;min-height:0;grid-template-columns:1fr;gap:0}.hero h1{font-size:43px;line-height:1.3;margin:20px 0}.hero h1 br:nth-child(2){display:none}.hero-copy>p:not(.eyebrow){font-size:18px}.hero-actions{flex-direction:row;align-items:stretch}.hero-actions a{font-size:15px;padding:13px 15px}.hero-copy .hero-meta{font-size:12px}.hero-anatomy{width:100%;max-width:420px;margin:-4px auto 0}.caption{font-size:10px;left:20px;right:15px;bottom:5px}.intro,.research,.challenge-section,.closing,.parents{padding:32px 18px}.intro-points{gap:12px 20px;font-size:12px}.research-top h2{font-size:20px}.research-top>span{font-size:11px}#chapters{grid-template-columns:1fr 1fr;margin-bottom:22px}#chapters button{min-height:64px;font-size:15px;padding:9px 12px}#chapters small{display:inline;margin-right:7px}.exhibit{grid-template-columns:1fr;gap:18px}.copy h2{font-size:28px}.copy .lead{font-size:18px}.instruction{font-size:16px}.discovery{padding:15px 0;margin-top:15px;min-height:0;font-size:18px}.advanced{font-size:13px}.note{font-size:12px}.common button{font-size:14px;padding:12px 8px}.row button{font-size:15px;padding:12px 10px;min-width:90px}.route-chain span{font-size:12px}.chapter-controls{gap:8px}.chapter-controls span{display:none}.chapter-controls button{font-size:14px}.conclusion p{font-size:17px}.quiz-card{padding:19px}.quiz-card h3{font-size:20px}.quiz-card .row button{font-size:16px}.parents{grid-template-columns:1fr;gap:23px}footer{flex-direction:column;padding:26px 20px}.closing h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}