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

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

/* 各部件区分色（:not(.is-active) 保证全局高亮仍生效） */
body[data-topic="refrigeration-vapor-compression-cycle"] .part[data-id="part-evaporator"]:not(.is-active) .body{fill:#bcd9f2}
body[data-topic="refrigeration-vapor-compression-cycle"] .part[data-id="part-compressor"]:not(.is-active) .body{fill:#ccd6e2}
body[data-topic="refrigeration-vapor-compression-cycle"] .part[data-id="part-condenser"]:not(.is-active) .body{fill:#c8cfda}
body[data-topic="refrigeration-vapor-compression-cycle"] .part[data-id="part-expansion-valve"]:not(.is-active) .body{fill:#d3dae6}

/* 制冷剂流动（冷/热） */
.pipe-flow{fill:none;stroke:#2563eb;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:rvc-flow 1.15s linear infinite}
.is-running .pipe-flow.hot{animation-duration:.9s}
@keyframes rvc-flow{to{stroke-dashoffset:-26}}

/* 盘管（蒸发器冷 / 冷凝器热，材质专用饱和色，豁免） */
.rvc-coil-cold{fill:none;stroke:#2563eb;stroke-width:5;stroke-linecap:round}
.rvc-coil-hot{fill:none;stroke:#ea580c;stroke-width:5;stroke-linecap:round}

/* 压缩机转子旋转 */
.rvc-rotor{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;transform-origin:980px 365px;animation:rvc-spin 1.4s linear infinite;animation-play-state:paused}
.is-running .rvc-rotor{animation-play-state:running}
@keyframes rvc-spin{to{transform:rotate(360deg)}}

/* 热交换箭头 */
.rvc-arrow-in{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round}
.rvc-arrow-out{fill:none;stroke:#ea580c;stroke-width:3;stroke-linecap:round}