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

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

/* ============ SVG 标题 ============ */
.svg-title{fill:var(--strong);font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:.08em}
.svg-sub{font-size:11px}

/* ============ 气流 / 燃油流（flow） ============ */
.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.air{stroke:#2563eb}
.pipe-flow.fuel{stroke:#ea580c}
.pipe-flow.hot{stroke:#ea580c}
.is-running .pipe-flow{opacity:.95;animation:flow 1.15s linear infinite}
.is-running .pipe-flow.hot{animation-duration:.85s}
@keyframes flow{to{stroke-dashoffset:-26}}

/* ============ 燃烧火焰（flame） ============ */
.flame{opacity:0;transition:opacity .4s}
.is-running .flame{opacity:.92;animation:flamePulse .9s ease-in-out infinite}
@keyframes flamePulse{0%,100%{opacity:.68}50%{opacity:1}}

/* ============ 冲压发动机剖面图 · Ramjet ============
   源图：svgs/done/machine-63-how-a-ramjet-works-cutaway.html。
   通用类（.part/.body/.body2/.body3/.accent/.tag/.tag-sm/.pipe-flow）已在 base + 本表存在。 */

/* 各部件区分色（:not(.is-active) 保证全局高亮仍生效） */
body[data-topic="ramjet-engine"] .part[data-id="part-inlet-diffuser"]:not(.is-active) .body{fill:#bcd9f2}
body[data-topic="ramjet-engine"] .part[data-id="part-inlet-diffuser"]:not(.is-active) .body2{fill:#d6e9fb}
body[data-topic="ramjet-engine"] .part[data-id="part-fuel-injector"]:not(.is-active) .body{fill:#d9c49c}
body[data-topic="ramjet-engine"] .part[data-id="part-flame-holder"]:not(.is-active) .body{fill:#b7c9dd}
body[data-topic="ramjet-engine"] .part[data-id="part-combustor"]:not(.is-active) .body{fill:#c2b6d9}
body[data-topic="ramjet-engine"] .part[data-id="part-combustor"]:not(.is-active) .body2{fill:#ddd4ec}
body[data-topic="ramjet-engine"] .part[data-id="part-nozzle"]:not(.is-active) .body{fill:#aab9cd}
body[data-topic="ramjet-engine"] .part[data-id="part-nozzle"]:not(.is-active) .body2{fill:#c6d2e0}