/* /assets/css/machines/building-equip/how-a-sump-pump-basin-float-switch-works-cutaway.css — 本页专属样式（en/zh 共用） */
/* machines 类目基线 + 本页专属样式（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))}
.part .water{fill:#7fb2e8;fill-opacity:.5;stroke:#2563eb;stroke-width:1.2}
.part.is-active .water{fill:#2563eb;fill-opacity:.7}
.impeller{transform-box:view-box;transform-origin:636px 560px;animation:spin 1.4s linear infinite;animation-play-state:paused}
.is-running .impeller{animation-play-state:running}
@keyframes spin{to{transform:rotate(360deg)}}
.float-asm{transform-box:view-box;transform-origin:691px 306px;animation:bob 3s ease-in-out infinite;animation-play-state:paused}
.is-running .float-asm{animation-play-state:running}
@keyframes bob{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}
.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.cold{stroke:#2563eb}
.pipe-flow.warm{stroke:#0ea5e9}
.is-running .pipe-flow{opacity:.95;animation:flow 1.15s linear infinite}
@keyframes flow{to{stroke-dashoffset:-26}}
/* 各部件区分色 */
.part[data-id="part-inlet"] .body{fill:#bcd9f2}.part[data-id="part-inlet"] .body2{fill:#d6e9fb}
.part[data-id="part-pump"] .body{fill:#c6cfda}.part[data-id="part-pump"] .body2{fill:#dde3ea}
.part[data-id="part-discharge"] .body{fill:#bfe0f5}.part[data-id="part-discharge"] .body2{fill:#e0f1fc}
.part[data-id="part-check-valve"] .body{fill:#c9b79a}
.part[data-id="part-strainer"] .body{fill:#b7c4d4}
.part[data-id="part-float"] .body2{fill:#f2c9a0;stroke:#c8894e}
.part[data-id="part-switch"] .body{fill:#c8c1e5}.part[data-id="part-switch"] .body2{fill:#e2ddf3}
.part[data-id="part-shell-basin"] .body{fill:#cfd9e6}