:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#183f4b;background:#f6f8f5;font-synthesis:none;--ink:#183f4b;--mint:#c4dfd5;--orange:#d7633e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf623e;outline-offset:5px}header{padding:25px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfdfdf;background:#edf5f6;gap:20px}.brand{color:var(--ink);text-decoration:none;font-size:25px;font-weight:800;letter-spacing:3px}.brand span{font-size:13px;letter-spacing:1px;margin-left:22px;font-weight:400}.edition,.eyebrow{font-size:12px;letter-spacing:2px}.quiet{border:0;background:transparent;color:var(--ink);padding:10px 0;font-size:14px}.primary{background:var(--ink);color:white;border:0;border-radius:60px;padding:18px 26px;font-size:16px;min-width:175px}.primary span{margin-left:38px}main{position:relative;overflow:hidden;min-height:650px;padding:65px 7%;background:#e9f4f7}h1{font-size:clamp(48px,5.5vw,88px);line-height:1.18;letter-spacing:-3px;font-weight:600;margin:30px 0}h1 em{font-style:normal;color:#4f817f}.intro{font-size:18px;line-height:1.9;margin-bottom:30px}.hero-art{position:absolute;inset:20px 0 0 42%;background:radial-gradient(ellipse at center,#d4e7ed,transparent 65%);pointer-events:none}.art-note{position:absolute;right:15%;top:22%;padding:24px;background:#ffffffb8;border-radius:20px;line-height:1.8}.lab{padding:70px 7%;scroll-margin-top:30px}h2{font-size:clamp(32px,3.7vw,55px);font-weight:500;line-height:1.3;margin:22px 0}p{line-height:1.8}.experiment{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:35px 40px;background:#fff;border:1px solid #d9e4e1;border-radius:20px;margin-top:35px}.reading{display:flex;flex-direction:column;justify-content:center;gap:15px}.reading strong{font-size:80px;font-weight:400;font-variant-numeric:tabular-nums}.reading small{font-size:28px}.reading span{font-size:14px}svg{width:100%;height:auto}input[type=range]{width:100%;accent-color:#337782;cursor:pointer}.row{display:flex;justify-content:space-between;gap:20px}.fine{font-size:12px;color:#647a7d}dialog{max-width:650px;width:90%;border:1px solid #becfce;border-radius:20px;padding:30px;color:var(--ink)}dialog::backdrop{background:#14374077}#close{display:block;margin-left:auto}@media(max-width:700px){header{padding:20px 6%}.brand span,.edition{display:none}main{padding:45px 7% 280px;min-height:800px}h1{font-size:52px}.hero-art{inset:400px 0 0 0}.art-note{top:22%;right:10%}.experiment{grid-template-columns:1fr;gap:15px;padding:24px}.reading strong{font-size:60px}.lab{padding:50px 7%}.row{flex-wrap:wrap}}

header{position:relative;z-index:2}main{min-height:690px;padding-top:70px;background:#d3e8f7}main>.eyebrow,main>h1,main>.intro,main>.primary{position:relative;z-index:1}.hero-art{inset:0;background:none}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#dfedf8 0%,#dfedf8e8 27%,#dfedf800 58%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.art-note{z-index:1;right:13%;top:17%;font-size:15px;background:#ffffffe0;box-shadow:0 10px 40px #285b6a12}.stations{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);padding:0 5%;background:#f6f8f5f5;backdrop-filter:blur(15px);border-bottom:1px solid #d7e2de}.stations button{padding:23px 8px;border:0;border-bottom:3px solid transparent;background:none;font-size:14px;color:#758a8b;white-space:nowrap}.stations button b{font-size:11px;display:inline-block;margin-right:10px;font-weight:500}.stations button.selected{color:var(--ink);border-bottom-color:var(--orange)}.journey{overflow:hidden}.stage{display:none;min-height:600px;scroll-margin-top:90px;padding-top:60px;padding-bottom:40px}.stage.active{display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;animation:enter .5s ease}.stage#tunnel.active{display:block}.stage#tunnel h2{font-size:40px;display:inline-block}.stage#tunnel>p:not(.fine){float:right;margin-top:85px}.section-copy>p{color:#597176;max-width:370px;font-size:16px}.text-link{padding:12px 0;background:none;border:0;border-bottom:1px solid #9cafac;font-size:14px;color:var(--ink);text-align:left}.birth-content{padding:20px 28px;text-align:center;background:#e8efe7;border-radius:16px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.flow-lane{display:flex;align-items:center;flex-direction:column;gap:15px}.flow-lane i{font-style:normal;color:#8ca898}.flow-lane span{font-size:14px}.flow-lane .pill{background:#fff;border-radius:40px;padding:12px 18px}.flow-lane strong{font-weight:500;font-size:23px}.formed{margin-top:25px}.formed strong{font-size:25px}.formed p{font-size:14px}.birth-content.merged .flow-lane{animation:meet .65s ease}.birth-content.merged .flow-lane.filling{animation-name:meetright}.passport,.micro-panel,.cold-panel,.consult-panel{background:#fff;border:1px solid #d7e2de;border-radius:18px;padding:30px}.passport-head,.micro-title{display:flex;justify-content:space-between;font-size:13px;gap:15px;padding-bottom:20px;border-bottom:1px solid #d7e2de}.passport-head span:last-child,.micro-title span:last-child{color:#71888a;font-size:11px}.prep-options{display:flex;gap:6px;margin:24px 0}.prep-options button{border:1px solid #c8d8d6;background:#fff;border-radius:30px;padding:10px 13px;font-size:13px;color:var(--ink)}.prep-options button.selected{background:#214f59;color:white}.factor-detail{min-height:215px}.big-number{font-size:70px;color:#669a93}.factor-detail h3{font-weight:500;margin:8px 0 12px;font-size:23px}.factor-detail p{font-size:15px}.experiment{margin-top:12px;grid-template-columns:1fr 2fr;gap:40px;padding:25px 35px}.reading{position:relative;padding-left:120px;gap:8px;min-width:300px}.reading strong{font-size:65px}.thermal{position:absolute;left:0;top:50%;transform:translateY(-50%);width:92px;height:92px;border-radius:50%;background:#d4e6e9;border:8px solid #9ac5d0;display:grid;place-items:center}.thermal-core{width:48px;height:48px;border-radius:50%;background:#e4a478;transition:background .2s}.thermal span{position:absolute;font-size:12px}.air-label{font-size:13px;display:flex;justify-content:space-between;color:#52787d}.air-label span{font-size:11px}.micro-panel{background:#193f4a;color:#edf8f5;padding:26px}.micro-title{border-color:#52737a}.micro-title span:last-child{color:#acc7cb}.micro-panel canvas{display:block;width:100%;height:auto}.range-labels{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:8px}.range-labels strong{font-size:13px;font-weight:400;color:#c9e4d5}.micro-caption{font-size:14px;color:#c0d6d8;min-height:50px}.choice-buttons{display:flex;gap:12px;margin-top:24px}.choice-buttons button{width:50%;border:1px solid #bdcfce;border-radius:12px;padding:18px 10px;background:#f8faf7;color:var(--ink);font-size:14px}.choice-buttons button.selected{background:#193f4a;color:white}.chain-grid{stroke:#e2ebea;fill:none;stroke-dasharray:4 6}#chain-line{fill:none;stroke:#528f7f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}#chain-chart text{font-size:12px;fill:#658184}.chain-result{padding:10px 20px;background:#eff5f0;border-radius:12px;min-height:130px}.chain-result h3{font-size:21px;font-weight:500;margin:12px 0}.chain-result p{font-size:14px;margin:0 0 12px}.chain-result.warning{background:#fff0e6}.consult-panel label{display:block;font-size:14px;margin:8px 0 12px}.consult-panel label span{color:#729193;font-size:12px}.consult-panel input{width:100%;min-width:0;padding:15px;border:1px solid #b9cfce;border-radius:8px;background:#fbfcfa;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 30px}.consult-panel pre{white-space:pre-wrap;font:14px/1.9 "Microsoft YaHei",sans-serif;background:#f1f5ee;padding:18px;border-radius:10px;overflow-wrap:anywhere}.journey-footer{display:flex;align-items:center;justify-content:space-between;padding:0 7% 40px;border-bottom:1px solid #d7e2de}.journey-footer #step-counter{font-size:13px;letter-spacing:3px}.journey-footer button:disabled{opacity:.3;cursor:default}footer{padding:25px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#708383}dialog h2{font-size:28px}dialog article{padding:10px 0 20px;border-bottom:1px solid #d5e1dc}dialog article h3{font-size:21px;font-weight:500}dialog .citation{font-size:12px;color:#60817e;background:#edf3ed;padding:12px;border-radius:8px}dialog p{font-size:15px}#knowledge{max-height:85vh;overflow-y:auto}@keyframes enter{from{opacity:.4;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes meet{50%{transform:translateX(25px)}}@keyframes meetright{50%{transform:translateX(-25px)}}
@media(max-width:1050px){.stage.active{gap:30px}.lab{padding-left:5%;padding-right:5%}.experiment{gap:20px}.reading{padding-left:0;min-width:150px}.thermal{display:none}.stations{padding:0 3%}.stations button b{margin-right:5px}h2{font-size:37px}}
@media(max-width:700px){main{min-height:810px;padding-top:45px;padding-bottom:350px}main>.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-art{inset:330px 0 0}.hero-art:after{background:linear-gradient(#dfedf8 0%,#dfedf800 25%)}main{background:#dfedf8}.hero-art img{object-position:76% 50%}.art-note{top:17%;right:auto;left:6%;font-size:12px;padding:14px}.stations{grid-template-columns:repeat(3,1fr);padding:0 3%}.stations button{padding:12px 4px;font-size:12px}.stations button b{font-size:10px}.stage,.stage.active{display:grid;grid-template-columns:1fr;min-height:0;padding:45px 7%;gap:25px;scroll-margin-top:95px}.stage{border-bottom:1px solid #d7e2de}.stage#tunnel{display:block}.stage#tunnel>p:not(.fine){float:none;margin-top:15px}.stage#tunnel h2{font-size:34px;margin-bottom:0}.section-copy>p{max-width:none}.experiment{display:block;padding:22px 16px}.reading{padding-left:105px;min-height:115px}.thermal{display:grid}.reading strong{font-size:48px}.plot{margin-top:22px}.air-label{flex-direction:column;gap:6px}.range-labels strong{font-size:11px}.micro-panel,.passport,.cold-panel,.consult-panel{padding:22px 18px}.choice-buttons{gap:8px}.choice-buttons button{font-size:13px}.form-grid{gap:12px}.journey-footer{display:none}footer{flex-direction:column;gap:6px;text-align:center}.brand{font-size:23px}.intro{font-size:16px}h1{font-size:50px}.primary{padding:16px 23px}.flow{gap:10px}.flow-lane .pill{padding:10px;font-size:12px}.micro-title{gap:8px}.prep-options button{padding:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.language{color:var(--ink);font-size:14px;text-decoration:none;border:1px solid #b3ccce;border-radius:24px;padding:8px 15px;margin-left:auto}.direct-inquiry{position:relative;display:block;z-index:2;margin-top:20px;font-size:14px;color:var(--ink);width:fit-content;text-underline-offset:5px}.consult-panel select{width:100%;font:inherit;font-size:16px;color:var(--ink);padding:14px 12px;border:1px solid #b9cfce;border-radius:8px;background:#fbfcfa}.consult-panel .row{flex-wrap:wrap;align-items:center}#journey{scroll-margin-top:70px}
html[lang=en]{font-family:Arial,Helvetica,sans-serif}html[lang=en] .brand{font-size:23px;letter-spacing:1px}html[lang=en] .brand span{font-size:12px;letter-spacing:.4px}html[lang=en] h1{font-size:clamp(44px,4.4vw,68px);line-height:1.09;letter-spacing:-2.5px}html[lang=en] h2{font-size:clamp(32px,3.2vw,46px);letter-spacing:-1.5px;line-height:1.15}html[lang=en] .intro{font-size:17px;max-width:405px}html[lang=en] .art-note{max-width:250px}html[lang=en] .stations button{white-space:normal;font-size:14px}html[lang=en] .reading{min-width:290px}html[lang=en] .reading span{font-size:12px}html[lang=en] .air-label{flex-wrap:wrap;gap:8px}html[lang=en] .range-labels{flex-wrap:wrap}html[lang=en] .range-labels strong{order:3;width:100%;text-align:center;margin-top:10px}html[lang=en] .prep-options{flex-wrap:wrap}html[lang=en] .flow-lane{justify-content:space-between}html[lang=en] .fine{font-size:13px}html[lang=en] .stage#tunnel>p:not(.fine){float:none;margin-top:5px}html[lang=en] .section-copy>p{font-size:16px}html[lang=en] .micro-caption{font-size:16px}html[lang=en] .chain-result p{font-size:16px}html[lang=en] .factor-detail p{font-size:16px}
@media(max-width:1050px){html[lang=en] .brand span{display:none}html[lang=en] .reading{min-width:150px}html[lang=en] .stations button{font-size:13px}.edition{display:none}}
@media(max-width:700px){header{gap:10px}html[lang=en] header #about{font-size:12px}html[lang=en] .brand{font-size:18px}html[lang=en] h1{font-size:44px;letter-spacing:-1.8px}html[lang=en] main{min-height:880px;padding-bottom:380px}html[lang=en] .hero-art{top:400px}html[lang=en] .intro{max-width:300px;font-size:16px}html[lang=en] .art-note{max-width:150px;top:10%}html[lang=en] .stations button{font-size:12px;line-height:1.4;min-height:55px}html[lang=en] .stations button b{display:block;font-size:12px}html[lang=en] .reading{min-width:0}html[lang=en] .stage{scroll-margin-top:120px}html[lang=en] .air-label span{font-size:10px}html[lang=en] .choice-buttons{flex-direction:column}html[lang=en] .choice-buttons button{width:100%;font-size:15px}html[lang=en] .micro-title{flex-direction:column;font-size:13px}html[lang=en] .flow-lane .pill{font-size:13px}html[lang=en] .form-grid{grid-template-columns:1fr}.language{font-size:12px;padding:7px 10px}.consult-panel select{font-size:14px}}

#submission-status{margin:18px 0;line-height:1.7;font-size:15px}#submission-status:empty{display:none}#retry-email{margin-top:20px}button:disabled{cursor:wait;opacity:.6}.contact-details{border-top:1px solid #cbdcdb;padding-top:20px}