/* /assets/css/machines/energy-storage/how-a-gas-burner-venturi-mixer-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:#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))}
.leader{fill:none;stroke:#5b6a7d;stroke-width:1.2}
.leader-dot{fill:#5b6a7d}

@keyframes flow{to{stroke-dashoffset:-26}}

/* ============ 燃气燃烧器文丘里混合管剖面图 · Venturi mixer ============
   源图：svgs/todo/machine-84-how-a-gas-burner-venturi-mixer-works-cutaway.html。
   通用类（.part/.body/.body2/.accent/.tag/.tag-sm）已在 base 中存在。 */
.part .passage{fill:#7c8794;stroke:#5b6472;stroke-width:1.4}
.part.is-active .passage{fill:#2563eb;stroke:#1e3a8a}
.part .jet{fill:#ea580c;stroke:#b45309;stroke-width:1}
.part.is-active .jet{fill:#2563eb;stroke:#1e3a8a}
.gas-flow{fill:none;stroke:#d97706;stroke-width:4;stroke-linecap:round;stroke-dasharray:9 10}
.is-running .gas-flow{animation:flow 1s linear infinite}
.air-flow{fill:none;stroke:#60a5fa;stroke-width:5;stroke-linecap:round;stroke-dasharray:9 10}
.is-running .air-flow{animation:flow 1.1s linear infinite}
.mix-flow{fill:none;stroke:#8b5cf6;stroke-width:5;stroke-linecap:round;stroke-dasharray:9 10}
.is-running .mix-flow{animation:flow 1.1s linear infinite}
.part.is-active .gas-flow,.part.is-active .air-flow,.part.is-active .mix-flow{stroke:#1d4ed8}
.part .flame{fill:#fb923c;stroke:#ea580c;stroke-width:1}
.part .flame2{fill:#fbbf24;stroke:#f59e0b;stroke-width:1}
.part.is-active .flame,.part.is-active .flame2{fill:#2563eb;stroke:#1e3a8a}
.flame,.flame2{transform-box:fill-box;transform-origin:50% 100%}
.is-running .flame{animation:flutter 1.1s ease-in-out infinite}
.is-running .flame2{animation:flutter 1.5s ease-in-out infinite .2s}
@keyframes flutter{0%,100%{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.12) translateY(-4px)}}
.part .port{fill:#6b7b8c}
.part.is-active .port{fill:#1d4ed8}