/* assets/css/physics/thermodynamics/how-a-heat-pipe-internal-wick-structure-works-cutaway.css — 本页专属样式（en/zh 共用） */
/* 依赖 /assets/css/style.css（设计令牌 + .part/.tag 骨架 + 外壳态）。
   图形/动画样式自 svgs/done/physics-19-how-a-heat-pipe-internal-wick-structure-works-cutaway.html 预览 <style> 并入驻此
   （页面禁止内联 <style>）。零件区分色与动画按 body[data-topic="heat-pipe-internal-wick"] 作用域限定；
   本页专属类统一 hpx-* 前缀，与其它页不冲突。动画由 #stage 的 .is-running 驱动。 */

/* 零件本体/区分色（作用域限定 · 均在中灰蓝值域内） */
body[data-topic="heat-pipe-internal-wick"] .part .body{fill:#c2d1e4;stroke:#7d8ea3;stroke-width:1.6}
body[data-topic="heat-pipe-internal-wick"] .part .body2{fill:#dde7f4;stroke:#a9b7c9;stroke-width:1.2}
body[data-topic="heat-pipe-internal-wick"] .part .body3{fill:#aab9cd;stroke:none}
body[data-topic="heat-pipe-internal-wick"] .part.is-active .body{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}
body[data-topic="heat-pipe-internal-wick"] .part.is-active .body2{fill:#c4daf8;stroke:#3b82f6;stroke-width:1.4}
body[data-topic="heat-pipe-internal-wick"] .part.is-active .body3{fill:#1d4ed8}
body[data-topic="heat-pipe-internal-wick"] .part.is-active{filter:drop-shadow(0 0 12px rgba(29,78,216,.5))}

/* 吸液芯（多孔毛细结构）与蒸气通道 */
.hpx-wick{fill:none;stroke:#aab9cd;stroke-width:26}
.part.is-active .hpx-wick{stroke:#7fb0e6}
.hpx-core{fill:#d3e6f7;stroke:#2563eb;stroke-width:1.4}
.part.is-active .hpx-core{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:1.8}

/* 蒸发器（热端）与冷凝器（冷端）分区轮廓 */
.hpx-zone{fill:none;stroke-width:2;stroke-dasharray:8 7}
.hpx-zone-eva{stroke:#2563eb}
.hpx-zone-con{stroke:#ea580c}
.part.is-active .hpx-zone-eva{stroke:#1d4ed8;fill:#9dc3f5;fill-opacity:.18}
.part.is-active .hpx-zone-con{stroke:#c2410c;fill:#f6b67a;fill-opacity:.2}

/* 分段虚线 */
.hpx-divide{stroke:#c6d0dd;stroke-width:1.4;stroke-dasharray:4 6;fill:none}

/* 蒸气（热）与液体回流（冷）流动描边 */
.pipe-flow{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 16;opacity:0;transition:opacity .4s}
.pipe-flow.hot{stroke:#ea580c}
.pipe-flow.cold{stroke:#2563eb}
.is-running .pipe-flow{opacity:.95;animation:hpx-flow 1.15s linear infinite}
.is-running .pipe-flow.hot{animation-duration:.9s}
@keyframes hpx-flow{to{stroke-dashoffset:-26}}

/* 热流进出箭头与引线标注 */
.hpx-heat-in{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round}
.hpx-heat-out{fill:none;stroke:#ea580c;stroke-width:3;stroke-linecap:round}
.hpx-leader{stroke:#9aa9bd;stroke-width:1.2;stroke-dasharray:4 4;fill:none}