/* /assets/css/machines/automotive/how-car-engine-cooling-system-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:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}
.part.is-active .body2{fill:#c4daf8;stroke:#3b82f6;stroke-width:1.4}
.part.is-active .body3{fill:#1d4ed8}
.part.is-active .accent{stroke:#1d4ed8}
.part.is-active{filter:drop-shadow(0 0 12px rgba(29,78,216,.5))}

/* ============ 旋转（叶轮/风扇，沿用共享 .impeller + @keyframes spin） ============ */
.impeller{transform-box:view-box;animation:spin 1.4s linear infinite;animation-play-state:paused}
.is-running .impeller{animation-play-state:running}
@keyframes spin{to{transform:rotate(360deg)}}

/* ============ 光环（沿用共享 .halo + @keyframes halo） ============ */
.halo{opacity:0;transition:opacity .5s}
.is-running .halo{opacity:1;animation:halo 2.2s ease-in-out infinite}
@keyframes halo{0%,100%{opacity:.35}50%{opacity:.85}}

/* ============ 管道流动（沿用共享 .pipe-case + .pipe-flow(+hot/cold) + @keyframes flow） ============ */
.pipe-case{fill:none;stroke:#94a3b8;stroke-width:24;stroke-linecap:round;stroke-linejoin:round}
.pipe-flow{
  fill:none;stroke:var(--accent);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:flow 1.15s linear infinite}
.is-running .pipe-flow.hot{animation-duration:.9s}
@keyframes flow{to{stroke-dashoffset:-26}}
/* ============ 发动机冷却系统剖面图 · Engine cooling system cutaway ============
   展示：散热器—散热风扇—冷却水泵—节温器—发动机缸体水套—水管—膨胀水壶—水温传感器 的真实布置。
   各部件区分色与旋转中心用 body[data-topic="engine-cooling"] 作用域限定；本页新增类统一 cool-* 前缀。
   共享类（.part/.body/.body2/.body3/.accent/.tag/.tag-sm/.pipe-case/.pipe-flow(+hot/cold)/.impeller/.halo/
   .is-running/@keyframes spin/halo/flow）沿用上面定义，不在此重定义。 */

/* 各部件区分色（作用域限定 · per-part distinct fills） */
body[data-topic="engine-cooling"] .part[data-id="part-radiator"]:not(.is-active) .body{fill:#b9c9de}
body[data-topic="engine-cooling"] .part[data-id="part-radiator"]:not(.is-active) .body2{fill:#d5e1f1}
body[data-topic="engine-cooling"] .part[data-id="part-cooling-fan"]:not(.is-active) .body{fill:#c2d1e4}
body[data-topic="engine-cooling"] .part[data-id="part-cooling-fan"]:not(.is-active) .body2{fill:#dde7f4}
body[data-topic="engine-cooling"] .part[data-id="part-water-pump"]:not(.is-active) .body{fill:#bfcee2}
body[data-topic="engine-cooling"] .part[data-id="part-water-pump"]:not(.is-active) .body2{fill:#d9e4f2}
body[data-topic="engine-cooling"] .part[data-id="part-thermostat"]:not(.is-active) .body{fill:#cbd7e7}
body[data-topic="engine-cooling"] .part[data-id="part-thermostat"]:not(.is-active) .body2{fill:#e6eef8}
body[data-topic="engine-cooling"] .part[data-id="part-engine-jacket"]:not(.is-active) .body{fill:#c6d3e5}
body[data-topic="engine-cooling"] .part[data-id="part-engine-jacket"]:not(.is-active) .body2{fill:#e3ecf6}
body[data-topic="engine-cooling"] .part[data-id="part-expansion-tank"]:not(.is-active) .body{fill:#c3d0e1}
body[data-topic="engine-cooling"] .part[data-id="part-expansion-tank"]:not(.is-active) .body2{fill:#e0eaf5}
body[data-topic="engine-cooling"] .part[data-id="part-temp-sensor"]:not(.is-active) .body{fill:#c9d5e6}

/* 旋转中心（作用域限定 · 绕各自中心，复用共享 .impeller + @keyframes spin） */
body[data-topic="engine-cooling"] .part[data-id="part-cooling-fan"] .impeller{transform-origin:460px 390px}
body[data-topic="engine-cooling"] .part[data-id="part-water-pump"] .impeller{transform-origin:640px 460px}

/* 水套（蓝色冷却液腔）/ 散热片 / 叶片 / 水位线（本图专属线条） */
.cool-jacket{fill:#dbeafe;stroke:#2563eb;stroke-width:1.6}
.cool-fin{stroke:#94a3b8;stroke-width:1.4;opacity:.7}
.cool-fin path{fill:none}
.cool-blade{fill:none;stroke:#5b6a7d;stroke-width:6;stroke-linecap:round}
.cool-level{fill:none;stroke:#60a5fa;stroke-width:2.4;stroke-linecap:round}
.cool-overflow{stroke-width:10}

/* 温度升高示意（新动画 · 唯一命名） */
.cool-heat{opacity:0}
.is-running .cool-heat{animation:cool-heat 3s ease-in-out infinite}
@keyframes cool-heat{0%,100%{opacity:.15}50%{opacity:.85}}

/* 节温器阀开合（新动画 · 唯一命名） */
.cool-valve{animation:cool-valve 3s ease-in-out infinite;animation-play-state:paused}
.is-running .cool-valve{animation-play-state:running}
@keyframes cool-valve{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}