:root{--ink:#172d3d;--muted:#586a78;--line:#dce3e6;--paper:#f4f6f5;--teal:#087d7b;--teal-soft:#e6f4f1;--amber:#a0600e;--amber-soft:#fff1db;--purple:#8b4ccb;--radius:16px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);font-size:14px;line-height:1.6}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9762d5;outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button{border:1px solid var(--line);color:var(--ink);background:white;border-radius:9px;transition:background .15s,border-color .15s}button:hover{border-color:#849b9e;background:#f4f9f7}h1,h2,h3,p{margin:0}h2{font-size:25px;letter-spacing:-.6px}h3{font-size:16px}small,.small{font-size:12px;color:var(--muted)}code{font-family:Consolas,monospace;font-size:.95em;background:#edf0ef;padding:2px 5px;border-radius:4px}.topbar{height:80px;background:#fbfcfbf2;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1456px)/2));gap:26px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:750;letter-spacing:.5px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#68808e}.brand-icon{background:var(--ink);color:#a9e5d7;width:38px;height:38px;display:grid;place-items:center;font-size:28px;border-radius:11px}.topbar nav{display:flex;gap:27px;font-size:13px}.concept-tag{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:5px 13px;color:var(--muted)}main{max-width:1456px;padding:0 24px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding:48px 0 38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--teal);margin-bottom:12px}.hero h1{font-size:44px;line-height:1.22;letter-spacing:-1.8px}.hero h1 span{color:var(--teal)}.hero-sub{color:var(--muted);font-size:15px;margin-top:17px}.mobile-break{display:none}.hero-note{background:white;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:0 16px 16px 0;padding:24px 28px}.tiny-label{font-size:11px;letter-spacing:.5px;color:var(--muted)}.hero-note h2{font-size:24px;margin:7px 0 11px}.hero-note p{color:#4e626f;line-height:1.85}.hero-note .small{margin-top:10px}.pill-line{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:14px;flex-wrap:wrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.teal{background:var(--teal)}.amber{background:#cb882e}.pill-line .amber{margin-left:12px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0}.section-head .eyebrow{margin-bottom:5px}.section-head>.small{padding-bottom:5px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.scenario{display:flex;align-items:center;gap:12px;padding:16px;text-align:left;border-radius:12px}.scenario.active{background:var(--ink);border-color:var(--ink);color:white;box-shadow:0 5px 16px #172d3d12}.scenario-num{font-size:11px;font-weight:700;color:#6d8490;align-self:flex-start;margin-top:2px}.scenario.active .scenario-num{color:#90c4c1}.scenario strong{display:block;font-size:13px;white-space:nowrap}.scenario div>span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.scenario.active div>span{color:#c2d0d7}.scene-symbol{margin-left:auto;font-size:25px;line-height:1;color:#8fa7ad}.scenario.active .scene-symbol{color:#9ee3d4}.lab-layout{display:grid;grid-template-columns:242px minmax(0,1fr);gap:18px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius)}.controls{padding:18px}.controls-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.controls-head h3{font-size:15px}.text-btn{font-size:11px;border:0;color:var(--muted);padding:0;background:transparent}.control{display:block;margin-bottom:18px}.control>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;gap:4px}.control output{font-family:Consolas,monospace;color:var(--teal);font-size:12px;white-space:nowrap}.control small{display:block;font-size:10px;color:#6e7f89;line-height:1.5;margin-top:3px}.control input[type=range]{width:100%;margin:12px 0 0;accent-color:var(--teal);height:15px;cursor:pointer}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:650}.switch-row small{display:block;font-size:10px;font-weight:400}.switch-row input{width:34px;height:20px;accent-color:var(--purple);cursor:pointer}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}#advanced>summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:15px 0;color:var(--muted)}#advanced[open]>summary{margin-bottom:7px}#advanced[open]>summary>span{transform:rotate(45deg)}.experiment-buttons{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:14px;margin-bottom:16px}.experiment-buttons button{font-size:11px;text-align:left;padding:9px 10px;background:#fafbf9}.experiment-buttons .tiny-label{margin-bottom:3px}.reference{border-top:1px solid var(--line);padding-top:15px}.reference canvas{width:100%;height:auto;border-radius:8px;display:block}.reference p{text-align:center;font-size:10px;color:var(--muted);margin-top:7px}.reference p span{font-size:9px;color:#778a96}.results-area{min-width:0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.result-heading{padding:16px 18px 12px;border-top:3px solid var(--teal)}.grr .result-heading{border-top-color:#c38425}.result-heading>div{display:flex;align-items:center;gap:10px}.result-heading h3{font-size:16px;letter-spacing:-.3px}.mode-badge{font-size:12px;font-weight:800;border-radius:5px;padding:2px 7px;background:var(--teal-soft);color:var(--teal)}.grr .mode-badge{background:var(--amber-soft);color:var(--amber)}.mode-detail{font-size:10px;display:block;color:#76858e;margin-top:5px;letter-spacing:.3px}.image-wrap{position:relative;background:#17222d;margin:0 12px;border-radius:7px;overflow:hidden}.image-wrap canvas{width:100%;display:block;height:auto;touch-action:pan-y;cursor:crosshair}.image-label{position:absolute;top:10px;left:11px;font-size:9px;color:white;background:#102432aa;padding:2px 6px;border-radius:3px;pointer-events:none}.row-guide{position:absolute;top:50%;width:100%;border-top:1px dashed #fff9;pointer-events:none}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px 10px}.metric-title{font-size:10px;color:var(--muted)}.metric-value{font-size:18px;font-weight:700;color:var(--teal);line-height:1.5;font-variant-numeric:tabular-nums}.grr .metric-value{color:var(--amber)}.metric-value small{font-weight:400;font-size:10px;color:var(--muted)}.result-explain{padding:0 18px;font-size:12px;min-height:62px;color:#4c626f;line-height:1.75}.timing-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8edee;margin:10px 16px 0;padding-top:12px;font-size:11px}.timing-head span{font-size:10px;color:var(--muted)}.timing{margin:2px 8px 0;min-width:0}.timing svg{width:100%;height:auto;display:block}.row-detail{margin:0 16px 15px;border-radius:5px;padding:7px 9px;font-size:10px;background:#f3f7f6;color:#4d656f;min-height:45px}.grr .row-detail{background:#fdf7ed}.legend{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:10px;color:var(--muted);padding:13px 0}.legend span{display:flex;gap:5px;align-items:center}.legend i{display:inline-block}.legend-bar{width:16px;height:6px;background:#83b8b2;border-radius:2px}.legend-end{height:11px;width:3px;background:#324858}.legend-flash{height:12px;width:7px;background:#b983e0}.legend-common{width:17px;height:10px;background:#eef6e5;border:1px dashed #91b65b}.playback{display:flex;align-items:center;gap:12px;padding:13px}.primary{background:var(--ink);color:white;border-color:var(--ink);font-size:12px;padding:10px 13px;white-space:nowrap}.primary:hover{background:#274558;color:white}.secondary{font-size:11px;padding:9px 11px;white-space:nowrap}.scrubber{flex:1;min-width:70px}.scrubber label{display:flex;justify-content:space-between;gap:4px;font-size:10px;color:var(--muted);line-height:1.2}.scrubber input{width:100%;accent-color:var(--teal);margin:7px 0 0;height:14px}.takeaway{background:#e9f1ed;border:1px solid #d6e3db;display:flex;gap:13px;padding:16px 18px;border-radius:12px;margin-top:14px}.takeaway-icon{font-size:24px;line-height:1.3;color:var(--teal)}.takeaway strong{font-size:14px}.takeaway p{font-size:12px;line-height:1.8;color:#4f675e;margin-top:5px}.simulation-scope{font-size:10px;color:#72818a;margin-top:11px;line-height:1.7}.explain-section{margin-top:58px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.principle-card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.step{font-size:12px;font-weight:700;color:#889a9f;letter-spacing:2px}.principle-card h3{margin:12px 0 13px;font-size:17px}.principle-card p{font-size:13px;color:#526673;line-height:1.9}.principle-card p.small{font-size:11px}.formula{font-family:Consolas,"Microsoft YaHei",monospace;padding:12px;border:1px solid var(--line);border-radius:7px;background:#f8faf9;margin:17px 0;font-size:13px}.teal-text{color:var(--teal);background:#edf7f3;border-color:#d1e7dc}.amber-text{color:var(--amber);background:#fff8ed;border-color:#f1e2cb}.window-strip{display:flex;align-items:center;gap:28px;background:#eef1f6;border:1px solid #dce3ef;border-radius:12px;margin-top:20px;padding:22px}.window-strip h3{white-space:nowrap;margin-top:4px}.window-strip p{flex:1;font-size:12px;color:#526574;line-height:1.9}.model-details{margin-top:14px;background:white;border:1px solid var(--line);border-radius:10px}.model-details summary{padding:17px 20px;font-size:12px;font-weight:650}.model-details summary::before{content:'＋';padding-right:10px}.model-details[open] summary::before{content:'−'}.details-body{padding:0 22px 20px;font-size:12px;color:var(--muted)}.details-body p{margin:9px 0;line-height:1.9}.table-wrap{background:white;border:1px solid var(--line);border-radius:14px;overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:19px 22px;border-bottom:1px solid #e5eaed;vertical-align:top;line-height:1.9}thead{background:#edf1ef}thead th{font-size:12px;font-weight:650}tbody th{width:20%;font-weight:650;white-space:nowrap}tbody th span{font-weight:400;color:var(--muted);font-size:11px}tbody td{width:27%;color:#506570}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.gs-note{display:flex;align-items:center;gap:30px;margin:18px 0;padding:20px 23px;border:1px dashed #aabdbd;border-radius:10px}.gs-note strong{white-space:nowrap;font-size:14px}.gs-note p{color:var(--muted);font-size:12px}footer{margin-top:50px;border-top:1px solid #d8e0e1;padding:28px 0 34px;display:flex;justify-content:space-between;gap:35px;font-size:11px;color:#627884}footer strong{color:var(--ink);font-size:12px}footer p{max-width:320px;margin-top:7px}footer ol{padding-left:20px;margin:0}footer li{margin-bottom:10px}footer li a{color:var(--teal)}footer li span{display:block;font-size:10px;color:var(--muted)}.footer-mark{font-size:9px;text-align:right;letter-spacing:1px}.guide-link{font-size:12px;color:var(--teal)}
@media(min-width:1600px){.hero{padding-top:55px;padding-bottom:45px}.hero h1{font-size:50px}.lab-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:1150px){.topbar{padding:0 24px}.hero{gap:35px}.hero h1{font-size:38px}.scenario{padding:12px;gap:8px}.scenario-num{display:none}.scenario strong{font-size:12px}.scene-symbol{display:none}.lab-layout{grid-template-columns:205px minmax(0,1fr)}.controls{padding:14px}.result-heading{padding:12px}.result-heading h3{font-size:13px}.result-grid{gap:10px}.result-explain{min-height:84px;padding:0 13px;font-size:11px}.result-metrics{padding:12px}.metric-value{font-size:15px}.result-heading>div{gap:7px}.mode-detail{font-size:9px}.legend{gap:9px}.playback{flex-wrap:wrap}.scrubber{min-width:110px}.principle-card{padding:20px}.window-strip{gap:18px;flex-wrap:wrap}.window-strip p{min-width:40%}.topbar nav{gap:18px}}
@media(max-width:850px){.concept-tag{display:none}.hero{grid-template-columns:1fr;gap:23px;padding-top:30px}.hero h1{font-size:38px}.hero-note{padding:18px 22px}.hero-note h2{font-size:21px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.lab-layout{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;padding:18px}.controls-head{grid-column:1/-1;margin-bottom:4px}.control{margin-bottom:4px}.switch-row{grid-column:1;align-self:start;border:0;padding:9px 0}#advanced{grid-column:2/4}#advanced[open]{padding:0 10px}#advanced>summary{padding:9px 0}.experiment-buttons{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-bottom:0}.experiment-buttons .tiny-label{grid-column:1/-1}.reference{display:none}.result-heading h3{font-size:15px}.result-explain{min-height:62px}.principle-grid{grid-template-columns:1fr}.principle-card{padding:20px}.principle-card h3{margin-top:5px}.step{float:right}.formula{margin:12px 0}.section-head{gap:20px}.section-head>.small{max-width:180px;font-size:10px;text-align:right}.window-strip{display:block}.window-strip p{margin:13px 0}.gs-note{display:block}.gs-note p{margin-top:10px}footer{flex-wrap:wrap;gap:20px}.topbar{height:70px}.topbar nav{gap:15px;font-size:11px}.brand{font-size:14px}.brand small{font-size:8px}.brand-icon{width:32px;height:32px;font-size:24px}h2{font-size:22px}.guide-link{font-size:10px}.footer-mark{text-align:left}.explain-section{margin-top:38px}}
@media(max-width:560px){main{padding:0 14px}.topbar{padding:0 15px;gap:10px}.topbar nav a:nth-child(2),.topbar nav a:nth-child(3){display:none}.brand small{letter-spacing:1px}.hero h1{font-size:34px}.hero-sub{font-size:13px}.mobile-break{display:block}.hero-note{padding:17px}.pill-line{font-size:10px}.pill-line .amber{margin-left:4px}.scenario-grid{gap:8px}.scenario strong{font-size:11px}.scenario div>span{font-size:10px}.scenario{padding:12px 10px}.controls{grid-template-columns:1fr 1fr;padding:15px;gap:14px}#advanced{grid-column:1/-1}.control small{font-size:9px}.switch-row{grid-column:auto}.experiment-buttons{grid-template-columns:1fr}.experiment-buttons button{text-align:center}.result-grid{grid-template-columns:1fr}.result-heading h3{font-size:16px}.result-metrics{padding:14px 18px}.metric-value{font-size:19px}.result-explain{min-height:0;padding:0 18px;font-size:12px}.timing{margin:5px 12px}.row-detail{font-size:11px}.result-heading{padding:15px 18px}.mode-detail{font-size:10px}.legend{justify-content:flex-start;padding:15px 3px;gap:9px 13px}.playback{gap:10px}.scrubber{min-width:130px}.playback #final,.playback #export{flex:1}.section-head>.small{display:none}.takeaway{padding:14px}.takeaway strong{font-size:13px}.takeaway p{font-size:11px}.section-head{align-items:center}.section-head .guide-link{max-width:85px;text-align:right}table{min-width:750px}th,td{padding:14px}.explain-section h2{font-size:21px}.window-strip h3{white-space:normal}footer{font-size:10px}.footer-mark{width:100%}.hero{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.topbar,.controls,.playback,.experiment-buttons,.guide-link{display:none}.hero{padding:15px 0}.hero h1{font-size:30px}.lab-layout{display:block}.scenario-grid{display:none}.result-grid{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:repeat(3,1fr)}.result-card{break-inside:avoid}.explain-section{margin-top:25px}body{background:white}main{padding:0}.result-explain{min-height:0}.model-details{display:none}}