/* /assets/css/machines/industrial-mech/how-a-plate-heat-exchanger-internal-flow-channel-works-cutaway.css — 本页专属样式（en/zh 共用） */
/* ============ 零件本体/区分色 ============ */
.part .body{fill:var(--metal);stroke:#8ea0b5;stroke-width:1.6}
.part .body2{fill:var(--metal-2);stroke:#a9b7c9;stroke-width:1.2}
.part .body3{fill:#c6d0dd;stroke:none}
.part .accent{fill:none;stroke:#6b7b8c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.part.is-active .body{fill:#cfe3fb;stroke:var(--accent)}
.part.is-active .body2{fill:#e3eefc;stroke:#60a5fa}
.part.is-active .body3{fill:var(--accent)}
.part.is-active .accent{stroke:var(--accent-2)}
.part.is-active{filter:drop-shadow(0 0 10px rgba(37,99,235,.35))}

/* 换热板：默认中灰蓝，高亮换色加粗（不压暗其它零件） */
.plate{fill:#c6d0dd;stroke:#93a3b7;stroke-width:1.2}
.part.is-active .plate{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:1.6}

/* ============ 管道流动（flow） ============ */
.pipe-flow{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:9 15;opacity:0;transition:opacity .4s}
.pipe-flow.hot{stroke:#ea580c}
.pipe-flow.cold{stroke:#2563eb}
.is-running .pipe-flow{opacity:.95;animation:flow 1.15s linear infinite}
.is-running .pipe-flow.hot{animation-duration:.95s}
@keyframes flow{to{stroke-dashoffset:-24}}

/* ============ 板式换热器流道剖面 · Plate heat exchanger flow channels ============ */
body[data-topic="plate-heat-exchanger"] .part[data-id="part-hot-inlet"]:not(.is-active) .body{fill:#f0c9a8}
body[data-topic="plate-heat-exchanger"] .part[data-id="part-hot-inlet"]:not(.is-active) .body2{fill:#f7ddc4}
body[data-topic="plate-heat-exchanger"] .part[data-id="part-hot-outlet"]:not(.is-active) .body{fill:#f0c9a8}
body[data-topic="plate-heat-exchanger"] .part[data-id="part-hot-outlet"]:not(.is-active) .body2{fill:#f7ddc4}
body[data-topic="plate-heat-exchanger"] .part[data-id="part-cold-inlet"]:not(.is-active) .body{fill:#bcd9f2}
body[data-topic="plate-heat-exchanger"] .part[data-id="part-cold-inlet"]:not(.is-active) .body2{fill:#d6e9fb}
body[data-topic="plate-heat-exchanger"] .part[data-id="part-cold-outlet"]:not(.is-active) .body{fill:#bcd9f2}
body[data-topic="plate-heat-exchanger"] .part[data-id="part-cold-outlet"]:not(.is-active) .body2{fill:#d6e9fb}