:root{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;color:#e9f3f4;background:#07151c;scroll-behavior:smooth;--bg:#07151c;--panel:#0d232c;--panel2:#102b35;--line:#29444f;--muted:#a8c1c6;--faint:#83a1aa;--air:#ecb279;--water:#64bce9;--oil:#e6c365;--drain:#ba9bed}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 30% -400px,#17434b,transparent 900px),#07151c}a{color:inherit}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8af7e7;outline-offset:3px}.skip-link{position:absolute;left:-999px;top:8px;background:#4bdcc7;color:#082126;padding:10px 18px;z-index:20}.skip-link:focus{left:8px}.page-width{max-width:1480px;margin:auto;padding-left:32px;padding-right:32px}.site-header{position:sticky;top:0;z-index:10;background:#07151cee;border-bottom:1px solid #26424b;backdrop-filter:blur(16px)}.header-inner{max-width:1480px;margin:auto;min-height:72px;padding:0 32px;display:flex;align-items:center;gap:34px}.identity{display:flex;gap:11px;align-items:center;text-decoration:none;white-space:nowrap}.identity-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#123b41;border:1px solid #2dafa3;color:#68efdc;font-size:24px;font-weight:850;line-height:1}.identity strong,.identity small{display:block}.identity strong{letter-spacing:.03em;font-size:17px}.identity small{font-size:11px;color:#8babb2;letter-spacing:.04em;margin-top:2px}.main-nav{display:flex;gap:5px;margin:auto}.main-nav a{padding:10px 14px;border-radius:9px;color:#acc5ca;font-size:14px;text-decoration:none;white-space:nowrap}.main-nav a:hover{color:white;background:#183641}.header-tag{font-size:11px;letter-spacing:.17em;color:#6db9b5;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-heading h1,.section-heading h2{letter-spacing:-.045em;line-height:1.14;margin:7px 0 10px}.section-heading h1{font-size:clamp(35px,4vw,56px)}.section-heading h2{font-size:clamp(30px,3vw,42px)}.kicker{font-size:12px;font-weight:800;letter-spacing:.19em;color:#61ddcc;margin:0 0 9px}.lead,.section-desc{color:#a9c3c8;line-height:1.7;margin:0;max-width:740px}.lead{font-size:17px}.section-desc{font-size:16px}.first-heading{padding-top:36px}.headline-facts{display:flex;gap:10px;flex-wrap:wrap;justify-content:end}.headline-facts>div{min-width:112px;padding:10px 12px 6px;border-left:1px solid #3a5960}.headline-facts b{display:block;font-size:27px;line-height:1.2}.headline-facts .unit{font-size:15px;color:#b5cbd0}.headline-facts span:not(.unit){display:block;font-size:12px;color:#90afb6;margin-top:4px}.panel{background:linear-gradient(160deg,#102a34 0%,#0b2029 75%);border:1px solid #2c4b55;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #00000018}.lab-layout{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(315px,.75fr);gap:18px}.viewer-panel{min-width:0}.viewer-topline{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #2b4852;gap:10px}.viewer-topline>div{display:flex;align-items:center;gap:10px;font-size:14px}.live-dot{width:8px;height:8px;border-radius:50%;background:#4ce3cc;box-shadow:0 0 15px #4ce3cc}.fidelity-chip,.source-chip{display:inline-flex;align-items:center;border:1px solid #2c706d;border-radius:999px;background:#123c3d;color:#8ee4d8;padding:5px 10px;font-size:11px;white-space:nowrap}.viewer-stage{height:500px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 44%,#17404a,transparent 58%),repeating-linear-gradient(0deg,transparent 0,transparent 39px,#ffffff07 40px),repeating-linear-gradient(90deg,transparent 0,transparent 39px,#ffffff07 40px),#0a1c24}.viewer-stage::after{content:"";position:absolute;inset:12px;border:1px solid #ffffff0c;border-radius:10px;pointer-events:none}.viewer-stage canvas{display:block;width:100%;height:100%;outline:none}.model-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#102b35;color:#c7e6e8;z-index:2}.model-loading.hidden{display:none}.loading-ring{width:38px;height:38px;border-radius:50%;border:3px solid #4c7c81;border-top-color:#4ce3cc;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-hint,.orientation-label{position:absolute;bottom:14px;color:#9bc2c8;font-size:12px;pointer-events:none;z-index:1}.stage-hint{left:22px}.orientation-label{right:22px;letter-spacing:.06em}.viewer-controls{padding:15px 19px 16px}.controls-line{display:flex;align-items:center;gap:13px;min-height:38px}.controls-line+.controls-line{margin-top:9px}.control-label{font-size:13px;font-weight:650;color:#b8d0d4;white-space:nowrap;min-width:62px}.segmented{display:inline-flex;gap:3px;border:1px solid #3a5e67;background:#092029;padding:3px;border-radius:10px}.segmented button{border:0;background:transparent;color:#a4c2c9;border-radius:7px;padding:7px 14px;font-size:13px;min-height:32px;white-space:nowrap}.segmented button.active{background:#2ed3c0;color:#09212a;font-weight:800}.ghost-button{margin-left:auto;color:#a7c5c8;background:transparent;border:1px solid #3a5e67;border-radius:9px;font-size:13px;padding:8px 12px;white-space:nowrap}.ghost-button:hover{color:white;border-color:#68d9cb}.flow-buttons{display:flex;flex-wrap:wrap;gap:6px}.flow-buttons button{display:inline-flex;gap:7px;align-items:center;background:#102f39;border:1px solid #34525c;color:#c7dcdf;border-radius:9px;padding:7px 11px;font-size:13px;min-height:34px}.flow-buttons button.active{background:#1c5555;border-color:#50d9c6;color:#f0fffb}.flow-buttons i{width:8px;height:8px;border-radius:50%;background:currentColor}.flow-air i{color:var(--air)}.flow-water i{color:var(--water)}.flow-oil i{color:var(--oil)}.flow-drain i{color:var(--drain)}.playback{border-top:1px solid #2b4852;padding-top:13px}.play-button{background:#2ed3c0;border:0;border-radius:9px;color:#09202a;font-size:14px;font-weight:800;padding:8px 12px;white-space:nowrap}.playback .control-label{margin-left:6px}.playback output{color:#55dcc9;margin-left:5px}.playback input[type=range]{flex:1;min-width:80px;accent-color:#4bdcc7}.speed-control{color:#a6c1c7;font-size:13px;white-space:nowrap}.speed-control select{background:#173944;color:#e3f3f3;border:1px solid #40626b;border-radius:7px;padding:6px;margin-left:5px}.inspector{display:flex;flex-direction:column;min-height:700px}.inspector-head{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid #2b4852;color:#c4dbde;font-size:14px;font-weight:700}.inspector-main{padding:26px 23px 15px;flex:1}.inspector-overline{font-size:12px;letter-spacing:.14em;color:#62daca;font-weight:800}.inspector h2{font-size:29px;line-height:1.22;margin:10px 0 17px;letter-spacing:-.03em}.inspector-main p{font-size:16px;line-height:1.85;color:#bdd1d5;margin:0 0 25px}.fact-pair{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #32515b;padding:13px 0;font-size:13px}.fact-pair span{color:#92afb7}.fact-pair strong{font-size:13px;text-align:right}.inspector-list{padding:17px 23px;border-top:1px solid #2b4852}.inspector-list h3{font-size:13px;color:#99b8be;margin:0 0 12px}.part-pills{display:flex;gap:6px;flex-wrap:wrap}.part-pills button{background:#153742;border:1px solid #345861;color:#cde3e4;border-radius:8px;padding:7px 9px;font-size:12px}.part-pills button:hover,.part-pills button.active{border-color:#67ddce;color:#7af2e0}.inspector-foot{font-size:12px;line-height:1.65;color:#83a4aa;background:#0a1d26;border-top:1px solid #2b4852;padding:14px 23px}.micro-source{color:#829fa8;font-size:13px;margin:13px 0 0;line-height:1.6}.micro-source a{color:#b6dcd9;text-underline-offset:3px}.content-section{padding-top:96px}.source-link{font-size:14px;color:#8cddd3;border-bottom:1px solid #55837f;text-decoration:none;white-space:nowrap;padding-bottom:5px}.source-link:hover,.card-source:hover{color:#d8fffa}.cycle-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.cycle-visual-top{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;color:#afc7cb;border-bottom:1px solid #2e4e58;font-size:14px}.segmented.compact button{padding:5px 10px}.cycle-visual svg{display:block;width:min(100%,560px);height:370px;margin:auto}.cycle-angle{border-top:1px solid #2e4e58;display:flex;align-items:center;gap:10px;padding:14px 20px;color:#9fb9bf;font-size:14px}.cycle-angle strong{font-size:19px;color:#4ce0cd}.cycle-angle span{margin-left:auto}.cycle-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cycle-steps button{background:#102832;border:1px solid #2a4d56;border-radius:15px;color:#e5f1f1;text-align:left;padding:20px;display:flex;flex-direction:column;min-height:181px}.cycle-steps button.active{border-color:#51d9c6;background:linear-gradient(145deg,#164c4e,#102e37)}.cycle-steps span{font-size:12px;color:#5addca;letter-spacing:.07em;font-weight:700}.cycle-steps strong{font-size:18px;line-height:1.35;margin:11px 0 10px}.cycle-steps small{font-size:14px;color:#a9c2c8;line-height:1.55}.clarifier{margin:15px 0 0;color:#88a9b0;font-size:14px;line-height:1.7}.flow-nav{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}.flow-nav button{border:1px solid #31545e;border-radius:10px;padding:12px 18px;color:#aec9ce;background:#112d37;font-weight:700;font-size:14px;white-space:nowrap}.flow-nav button.active{border-color:#51d6c5;background:#1a514f;color:#e8fffa}.flow-panel{padding:29px;min-height:335px}.flow-panel-header{display:flex;justify-content:space-between;gap:30px;align-items:start}.flow-panel h3{font-size:28px;letter-spacing:-.02em;margin:0 0 9px}.flow-panel p{color:#aec7cc;line-height:1.75;margin:0}.flow-source{font-size:13px;color:#80cfc8;text-decoration:none;white-space:nowrap}.flow-nodes{display:flex;align-items:stretch;gap:10px;margin:26px 0 20px;overflow-x:auto;padding-bottom:3px}.flow-node{min-width:140px;flex:1;border-radius:12px;border:1px solid #31515c;background:#0b2029;padding:15px}.flow-node .node-n{font-size:11px;letter-spacing:.1em;color:#72dbc9}.flow-node strong{display:block;font-size:16px;margin:8px 0}.flow-node small{font-size:12px;color:#9ebbc1;line-height:1.5}.flow-arrow{align-self:center;color:#6ebdb5;font-size:20px}.flow-footnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow-footnotes p{font-size:14px;padding-top:15px;border-top:1px solid #31515c}.flow-footnotes b{color:#e2f7f4}.operation-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:15px}.state-list{display:flex;flex-direction:column;gap:8px}.state-list button{border:1px solid #31515c;background:#102a34;color:#b9d1d5;border-radius:11px;text-align:left;padding:13px 16px;display:flex;gap:18px;align-items:center;font-size:15px}.state-list button.active{border-color:#53d9c7;background:#174a4c;color:#f0fffb}.state-list b{font-size:12px;color:#62daca}.state-content{padding:28px 33px;min-height:335px}.state-content h3{font-size:28px;margin:8px 0 14px}.state-content p,.state-content li{font-size:16px;color:#b9ced2;line-height:1.8}.state-content ul{padding-left:22px}.state-content .state-meta{font-size:13px;color:#64dccc;letter-spacing:.08em}.state-content .state-source{display:block;margin-top:18px;font-size:13px;color:#8dcec6}.parameter-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.parameter-card{padding:27px}.parameter-card h3{font-size:21px;margin:0 0 17px}.parameter-table>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #30515a;padding:10px 0;color:#a9c2c7;font-size:14px}.parameter-table strong{color:#ecf8f8;text-align:right}.card-source{display:inline-block;margin-top:12px;color:#87d9ce;font-size:13px;text-decoration:none}.small-note{font-size:13px!important;line-height:1.65!important;color:#88a8af!important}.configuration-panel{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;padding:27px;margin-top:17px}.configuration-panel h3{font-size:24px;margin:5px 0 13px}.configuration-panel p{color:#a9c3c8;line-height:1.7;margin:0}.variant-table-wrap{overflow-x:auto}.variant-table-wrap table{width:100%;border-collapse:collapse;min-width:510px}.variant-table-wrap th,.variant-table-wrap td{padding:14px;border-bottom:1px solid #31515c;text-align:left;font-size:14px;white-space:nowrap}.variant-table-wrap th{color:#91b5bc;font-weight:600}.variant-table-wrap td{font-weight:700}.variant-table-wrap small{display:block;margin-top:12px;color:#8caab1;line-height:1.6;font-size:12px}.drawing-feature{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:440px}.drawing-sidebar{padding:29px}.drawing-sidebar h3{font-size:29px;margin:6px 0 14px}.drawing-sidebar p:not(.kicker){line-height:1.7;color:#b4cbd0}.drawing-switch{display:flex;flex-direction:column;gap:7px;margin:22px 0}.drawing-switch button{background:#12333d;border:1px solid #365662;border-radius:9px;color:#acc9ce;text-align:left;padding:9px 12px;font-size:14px}.drawing-switch button.active{background:#1b5553;border-color:#55d8c8;color:#e9fffa}.primary-link{display:inline-flex;text-decoration:none;background:#38cdbd;color:#082029;padding:11px 16px;border-radius:9px;font-size:14px;font-weight:800}.drawing-image{border:0;background:#edf2f1;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:20px;min-height:390px}.drawing-image img{width:100%;height:100%;object-fit:contain;max-height:420px}.drawing-image span{position:absolute;right:19px;bottom:16px;background:#081d25db;color:white;border-radius:8px;padding:8px 12px;font-size:12px}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.evidence-card{text-decoration:none;display:block}.evidence-card img{width:100%;height:190px;object-fit:contain;background:#e7eeec;display:block;padding:9px}.evidence-card div{padding:14px}.evidence-card strong,.evidence-card span{display:block}.evidence-card strong{font-size:14px;line-height:1.4}.evidence-card span{font-size:12px;color:#77d2c7;margin-top:8px}.atlas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.atlas-grid article{background:#102a34;border:1px solid #30515c;border-radius:13px;padding:18px;text-decoration:none;display:flex;flex-direction:column;min-height:158px}.atlas-grid article:hover{border-color:#58dcca;background:#174147}.atlas-grid b{font-size:12px;color:#5dd9c9;letter-spacing:.1em}.atlas-grid strong{font-size:17px;margin:10px 0 7px}.atlas-grid span{font-size:13px;color:#a3c0c4;line-height:1.5}.atlas-grid small{font-size:12px;color:#79d2c9;margin-top:auto;padding-top:15px}.methodology{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;padding-top:28px;padding-bottom:28px;margin-top:90px;margin-bottom:90px}.methodology h2{font-size:30px;margin:4px 0 15px}.methodology p:not(.kicker){font-size:15px;line-height:1.8;color:#acc8cd}.method-links{display:flex;flex-direction:column;gap:10px;justify-content:center}.method-links a{border:1px solid #3b6169;border-radius:9px;padding:12px 14px;color:#9ce6dc;font-size:14px;text-decoration:none}.method-links a:hover{background:#204b50}.site-footer{border-top:1px solid #2c4851;background:#081820}.site-footer .page-width{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#8cacb2}.site-footer a{color:#a8e3db;text-decoration:none}#drawing-dialog{width:min(95vw,1500px);max-width:none;max-height:93vh;padding:45px 18px 15px;background:#f4f7f6;border:0;border-radius:14px;box-shadow:0 20px 90px #0009}#drawing-dialog::backdrop{background:#01090ce5}#drawing-dialog img{width:100%;height:auto;max-height:76vh;object-fit:contain}#drawing-dialog a{display:block;text-align:center;color:#155b64;margin-top:8px;font-size:14px}.dialog-close{position:absolute;top:5px;right:12px;background:#0c2832;color:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:24px}
@media(max-width:1120px){.header-tag{display:none}.lab-layout{grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr)}.viewer-stage{height:430px}.evidence-grid,.atlas-grid{grid-template-columns:repeat(2,1fr)}.configuration-panel{grid-template-columns:1fr}.inspector{min-height:660px}}
@media(max-width:850px){.page-width,.header-inner{padding-left:18px;padding-right:18px}.header-inner{min-height:64px}.main-nav{overflow-x:auto;margin-left:auto;gap:0}.main-nav a{padding:8px;font-size:12px}.identity small{display:none}.section-heading{align-items:start;flex-direction:column;gap:14px}.first-heading{padding-top:28px}.headline-facts{width:100%;justify-content:start}.lab-layout,.cycle-layout,.parameter-layout,.drawing-feature,.methodology{grid-template-columns:1fr}.inspector{min-height:unset}.inspector-main{padding-bottom:18px}.inspector-foot{margin-top:0}.viewer-stage{height:470px}.cycle-visual svg{height:340px}.operation-layout{grid-template-columns:1fr}.state-list{flex-direction:row;overflow-x:auto}.state-list button{white-space:nowrap;min-width:135px}.drawing-image{min-height:320px}.drawing-image img{max-height:360px}.methodology{gap:20px}}
@media(max-width:560px){.identity-mark{width:35px;height:35px;font-size:20px}.identity strong{font-size:14px}.main-nav a{font-size:12px}.main-nav a:nth-child(n+4){display:none}.section-heading h1{font-size:35px}.section-heading h2{font-size:29px}.lead{font-size:15px}.headline-facts>div{min-width:85px;padding-left:9px}.headline-facts b{font-size:22px}.viewer-topline{padding:0 12px}.viewer-topline strong{font-size:12px}.fidelity-chip{font-size:10px;padding:4px 6px}.viewer-stage{height:360px}.viewer-controls{padding:12px}.controls-line{align-items:flex-start;flex-wrap:wrap}.control-label{width:100%}.ghost-button{margin-left:0}.playback .control-label{width:auto;margin:0}.playback input[type=range]{order:4;flex-basis:100%}.flow-buttons{gap:4px}.flow-buttons button{padding:6px 8px;font-size:12px}.stage-hint,.orientation-label{font-size:10px}.orientation-label{display:none}.content-section{padding-top:68px}.cycle-steps{grid-template-columns:1fr}.cycle-steps button{min-height:125px}.flow-panel{padding:20px}.flow-panel-header{display:block}.flow-nodes{display:grid;grid-template-columns:1fr 1fr}.flow-arrow{display:none}.flow-node{min-width:0}.flow-footnotes{grid-template-columns:1fr}.state-content{padding:22px}.evidence-grid,.atlas-grid{grid-template-columns:1fr 1fr}.evidence-card img{height:140px}.atlas-grid article{padding:13px}.atlas-grid strong{font-size:15px}.atlas-grid span{font-size:12px}.methodology{margin-top:70px;margin-bottom:70px}.site-footer .page-width{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.site-footer .page-width span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.loading-ring{animation:none}}

#model-canvas{width:100%;height:100%}
.drawing-spec{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-top:15px;padding:26px}.drawing-spec h3{font-size:23px;margin:5px 0 15px}.drawing-spec small{display:block;font-size:12px;color:#85a4ac;line-height:1.6;margin-top:12px}.drawing-metric-table>div{display:grid;grid-template-columns:minmax(170px,1.2fr) 1fr 1fr;gap:8px;align-items:center;border-top:1px solid #31515c;padding:9px 0;font-size:13px}.drawing-metric-table span{color:#a8c3c8}.drawing-metric-table strong{font-weight:650;color:#ebf7f7}.drawing-metric-table.ports>div{grid-template-columns:minmax(175px,1fr) 1.4fr}
@media(max-width:850px){.drawing-spec{grid-template-columns:1fr}}
@media(max-width:560px){.drawing-spec{padding:18px}.drawing-metric-table>div{grid-template-columns:1fr 1fr 1fr;font-size:12px}.drawing-metric-table.ports>div{grid-template-columns:1fr 1.3fr}}
.model-metric-strip{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;padding:9px 17px;border-top:1px solid #2a4c55;background:#102630;color:#a6c3c7;font-size:11px;letter-spacing:.01em}.model-metric-strip b{color:#5cdfce;font-size:11px;letter-spacing:.08em}.model-metric-strip span{white-space:nowrap}

.focus-button{border:1px solid #59d7c6;background:#214940;color:#afffeb;border-radius:7px;padding:6px 10px;font-size:12px;white-space:nowrap;cursor:pointer}.focus-button:hover{background:#2b6155}.controls-line{flex-wrap:wrap}.inspector-list{padding-bottom:16px}

/* Full-width mechanical workspace: model first, explanation below. */
[hidden]{display:none!important}
.model-section{max-width:1800px;padding-left:24px;padding-right:24px}
.first-heading{padding-top:26px;margin-bottom:20px}
.first-heading h1{font-size:clamp(32px,3vw,46px)}
.lab-layout{grid-template-columns:minmax(0,1fr);gap:16px}
.viewer-stage{height:clamp(540px,74vh,900px)}
.model-toolbar{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#0b222b;border-bottom:1px solid #294b53;flex-wrap:wrap}
.viewport-actions{margin-left:auto;display:flex;gap:8px}
.viewport-actions .ghost-button{margin:0}
.immersive-button{border:1px solid #55c9bb;border-radius:9px;background:#204b4b;color:#aefff0;padding:8px 13px;font-size:13px;white-space:nowrap}
.immersive-button:hover{background:#2c6660}
.explode-controls{background:linear-gradient(110deg,#173e40,#112d36);padding:12px 19px;border-bottom:1px solid #346269}
.explode-main{display:flex;gap:14px;align-items:center}
.explode-main label{font-size:13px;color:#d2ebe9;font-weight:650;white-space:nowrap}
.explode-main output{color:#6aead2;margin-left:6px;display:inline-block;min-width:36px}
.explode-main input{accent-color:#58dfc8;flex:1;min-width:70px;cursor:pointer}
.explode-main button{font-size:12px;white-space:nowrap;border:1px solid #50817e;color:#c8f5eb;background:#234c4c;padding:7px 11px;border-radius:7px}
.explode-foot{display:flex;justify-content:space-between;gap:14px;margin-top:8px;font-size:11px;color:#8cb4b8}
.explode-foot a{color:#a4e6d7;text-decoration:none}
.selection-toast{position:absolute;left:22px;top:18px;padding:10px 16px;border:1px solid #4a8e85;border-radius:9px;background:#082029dc;max-width:60%;font-size:14px;color:#b4ffef;pointer-events:none}
.inspector{min-height:0;display:grid;grid-template-columns:1fr 1.08fr}
.inspector-head{grid-column:1/-1;height:45px}
.inspector-main{padding:20px 24px}
.inspector h2{font-size:24px;margin:7px 0 12px}
.inspector-main p{font-size:14px;line-height:1.8;margin-bottom:15px}
.inspector-list{border-top:0;border-left:1px solid #2b4852;padding:22px 24px}
.inspector-foot{grid-column:1/-1;padding:11px 24px}
.fact-pair{display:inline-flex;margin-right:24px;gap:16px;padding:8px 0}
.part-pills button{padding:9px 12px;font-size:13px}
.viewer-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 18px}
.viewer-controls .controls-line{margin:0}
.viewer-controls .playback{border:0;padding:0;flex:1;min-width:400px;justify-content:flex-end}
.viewer-controls .playback input{max-width:270px}
body.model-immersive{overflow:hidden}
.viewer-panel.is-immersive{position:fixed;inset:10px;z-index:100;display:flex;flex-direction:column;border:1px solid #47766e;background:#0b222b;box-shadow:0 0 0 30px #031013f7;border-radius:14px}
.viewer-panel.is-immersive .viewer-stage{height:auto;min-height:160px;flex:1}
.viewer-panel.is-immersive .viewer-topline{height:40px;flex-shrink:0}
.viewer-panel.is-immersive .model-toolbar,.viewer-panel.is-immersive .explode-controls,.viewer-panel.is-immersive .viewer-controls,.viewer-panel.is-immersive .model-metric-strip{flex-shrink:0}
@media(max-width:850px){.model-section{padding-left:14px;padding-right:14px}.viewer-stage{height:clamp(490px,72vh,760px)}.headline-facts{display:none}.first-heading{padding-top:22px;gap:0}.first-heading .lead{font-size:14px}.inspector{grid-template-columns:1fr}.inspector-list{border-left:0;border-top:1px solid #2b4852}.viewer-controls .playback{min-width:100%;justify-content:initial}.viewer-controls .playback input{max-width:none}.model-toolbar{padding:10px 12px;gap:8px}.viewport-actions{gap:6px}.model-toolbar .segmented button{padding:7px 11px}.viewer-panel.is-immersive{inset:5px}.viewer-panel.is-immersive .model-metric-strip{display:none}.viewer-topline>div{font-size:12px}}
@media(max-width:560px){.model-section{padding-left:8px;padding-right:8px}.viewer-stage{height:510px}.viewer-topline .fidelity-chip{display:none}.model-toolbar .segmented button{font-size:12px;padding:6px 9px}.model-toolbar .focus-button{padding:7px 9px}.viewport-actions{width:100%;justify-content:flex-end}.explode-main{gap:8px;flex-wrap:wrap}.explode-main input{min-width:100px}.explode-main button{padding:6px 9px}.explode-foot{font-size:10px;flex-wrap:wrap;gap:5px}.viewer-controls .playback input{order:4;flex-basis:100%;max-width:100%}.viewer-panel.is-immersive .viewer-controls{padding:7px 10px;gap:6px}.viewer-panel.is-immersive .viewer-controls>.controls-line:first-of-type{display:none}.selection-toast{left:12px;top:12px;font-size:12px}.viewer-panel.is-immersive .viewer-topline{display:none}}

.camera-select{font-size:12px;color:#a4c9cc;white-space:nowrap}.camera-select select{background:#173944;color:#e3f3f3;border:1px solid #40626b;border-radius:7px;padding:6px;margin-left:4px}
.viewer-panel.is-immersive .viewer-topline,.viewer-panel.is-immersive .model-metric-strip{display:none}
.viewer-panel.is-immersive .viewer-controls{padding-top:8px;padding-bottom:8px}

.model-delivery{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:20px 24px;margin-top:15px}.model-delivery strong{font-size:17px}.model-delivery p{font-size:13px;color:#92b5bc;margin:8px 0 0}.delivery-links{display:flex;gap:9px;flex-wrap:wrap}.delivery-links a{border:1px solid #39776f;color:#9aeadb;border-radius:8px;text-decoration:none;padding:10px 12px;font-size:12px}@media(max-width:850px){.model-delivery{flex-direction:column;align-items:flex-start;gap:16px}}
/* V4: the process diagram is a separate explanation surface, never 3D plumbing. */
#flow{scroll-margin-top:85px}.process-diagram{margin:24px 0 18px;border:1px solid #2b3b42;border-radius:16px;overflow:hidden;background:#0b151b;--flow-color:#ecb279}.process-toolbar{padding:14px 20px;background:#142129;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#bccbd2;font-size:12px}.process-toolbar>span{display:flex;align-items:center;gap:9px}.process-toolbar i{width:8px;height:8px;background:var(--flow-color);border-radius:2px}.process-toolbar>div{display:flex;gap:14px;align-items:center}.process-toolbar button,.process-toolbar select{background:#1c303b;color:#dbe4e7;border:1px solid #3d505a;border-radius:7px;font:inherit;padding:7px 10px}.process-toolbar label{display:flex;gap:8px;align-items:center}.process-scroll{overflow-x:auto;padding:14px 10px 2px}.process-svg{display:block;width:100%;min-width:870px;font-family:inherit}.process-svg .lane-title{fill:#becdd4;font-size:14px;font-weight:600}.process-zone{fill:#12212a;stroke:#2a3e48;stroke-width:1}.process-node{cursor:pointer;outline:none}.process-node>rect{fill:#142833;stroke:#405460;stroke-width:1.3;transition:fill .2s,stroke .2s}.process-node:hover>rect,.process-node:focus>rect,.process-node.is-selected>rect{fill:#213d49;stroke:var(--flow-color);stroke-width:2}.process-id{fill:var(--flow-color);font:10px ui-monospace,monospace;letter-spacing:1px}.process-name{fill:#e2eaf0;font-size:13px;font-weight:600}.process-sub{fill:#9bafb9;font-size:9.3px}.link-bed{stroke:var(--flow-color);stroke-opacity:.14;stroke-width:8;fill:none;stroke-linecap:round;stroke-linejoin:round}.link-stream{stroke:var(--flow-color);stroke-opacity:.85;stroke-width:2;fill:none;stroke-dasharray:10 9;animation:flow-stream 2s linear infinite}.link-arrow{stroke:var(--flow-color);stroke-opacity:.6;stroke-width:1.5;fill:none}.sense-line{stroke:#738894;stroke-width:1;fill:none;stroke-dasharray:3 3}.sensor{cursor:pointer;outline:none}.sensor rect{fill:#13232b;stroke:#4a5d65;stroke-width:1}.sensor text{fill:#adbdc5;font-size:10px;text-anchor:middle}.sensor:hover rect,.sensor:focus rect,.sensor.is-selected rect{stroke:var(--flow-color);stroke-width:2}.branch-caption{fill:#b5a5cf;font-size:11px;text-anchor:middle}.diagram-note{fill:#90a6b2;font-size:11px}.drain-ref .link-bed{stroke:#ba9bed}.drain-ref .link-stream{animation:none;stroke:#ba9bed;stroke-opacity:.3;stroke-dasharray:3 5}.drain-ref .link-arrow{stroke:#ba9bed}.optional-zone{fill:#14212a;stroke:#46515c;stroke-dasharray:5 4}.optional .link-stream{animation:none;opacity:.4}.exchange-detail>rect{fill:#11222c;stroke:#344c59}.water-space{fill:#5aadd2;fill-opacity:.12;stroke:#4c8297;stroke-width:1}.air-coil{stroke:#deac74;stroke-width:6;fill:none}.splash-field{fill:url(#splash-grad)}.splash .link-bed{stroke-opacity:.06;stroke-width:12}.splash .link-stream{stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:8 18;animation-duration:3s}.return .link-stream{stroke-opacity:.45;animation-duration:3s}.relief .link-stream{animation:none;opacity:.25}.process-inspect{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:18px 22px;border-top:1px solid #273c46;background:#101e26;min-height:104px}.process-inspect b{color:var(--flow-color);font-size:14px}.process-inspect p{color:#aebfc8;font-size:13px;line-height:1.8;margin:6px 0 0}.process-inspect .process-source{flex:none;color:#b0c2ca;font-size:12px}.process-diagram.is-paused .link-stream{animation-play-state:paused}.valves-closed .valve-flow .link-stream{animation:none;opacity:.1}.valves-closed [data-node="17"]>rect,.valves-closed [data-node="18"]>rect{stroke:#d39d70;stroke-dasharray:4 2}.valves-closed .collection .link-stream{animation:none;opacity:.4}@keyframes flow-stream{to{stroke-dashoffset:-76}}@media(prefers-reduced-motion:reduce){.link-stream{animation:none}}@media(max-width:760px){.process-toolbar{align-items:flex-start;flex-direction:column;padding:12px 14px}.process-inspect{display:block;padding:15px}.process-inspect .process-source{display:inline-block;margin-top:12px}.process-scroll:after{content:'左右滑动查看完整原理图';display:block;color:#748e9c;font-size:11px;margin:8px}.process-svg{min-width:940px}}
.photo-reference-grid{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.photo-reference-grid>a{background:#fff;display:flex;flex-direction:column;text-decoration:none;color:#40515a}.photo-reference-grid img{width:100%;height:100%;max-height:570px;object-fit:contain}.photo-reference-grid>a span{font-size:12px;padding:12px 20px;background:#eff3f4}.material-reference-list{padding:28px}.material-reference-list h3{font-size:20px;margin:0 0 20px}.material-reference-list>div{display:flex;gap:14px;border-bottom:1px solid #2a3d45;padding:14px 0}.material-reference-list i{display:block;flex:none;width:29px;height:29px;margin-top:4px;border-radius:50%;border:1px solid #637971}.material-reference-list p{margin:0}.material-reference-list strong{display:block;font-size:14px;margin-bottom:6px}.material-reference-list span{display:block;font-size:12px;line-height:1.85;color:#97adb6}.material-reference-list>.small-note{margin-top:20px}@media(max-width:900px){.photo-reference-grid{grid-template-columns:1fr}.photo-reference-grid img{max-height:510px}.material-reference-list{padding:22px}}

/* Public source-summary layout. */
.drawing-summary{padding:38px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:radial-gradient(circle at 70% 30%,#1d6063,#0a2029 65%);border-left:1px solid #315963}.drawing-summary-mark{font-size:clamp(42px,6vw,90px);font-weight:900;letter-spacing:-.07em;line-height:1;color:#61d9cb}.drawing-summary h4{font-size:24px;margin:0}.drawing-summary p,.drawing-summary li{color:#b8d0d3;font-size:14px;line-height:1.7}.drawing-summary p,.drawing-summary ul{margin:0}.drawing-summary ul{padding-left:20px}@media(max-width:850px){.drawing-summary{border-left:0;border-top:1px solid #315963;padding:24px}}