/* /assets/css/machines/aerospace/how-rocket-propellant-feed-system-works-cutaway.css — 本页专属样式（en/zh 共用） */

/* ============ 零件本体/区分色（part bodies & per-part distinct fills） ============ */
.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))}

/* ============ 动画：涡轮泵叶轮 / 火焰 / 流动 ============ */
.impeller{transform-box:view-box;animation:spin 1.2s linear infinite;animation-play-state:paused}
.is-running .impeller{animation-play-state:running}
@keyframes spin{to{transform:rotate(360deg)}}

.flame{transform-box:view-box;transform-origin:600px 840px;transform:scaleY(0);opacity:0;transition:opacity .4s;animation-play-state:paused}
.is-running .flame{opacity:.92;animation:flamePulse .8s ease-in-out infinite;animation-play-state:running}
@keyframes flamePulse{0%,100%{transform:scaleY(.75);opacity:.75}50%{transform:scaleY(1.05);opacity:1}}

.pipe-case{fill:none;stroke:#94a3b8;stroke-width:18;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.fuel{stroke:#ea580c}
.pipe-flow.ox{stroke:#2563eb}
.pipe-flow.press{stroke:#0891b2}
.is-running .pipe-flow{opacity:.95;animation:flow 1.1s linear infinite}
.is-running .pipe-flow.fuel{animation-duration:.9s}
@keyframes flow{to{stroke-dashoffset:-26}}

/* ============ 火箭推进剂输送系统剖面图 · Propellant feed system ============
   源图：svgs/todo/machine-58-how-rocket-propellant-feed-system-works-cutaway.html。 */
body[data-topic="rocket-feed-system"] .part[data-id="part-fuel-pump"] .impeller{transform-origin:430px 680px}
body[data-topic="rocket-feed-system"] .part[data-id="part-ox-pump"] .impeller{transform-origin:770px 680px}

body[data-topic="rocket-feed-system"] .part[data-id="part-fuel-tank"]:not(.is-active) .body{fill:#e7cfa6}
body[data-topic="rocket-feed-system"] .part[data-id="part-fuel-tank"]:not(.is-active) .body2{fill:#f0e0c2}
body[data-topic="rocket-feed-system"] .part[data-id="part-ox-tank"]:not(.is-active) .body{fill:#bcd9f2}
body[data-topic="rocket-feed-system"] .part[data-id="part-ox-tank"]:not(.is-active) .body2{fill:#d6e9fb}
body[data-topic="rocket-feed-system"] .part[data-id="part-pressurant"]:not(.is-active) .body{fill:#a9d6e0}
body[data-topic="rocket-feed-system"] .part[data-id="part-pressurant"]:not(.is-active) .body2{fill:#cce8ee}
body[data-topic="rocket-feed-system"] .part[data-id="part-feed-lines"]:not(.is-active) .body{fill:#b7c9dd}
body[data-topic="rocket-feed-system"] .part[data-id="part-valves"]:not(.is-active) .body{fill:#c8c1e5}
body[data-topic="rocket-feed-system"] .part[data-id="part-fuel-pump"]:not(.is-active) .body{fill:#d9c49c}
body[data-topic="rocket-feed-system"] .part[data-id="part-ox-pump"]:not(.is-active) .body{fill:#a9ccec}
body[data-topic="rocket-feed-system"] .part[data-id="part-engine"]:not(.is-active) .body{fill:#c2b6d9}
body[data-topic="rocket-feed-system"] .part[data-id="part-engine"]:not(.is-active) .body2{fill:#ddd4ec}

.pump-vane{fill:none;stroke:#5b6a7d;stroke-width:7;stroke-linecap:round;opacity:.85}
.part.is-active .pump-vane{stroke:var(--accent-2)}