:root{--bg:#F4F7FA;--blue:#145BFF;--navy:#102A56;--red:#FF3B45;--light:#DCE8FF;--ink:#152238;--line:#cbd9ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}button,input{font:inherit}.poster{max-width:1920px;min-height:100vh;margin:auto;padding:30px 3.3vw 22px}header{height:49px;display:flex;align-items:center;border-bottom:1px solid var(--navy);padding-bottom:20px;gap:40px}.wordmark{font-size:27px;font-weight:800;color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:10px}.mark{background:var(--blue);color:white;width:31px;height:31px;text-align:center;font-size:26px}.edition{font:11px monospace;letter-spacing:1px;margin-left:18px}.header-note{font-size:11px;line-height:1.6;letter-spacing:1px}.live{margin-left:auto;font:11px monospace;letter-spacing:1px}.live i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:8px}.title-row{display:flex;align-items:center;justify-content:space-between;padding:28px 0 30px}.eyebrow{font:11px monospace;letter-spacing:1.5px;color:var(--blue);margin:0 0 15px}h1{font-size:43px;letter-spacing:3px;line-height:1.15;margin:0;font-weight:600}h1 span{display:block;font-size:clamp(36px,3.7vw,70px);font-weight:800;letter-spacing:-2px;margin-top:5px}.intro{font-size:14px;line-height:1.9;margin:0;max-width:380px}.intro small{display:block;font:11px monospace;color:var(--blue);margin-top:13px}.experiment{display:grid;grid-template-columns:21% 55% 24%;border-top:1px solid var(--navy);min-height:550px}.balance{padding:25px 26px 16px 0}h2{font-size:clamp(21px,1.8vw,33px);line-height:1.07;letter-spacing:-1px;margin:30px 0 10px}.cn{font-size:14px;margin:0}.score{display:flex;align-items:baseline;color:var(--blue);margin:20px 0 8px;font-size:clamp(80px,7.8vw,150px);font-weight:400;letter-spacing:-8px;line-height:1}.score>span:last-child{font-size:27px;letter-spacing:0;margin-left:10px}.balance-track{height:3px;background:var(--light);width:90%}.balance-track i{display:block;width:84%;height:100%;background:var(--blue)}.status{font-size:15px;margin:18px 0 9px}.fine{font-size:11px;line-height:1.7;color:#516581;margin:8px 0}.distribution{margin-top:35px;border-top:1px solid var(--line);padding-top:15px;font-size:11px}.distribution>p{font:10px monospace;letter-spacing:.4px}.distribution p span{display:block;margin-top:5px}.distribution>div{display:flex;gap:12px;align-items:center;margin-top:14px}.distribution i{flex:1;height:4px;background:var(--light)}.distribution b{display:block;height:100%;background:var(--red)}.distribution strong{width:32px;font:12px monospace}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;margin-top:32px}.legend i{display:inline-block;height:6px;width:6px;border-radius:50%;margin-right:6px}.red{background:var(--red)}.blue{background:var(--blue)}.visual{border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative;display:flex;flex-direction:column;background-image:linear-gradient(#dce8ff45 1px,transparent 1px),linear-gradient(90deg,#dce8ff45 1px,transparent 1px);background-size:36px 36px}.compare-titles{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding-top:24px}.compare-titles span{font:10px monospace;color:#516581;letter-spacing:1px}.compare-titles h3{font-size:17px;margin:8px 0 5px;letter-spacing:.3px}.compare-titles>div:last-child h3{color:var(--blue)}.compare-titles p{font-size:11px;margin:0}canvas{width:100%;height:390px;display:block;flex:1;min-height:300px}.compare-captions{display:grid;grid-template-columns:1fr 1fr;text-align:center}.compare-captions p{margin:0 0 16px}.compare-captions b{font-size:12px;color:var(--red);letter-spacing:.3px}.compare-captions p:last-child b{color:var(--blue)}.compare-captions span{display:block;font-size:11px;margin-top:7px}.visual-note{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line);font-size:10px;color:#516581}.controls{padding:25px 0 15px 30px}.parameter{border-bottom:1px solid var(--line);padding:15px 0 16px}.parameter label{display:block;font-size:12px;line-height:1.35;letter-spacing:.4px;position:relative;padding-left:29px}.parameter label>span{position:absolute;left:0;font:10px monospace;color:var(--blue)}.parameter small{display:block;font-size:12px;margin-top:5px;letter-spacing:0}.parameter-value{display:flex;align-items:baseline;gap:8px;color:var(--blue);margin:8px 0 5px}.parameter-value output{font-size:42px;letter-spacing:-2px;line-height:1.1}.parameter-value>span{font:12px monospace}.parameter input{appearance:none;-webkit-appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}.parameter input::-webkit-slider-runnable-track{height:2px;background:var(--blue)}.parameter input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid var(--bg);outline:1px solid var(--blue);margin-top:-5px}.parameter input::-moz-range-track{height:2px;background:var(--blue)}.parameter input::-moz-range-thumb{width:10px;height:10px;border:2px solid white;border-radius:50%;background:var(--blue)}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.range-labels{display:flex;justify-content:space-between;font:9px monospace;color:#516581}.heart svg{width:90px;height:28px;margin-left:auto;fill:none;stroke:var(--red);stroke-width:1.5}.actions{display:flex;gap:6px;margin-top:20px}.actions button{border:1px solid var(--line);background:transparent;color:var(--navy);font-size:11px;padding:10px 9px;cursor:pointer}.actions button:first-child{background:var(--blue);color:white;border-color:var(--blue)}.actions button:hover{border-color:var(--blue)}.actions button[aria-pressed=true]{background:var(--navy);color:white}.process{border-top:1px solid var(--navy);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:12px}.step{display:flex;align-items:center;gap:13px;color:#516581}.step i{font-style:normal;font-size:31px;line-height:1;width:33px}.step b{display:block;font-size:11px;letter-spacing:.5px}.step span{display:block;font-size:11px;margin-top:5px}.step.active{color:var(--blue)}.step.active i{background:var(--blue);color:white;text-align:center}.process em{font-style:normal;color:#9aaece}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#516581;padding-top:15px}footer p{margin:0}@media(min-width:1600px) and (min-height:950px){.poster{padding-top:38px}.title-row{padding:34px 0 40px}.experiment{min-height:625px}canvas{height:430px}.parameter{padding:20px 0}.parameter-value output{font-size:48px}.process{padding:30px 0}}@media(max-width:1100px){.poster{padding:22px}.experiment{grid-template-columns:21% 51% 28%}.controls{padding-left:18px}.intro{font-size:12px}.actions{flex-wrap:wrap}.step{gap:5px}.step b{font-size:9px}.step i{font-size:24px}.score{letter-spacing:-4px}.visual-note{font-size:9px;padding:10px}.compare-titles h3{font-size:14px}}@media(max-width:760px){header{gap:15px}.edition,.header-note{display:none}.title-row{display:block}.intro{margin-top:22px}h1{font-size:34px}h1 span{font-size:42px}.experiment{grid-template-columns:1fr 1fr}.visual{grid-column:1/-1;grid-row:1;border-left:0;border-right:0;min-height:540px}.balance{padding:25px 20px 20px 0}.controls{border-left:1px solid var(--line)}h2{font-size:24px}.score{font-size:90px}.process{flex-wrap:wrap;gap:20px}.process em{display:none}.step{width:27%}.step b{font-size:10px}footer{display:block;line-height:1.7}footer span{display:block;margin-top:8px}.distribution{margin-top:24px}.legend{gap:10px}.visual-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Exhibition viewport: reserve room for the complete scientific flow and footer. */
@media(min-width:1600px) and (min-height:950px){.title-row{padding:28px 0}.experiment{min-height:590px}}