/* /assets/css/machines/industrial-mech/gear-pump-vs-vane-pump-vs-piston-pump.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 .gear-ring{fill:none;stroke:var(--metal);stroke-width:26;stroke-dasharray:13 9}
.part .ring{fill:none;stroke:var(--metal);stroke-width:34}
.part .vane-blade{stroke:#5b6a7d;stroke-width:8;stroke-linecap: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 .gear-ring{stroke:#9dc3f5}
.part.is-active .ring{stroke:#9dc3f5}
.part.is-active .vane-blade{stroke:var(--accent-2)}
.part.is-active{filter:drop-shadow(0 0 10px rgba(37,99,235,.35))}

/* ============ 流动（flow） ============ */
.pipe-flow{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:10 16;opacity:0;transition:opacity .4s}
.pipe-flow.cold{stroke:#2563eb}
.is-running .pipe-flow{opacity:.95;animation:flow 1.05s linear infinite}
@keyframes flow{to{stroke-dashoffset:-26}}

/* ============ 运动：齿轮/叶轮旋转、活塞往复（motion） ============ */
.rotor{transform-box:view-box;animation:spin 1.6s linear infinite;animation-play-state:paused}
.rotor-rev{transform-box:view-box;animation:spinRev 1.6s linear infinite;animation-play-state:paused}
.slider{transform-box:view-box;animation:slide 1.7s ease-in-out infinite alternate;animation-play-state:paused}
.is-running .rotor,.is-running .rotor-rev,.is-running .slider{animation-play-state:running}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinRev{to{transform:rotate(-360deg)}}
@keyframes slide{from{transform:translateY(-15px)}to{transform:translateY(15px)}}

/* ============ 齿轮泵 / 叶片泵 / 活塞泵对比 · Pump comparison ============ */
body[data-topic="pump-types-comparison"] .part[data-id="part-gears"]:not(.is-active) .gear-ring{stroke:#b7c9dd}
body[data-topic="pump-types-comparison"] .part[data-id="part-vane-rotor"]:not(.is-active) .body{fill:#c6cfda}
body[data-topic="pump-types-comparison"] .part[data-id="part-piston"]:not(.is-active) .body{fill:#c8c1e5}
body[data-topic="pump-types-comparison"] .part[data-id="part-inlet"]:not(.is-active) .body{fill:#bcd9f2}
body[data-topic="pump-types-comparison"] .part[data-id="part-outlet"]:not(.is-active) .body{fill:#f0c9a8}