/* /assets/css/machines/automotive/how-a-fuel-pump-filter-check-valve-assembly-works-cutaway.css - 本页专属样式（en/zh 共用） */
/* ==== 内联本页样式（原目标页 css 级联位置）==== */
/* 共享零件本体/区分色类（与机器类目共用语义） */
.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))}

/* ============ 油箱内燃油泵总成剖面图 · In-tank fuel pump assembly cutaway ============
   本图专属类统一 fp-* 前缀；共享类（.part/.body/.body2/.body3/.accent/.tag/.tag-sm/
   .is-running/@keyframes）沿用，不重定义。
   零件区分色与动画用 body[data-topic="fuel-pump"] 作用域限定，避免与其它页互扰。 */

/* 主题蓝体系：零件描边 / 小字对比度修正（页面作用域，非重定义共享规则） */
body[data-topic="fuel-pump"] .part .body{stroke:#2563eb;stroke-width:1.6}
body[data-topic="fuel-pump"] .part .body2{stroke:#60a5fa}
body[data-topic="fuel-pump"] .part .body3{stroke:#7f9bc4;stroke-width:1.2}
body[data-topic="fuel-pump"] .tag-sm{fill:#5b6472}

/* 各部件区分色（作用域限定 · per-part distinct fills，均在中灰蓝值域内，禁近白） */
body[data-topic="fuel-pump"] .part[data-id="part-fuel-tank"]:not(.is-active) .body2{fill:#dde7f4}
body[data-topic="fuel-pump"] .part[data-id="part-pickup-strainer"]:not(.is-active) .body{fill:#bfcee2}
body[data-topic="fuel-pump"] .part[data-id="part-pickup-strainer"]:not(.is-active) .body2{fill:#d7e2f2}
body[data-topic="fuel-pump"] .part[data-id="part-pump-body"]:not(.is-active) .body{fill:#c6d3e5}
body[data-topic="fuel-pump"] .part[data-id="part-impeller"]:not(.is-active) .body{fill:#ccd8e8}
body[data-topic="fuel-pump"] .part[data-id="part-impeller"]:not(.is-active) .body2{fill:#e2ecf6}
body[data-topic="fuel-pump"] .part[data-id="part-impeller"]:not(.is-active) .body3{fill:#b7c6da}
body[data-topic="fuel-pump"] .part[data-id="part-motor"]:not(.is-active) .body{fill:#c9d5e6}
body[data-topic="fuel-pump"] .part[data-id="part-motor"]:not(.is-active) .body2{fill:#dfe8f4}
body[data-topic="fuel-pump"] .part[data-id="part-check-valve"]:not(.is-active) .body{fill:#c4d1e3}
body[data-topic="fuel-pump"] .part[data-id="part-check-valve-ball"]:not(.is-active) .body3{fill:#aab9cd}
body[data-topic="fuel-pump"] .part[data-id="part-pressure-regulator"]:not(.is-active) .body{fill:#c2d1e4}
body[data-topic="fuel-pump"] .part[data-id="part-fuel-line-out"]:not(.is-active) .body{fill:#c8d5e6}
body[data-topic="fuel-pump"] .part[data-id="part-fuel-return"]:not(.is-active) .body{fill:#c5d2e4}
body[data-topic="fuel-pump"] .part[data-id="part-shell-housing"]:not(.is-active) .body{fill:#dfe6ef;stroke:#9aa6b8}

/* 燃油（专属暖黄，材质色不受中灰蓝限制） */
.fp-fuel-top{stop-color:#f7d67a}
.fp-fuel-bot{stop-color:#edb736}

/* 内部细节线条（绕组 / 弹簧） */
.fp-wind{stroke:#8ea0b5;stroke-width:2;stroke-linecap:round;fill:none}
body[data-topic="fuel-pump"] .part.is-active .fp-wind{stroke:#1d4ed8}

/* 流向箭头（暖黄通路，与燃油同色系） */
.fp-arrowhead{fill:#b45309}

/* ============ 动画 ============ */
/* 燃油流动：暖黄虚线沿通路滚动（吸油 → 加压 → 顶开止回阀 → 出油管） */
.fp-flow{fill:none;stroke:#b45309;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:14 10;animation:fp-flow 1.2s linear infinite;animation-play-state:paused}
.is-running .fp-flow{animation-play-state:running}
@keyframes fp-flow{to{stroke-dashoffset:-48}}

/* 叶轮 / 滚子泵转子：持续旋转加压 */
.fp-impeller-spin{transform-box:fill-box;transform-origin:center;
  animation:fp-impeller 2.4s linear infinite;animation-play-state:paused}
.is-running .fp-impeller-spin{animation-play-state:running}
@keyframes fp-impeller{to{transform:rotate(360deg)}}

/* 止回阀球：被油压顶开 → 泵停落座密封（防止燃油回流、保持管路压力） */
.fp-ball{transform-box:fill-box;transform-origin:center;
  animation:fp-ball 2.4s ease-in-out infinite;animation-play-state:paused}
.is-running .fp-ball{animation-play-state:running}
@keyframes fp-ball{0%,100%{transform:translateY(0)}42%{transform:translateY(-9px)}58%{transform:translateY(-9px)}}