:root{--blue:#193e82;--navy:#122d5d;--orange:#d97827;--ink:#192c46;--muted:#4d5f74;--line:#d3deea;--paper:#f3f6fa;--warn:#8e2525;--warn-bg:#fff2f0;--pale:#eaf0f9;font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.85;font-size:17px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0}a{color:var(--blue);text-underline-offset:4px}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button,a,input,select{touch-action:manipulation}button{min-height:46px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--blue);padding:8px 15px;line-height:1.45;font-weight:700}button:hover{background:var(--pale)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px;box-shadow:0 0 0 6px white}a:hover{text-decoration-thickness:2px}img,svg{max-width:100%}svg{display:block}button:disabled{opacity:.58;cursor:not-allowed}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:14px;padding:12px;background:white;z-index:50}.skip:focus{top:8px}p,ul,ol,blockquote{margin:0 0 1.15em}h1,h2,h3{color:var(--navy);line-height:1.4}h1{font-size:clamp(2.05rem,4vw,3.35rem);letter-spacing:-.045em;margin:.25em 0 .55em}h1 span{display:block;font-size:.66em;font-weight:600;letter-spacing:0;margin-top:.5em;line-height:1.6}h2{font-size:1.65rem;letter-spacing:-.025em;margin:0 0 .75em}h3{font-size:1.2rem;margin:1.6em 0 .65em}ul,ol{padding-left:1.45em}li{margin:.45em 0}strong{color:var(--navy)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.small{font-size:.86rem;color:var(--muted)}.eyebrow{color:var(--blue);font-size:.84rem;letter-spacing:.12em;font-weight:800;margin-bottom:.75em}.header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:19px 30px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.4}.brand small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.brand b{font-size:1.2rem}.header nav{display:flex;gap:24px;font-size:.88rem}.hero{background:var(--paper);border-top:1px solid var(--line);padding:25px max(30px,calc((100vw - 1180px)/2)) 48px}.breadcrumb{font-size:.78rem;color:var(--muted);margin-bottom:35px}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:58px;align-items:center}.lead{font-size:1.08rem;max-width:640px}.primary{background:var(--blue);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--blue);border-radius:9px;text-decoration:none;padding:14px 20px;font-weight:700;min-height:48px}.primary:hover{background:var(--navy)}.hero .small{margin:12px 0 0}.hero-note{padding:34px;border:1px solid #c4d1e2;border-top:4px solid var(--orange);border-radius:18px;background:white;box-shadow:0 15px 45px #193e8209}.big-number{font-size:1.95rem;font-weight:800;display:block;color:var(--blue);margin-bottom:12px}.hero-path{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line);font-size:.86rem}.hero-path b{color:var(--blue)}.jump{display:flex;gap:8px 22px;flex-wrap:wrap;max-width:1240px;margin:0 auto;padding:20px 30px;border-bottom:1px solid var(--line);font-size:.87rem}.jump a{text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.page-grid{max-width:1240px;margin:auto;padding:44px 30px 65px;display:grid;grid-template-columns:minmax(0,860px) minmax(180px,240px);gap:52px}article{min-width:0}article>section{margin-bottom:56px;scroll-margin-top:24px}aside{align-self:start;position:sticky;top:24px;border-left:3px solid var(--orange);padding-left:24px;font-size:.88rem}aside h2{font-size:1.2rem}aside p{color:var(--muted)}.section-head{display:flex;gap:14px;align-items:baseline;margin-bottom:12px}.section-number{font-size:.85rem;color:var(--blue);font-weight:800;letter-spacing:.1em;border-top:3px solid var(--orange);padding-top:7px}.section-head h2{margin:0}.panel{padding:26px;border:1px solid var(--line);border-radius:15px;background:white}.panel.tint{background:var(--paper)}.safety{padding:18px 20px;border-left:4px solid var(--warn);background:var(--warn-bg);color:var(--warn);border-radius:0 9px 9px 0;font-size:.94rem}.safety strong{color:var(--warn)}.notice{background:var(--pale);padding:16px 18px;border-radius:9px;font-size:.9rem}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.control{display:flex;flex-direction:column;gap:8px;min-width:0;margin-bottom:18px}.control>span,.control>label{font-weight:700;font-size:.9rem}select,input[type=number]{border:1px solid #8a9db8;border-radius:8px;background:white;min-height:46px;padding:9px 10px;max-width:100%;width:100%;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--blue);min-height:44px;margin:0}input[type=checkbox]{accent-color:var(--blue);width:21px;height:21px;flex-shrink:0;margin-right:8px}.checks{display:flex;align-items:flex-start;gap:5px;padding:12px;background:var(--pale);border-radius:8px;min-height:48px;font-size:.9rem}.checks input{margin-top:5px}.choice-row,.button-row{display:flex;gap:10px;flex-wrap:wrap}.choice-row button{flex:1 1 140px}.choice-row button[aria-pressed=true],.layer-buttons button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.status{margin-top:16px;padding:18px;border-radius:10px;border:1px solid #9cb0cd;background:var(--pale);min-height:75px;overflow-wrap:anywhere}.status.warning{background:var(--warn-bg);color:var(--warn);border:2px solid var(--warn)}.status h3{margin-top:0}.status p:last-child{margin-bottom:0}.sim-canvas{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.9fr);align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;padding:15px;margin:18px 0;background:linear-gradient(145deg,#f5f8fc,#fff)}.sim-canvas svg{width:100%;height:auto;max-height:360px}.sim-legend{font-size:.86rem}.sim-legend p{margin-bottom:.6em}.device-body{fill:url(#tank-metal);stroke:#7e93b0;stroke-width:2}.pipe{fill:none;stroke:#193e82;stroke-width:9;stroke-linejoin:round}.pipe-hot{stroke:#b75b1a}.water-drop{fill:#193e82;opacity:0;animation:none}.sim-canvas[data-wet=joint] .wet-joint,.sim-canvas[data-wet=valve] .wet-valve,.sim-canvas[data-wet=tank] .wet-tank{opacity:1;animation:drip 1.5s ease-in-out infinite}.sim-canvas[data-trail=true] .wet-tank{opacity:1}.wet-trail{fill:none;stroke:#193e82;stroke-width:3;stroke-dasharray:5 5;opacity:0}.sim-canvas[data-trail=true] .wet-trail{opacity:1}.state-badge{display:inline-block;background:var(--blue);color:#fff;padding:4px 10px;border-radius:5px;font-size:.76rem;font-weight:800;letter-spacing:.04em}.layer-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.layer-buttons button{font-size:.86rem;padding:10px 6px}.layer-view{background:var(--paper);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.layer-view svg{width:100%;height:auto}.layer-explain{font-size:.9rem}.layer-explain h3{margin:0 0 .5em}.device-svg .shell{transition:opacity .35s}.device-svg .cutaway,.device-svg .parts,.device-svg .faults{opacity:0;transition:opacity .35s}.layer-view[data-layer="2"] .shell,.layer-view[data-layer="3"] .shell,.layer-view[data-layer="4"] .shell{opacity:.12}.layer-view[data-layer="2"] .cutaway,.layer-view[data-layer="3"] .cutaway,.layer-view[data-layer="4"] .cutaway{opacity:1}.layer-view[data-layer="3"] .parts,.layer-view[data-layer="4"] .parts,.layer-view[data-layer="4"] .faults{opacity:1}.layer-view[data-mag=spent] .magnesium{stroke:#8d6a56;stroke-dasharray:8 8}.layer-view[data-mag=none] .magnesium,.layer-view[data-mag=none] .magnesium-label,.layer-view[data-mag=none] .fault-magnesium{display:none}.fault-number{font-size:22px;font-weight:800;fill:#9b3426;stroke:white;stroke-width:4px;paint-order:stroke fill;stroke-linejoin:round}.diagram-text{fill:var(--navy);font-weight:700;font-size:15px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{padding:17px;border:1px solid var(--line);border-radius:10px;background:#fff}.metric span{display:block;color:var(--muted);font-size:.83rem}.metric output{font-size:1.52rem;color:var(--blue);font-weight:800;line-height:1.5;display:block;overflow-wrap:anywhere}.metric small{display:block;font-size:.75rem;color:var(--muted)}.calc-visual{display:grid;gap:10px;margin:20px 0}.bar-row{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center;font-size:.83rem}.bar-track{background:#e1e8f2;border-radius:8px;height:16px;overflow:hidden}.bar-fill{width:20%;height:100%;background:var(--blue);border-radius:8px;transition:width .2s}.bar-fill.orange{background:var(--orange)}.formula{font-family:inherit;font-size:.91rem;background:var(--paper);padding:16px;border-radius:9px;overflow-wrap:anywhere}.animation-stage{background:var(--navy);color:#fff;padding:22px;border-radius:13px;min-height:320px}.animation-stage strong,.animation-stage h3{color:white}.animation-stage h3{margin:0 0 12px;font-size:1.1rem}.animation-stage svg{max-height:220px;width:100%;margin:auto}.animation-stage svg text{fill:white;font-size:15px}.subtitle{background:#0c203f;color:white;text-align:center;border-radius:8px;padding:16px 12px;font-size:1.08rem;min-height:85px;display:grid;place-content:center;margin:16px 0 0;font-weight:700}.animation-controls{display:flex;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap}.animation-controls input{flex:1;min-width:120px}.animation-controls output{font-variant-numeric:tabular-nums;font-size:.85rem}.scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scene-buttons button{font-size:.82rem}.scene-buttons button[aria-current=true]{border:2px solid var(--blue);background:var(--pale)}.animation-motion{animation:steam 2s ease-in-out infinite}.animation-stage[data-playing=false] .animation-motion{animation-play-state:paused}.sort-list{list-style:none;margin:15px 0;padding:0}.sort-list li{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:13px;border-radius:10px;background:white;cursor:grab;font-size:.88rem}.sort-list li[aria-grabbed=true]{outline:3px solid var(--orange);background:var(--pale)}.sort-list .sort-label{flex:1;min-width:0}.sort-tools{display:flex;flex-direction:column;gap:6px}.sort-tools button{min-width:44px;min-height:44px;padding:4px}.sort-index{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--pale);color:var(--blue);font-weight:800;flex-shrink:0}.quiz-options{display:grid;gap:10px}.quiz-options button{text-align:left;min-height:55px}.alternate{margin-top:12px}.secondary{background:white;color:var(--blue)}.text-link{display:inline-block;margin:12px}table{width:100%;border-collapse:collapse;font-size:.87rem;margin:24px 0;table-layout:fixed}th{background:var(--blue);color:white;text-align:left;padding:12px}td{padding:13px 12px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}tr:nth-child(even) td{background:var(--paper)}blockquote{padding:16px 20px;border-left:4px solid var(--orange);background:var(--paper);overflow-wrap:anywhere}#guide>h2:not(:first-child){margin-top:52px}#sources{font-size:.83rem;color:var(--muted);overflow-wrap:anywhere}#sources a{word-break:break-all}.check-item{list-style:none;margin-left:-1.4em;border-bottom:1px solid var(--line);padding:7px 0}.check-item label{display:flex;align-items:flex-start;min-height:44px}.check-item input{margin-top:6px}.faq{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:700;min-height:44px;color:var(--blue)}.faq p{padding-top:13px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.related-grid a{display:flex;justify-content:space-between;padding:12px 15px;border:1px solid var(--line);border-radius:9px;font-size:.86rem}.closing{background:var(--paper);padding:30px;border-radius:14px;border-top:4px solid var(--orange)}footer{border-top:1px solid var(--line);text-align:center;padding:32px;font-size:.86rem;background:var(--paper)}.no-js{background:var(--warn-bg);padding:16px}.print-only{display:none}
@keyframes drip{0%,100%{transform:translateY(0)}55%{transform:translateY(9px)}}@keyframes steam{50%{transform:translateY(-3px);opacity:.65}}
@media(max-width:1050px){.page-grid{grid-template-columns:minmax(0,1fr);max-width:900px}.page-grid aside{display:none}.hero-grid{gap:25px}.hero-note{padding:24px}.header{padding:16px 24px}}
@media(max-width:650px){:root{font-size:16px}.header{padding:14px 18px}.brand{gap:9px}.brand img{width:38px;height:38px}.brand small{font-size:10px}.header nav{gap:10px;font-size:.78rem}.header nav a:first-child{display:none}.hero{padding:19px 20px 30px}.breadcrumb{font-size:.7rem;margin-bottom:24px}.hero-grid{grid-template-columns:1fr;gap:24px}h1{font-size:2.05rem}h1 span{font-size:.73em}.hero-note{padding:20px}.big-number{font-size:1.5rem;margin-bottom:6px}.hero-note>p{margin-bottom:14px}.hero-path{padding-top:12px}.jump{padding:12px 20px;gap:3px 17px}.page-grid{padding:30px 18px 45px}.panel{padding:18px 15px}.section-head{gap:10px;align-items:flex-start}.section-head h2,h2{font-size:1.38rem}.section-number{padding-top:5px}.control-grid{grid-template-columns:1fr;gap:0}.sim-canvas{grid-template-columns:1fr;padding:12px;gap:8px}.sim-canvas svg{max-height:270px}.sim-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.sim-legend p{margin:0}.layer-buttons{grid-template-columns:1fr 1fr}.layer-view{grid-template-columns:1fr;padding:14px;gap:12px}.layer-view svg{max-height:335px}.metric-grid{gap:9px}.metric{padding:13px 10px}.metric output{font-size:1.27rem}.metric span{font-size:.78rem}.animation-stage{padding:18px 12px;min-height:310px}.subtitle{font-size:1rem}.scene-buttons{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:85px 1fr}.safety{padding:14px}.sort-list li{gap:8px;padding:12px 9px}.sort-tools{gap:3px}.related-grid{grid-template-columns:1fr}.closing{padding:23px 18px}.primary{gap:10px;padding:13px 16px}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:12px 0}td{border:0;padding:11px 13px}td::before{content:attr(data-label);display:block;font-weight:800;color:var(--blue);font-size:.8rem;margin-bottom:5px}td+td{border-top:1px solid var(--line)}tr:nth-child(even) td{background:white}td:first-child{background:var(--pale)!important}article>section{margin-bottom:40px}.choice-row button{flex-basis:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.header,.hero,.jump,aside,footer,article>section:not(#photos):not(#summary):not(#pricing),#print-checklist{display:none!important}.page-grid{display:block;padding:0}#photos,#summary,#pricing{display:block!important;margin:20px 0;break-inside:avoid}a{color:#000}body{font-size:12pt}h2{font-size:17pt}.check-item input{appearance:none;border:1px solid black;width:14px;height:14px}.check-item input:checked:after{content:'✓'}table{font-size:10pt}}