.process-main{max-width:1250px;margin:auto;padding:34px 24px 70px;color:#284b40;font:16px/1.95 'Microsoft YaHei',system-ui,sans-serif}.process-main *{box-sizing:border-box}.process-main a{color:#176f67;text-underline-offset:4px}.process-heading{max-width:870px;margin:24px 0 28px}.process-heading h1{font:500 clamp(25px,3vw,37px)/1.5 'Noto Serif SC','SimSun',serif;color:#204c43;margin:15px 0}.process-heading p{font-size:17px;color:#52685c}.process-eyebrow{font-size:12px;letter-spacing:2px;color:#6c8072}.process-lab{background:#102835;border:1px solid #28424a;border-radius:18px;overflow:hidden;color:#e7eee8;margin:26px 0 38px;box-shadow:0 18px 45px #16332814}.lab-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border-bottom:1px solid #ffffff12}.lab-top h2{font-size:17px;font-weight:500;margin:0;color:#e5eee8}.lab-top p{font-size:12px;margin:0;color:#a4bdc5}.process-viewport{height:clamp(330px,43vw,550px);position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#254753,#0b202c 75%)}.process-viewport canvas{display:block;width:100%;height:100%;touch-action:pan-y}.lab-placeholder,.lab-fallback{position:absolute;inset:0;display:grid;place-content:center;color:#c3e2e3!important;text-align:center;gap:10px}.lab-placeholder button{padding:12px 26px;background:#236f70;border:1px solid #79a7a5;border-radius:8px;color:white;cursor:pointer}.lab-marker{position:absolute;top:0;left:0;pointer-events:none;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;padding:4px 8px;background:#09222bdb;border:1px solid #dbe4cf35;border-radius:5px;box-shadow:0 2px 5px #0002}.lab-marker[hidden]{display:none}.lab-controls{padding:17px 22px 14px;background:#16313c}.lab-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.lab-controls button,.lab-controls select{background:#233f49;color:#e4eeeb;border:1px solid #58737b;border-radius:6px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer;min-height:36px}.lab-controls button:hover{background:#315660}.lab-controls button[aria-pressed=true]{background:#b8d7a0;color:#173d37;border-color:#b8d7a0}.lab-controls label{font-size:13px;display:flex;align-items:center;gap:9px}.lab-controls input[type=range]{width:180px;accent-color:#b5d993;cursor:pointer}.lab-controls output{font-variant-numeric:tabular-nums;min-width:44px;color:#d2e9af;font-size:12px}.lab-timeline{flex:1;min-width:240px}.lab-timeline input[type=range]{flex:1;width:100%}.lab-stages{display:flex;gap:8px;flex-wrap:wrap}.lab-stages button{font-size:12px;border-color:transparent;padding:4px 10px;min-height:30px;background:transparent}.lab-result{padding:14px 22px;background:#102835;display:grid;grid-template-columns:160px 1fr;gap:20px;font-size:13px;line-height:1.8}.lab-result strong{font-weight:500;color:#d8e8ae}.lab-result p{margin:0;color:#b9cbd0;min-height:46px}.process-layout{display:grid;grid-template-columns:minmax(0,860px) minmax(180px,1fr);gap:55px;align-items:start}.process-article{min-width:0}.process-article section{margin:34px 0 40px;scroll-margin-top:24px}.process-article h2{font:600 23px/1.65 'Microsoft YaHei',sans-serif;margin:0 0 14px;color:#27594b}.process-article p{margin:0 0 20px;line-height:2.05;letter-spacing:.1px}.process-original{margin:0 0 35px}.process-original img{display:block;width:100%;height:auto;border-radius:12px;background:#0c1e29}.process-original figcaption{font-size:12px;line-height:1.8;color:#6b7d70;margin-top:10px}.process-original a{display:block}.process-toc{position:sticky;top:24px;border-left:1px solid #dbe3d6;padding-left:24px;font-size:13px}.process-toc strong{font-weight:500;color:#6d8074;font-size:12px;letter-spacing:1px}.process-toc a{display:block;text-decoration:none;margin:13px 0;line-height:1.7}.process-task{background:#e8efdf;border:1px solid #d8e3cd;padding:25px;border-radius:12px}.process-task h2{font-size:20px}.process-task details{border-top:1px solid #ccdac2;padding-top:13px}.process-task summary{cursor:pointer;color:#166c5a}.process-task details p{margin:14px 0 0}.process-sources{font-size:13px;border-top:1px solid #dae1d4;padding-top:23px}.process-sources h2{font-size:18px}.process-sources li{margin:10px 0}.process-related{display:flex;flex-wrap:wrap;gap:10px}.process-related a{padding:10px 15px;background:#eff2e7;border-radius:7px;font-size:14px;text-decoration:none}.process-card-image{width:100%;height:190px;object-fit:cover;display:block}.process-note{font-size:12px;color:#6c7a6c}.process-lab :focus-visible{outline:2px solid #e8d499;outline-offset:4px}.process-banner{margin:24px 0;padding:20px 25px;border:1px solid #d8e1cf;border-radius:12px;background:#edf1e4}.process-banner h2{font-size:20px;margin:0 0 8px}.process-banner p{margin:6px 0}.process-links{display:flex;flex-wrap:wrap;gap:8px 19px;font-size:14px}.process-links a{white-space:nowrap}.process-main ol{padding-left:22px}
@media(max-width:850px){.process-layout{grid-template-columns:1fr;gap:0}.process-toc{position:static;grid-row:1;border:0;padding:0 0 25px;display:flex;gap:10px;flex-wrap:wrap}.process-toc strong{width:100%}.process-toc a{margin:0;font-size:12px;background:#eaf0e2;padding:5px 9px;border-radius:5px}.lab-result{grid-template-columns:1fr;gap:6px}.lab-row{gap:12px}.lab-controls label{flex-wrap:wrap}.process-main{padding:22px 16px 50px}.process-heading h1{font-size:27px}.lab-top{display:block;padding:14px 16px}.lab-top p{margin-top:5px}.lab-controls{padding:14px}.lab-result{padding:14px}.lab-marker{font-size:10px;padding:3px 5px}.process-article h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.process-main *{scroll-behavior:auto!important}}
.skip{position:absolute;left:16px;top:-60px;z-index:1000;background:#fff;padding:8px 12px;color:#176f67}.skip:focus{top:8px}