/* /assets/css/machines/naval-vessels/how-a-container-ship-hull-cargo-hold-ballast-system-works-cutaway.css — 本页专属样式（en/zh 共用） */
/* ============ 特殊材质（Solid-fill internals） ============ */
.part .water{fill:#6fa8dc;fill-opacity:.5;stroke:#2563eb;stroke-width:1.2}
.part.is-active .water{fill:#2563eb;fill-opacity:.7}
.container{stroke:#5b6a7d;stroke-width:1}
.c-a{fill:#93c5fd}.c-b{fill:#bfdbfe}.c-c{fill:#c7d2e0}.c-d{fill:#dbe3ee}.c-e{fill:#aab9cd}
.part.is-active .c-a{fill:#3b82f6}.part.is-active .c-b{fill:#60a5fa}.part.is-active .c-c{fill:#9dc3f5}
.part.is-active .c-d{fill:#bfdbfe}.part.is-active .c-e{fill:#93c5fd}

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

/* ============ 流动（flow） ============ */
.pipe-case{fill:none;stroke:#94a3b8;stroke-width:20;stroke-linecap:round}
.pipe-flow{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:10 16;opacity:0;transition:opacity .4s}
.is-running .pipe-flow{opacity:.95;animation:flow 1.15s linear infinite}
@keyframes flow{to{stroke-dashoffset:-26}}

/* ============ 集装箱船剖面图 · Container ship cutaway ============
   源图：svgs/done/machine-66-how-a-container-ship-hull-cargo-hold-ballast-system-works-cutaway.html。
   通用类（.part/.body/.body2/.body3/.accent/.tag/.tag-sm）已在 base 中存在。 */
.hatch{fill:url(#hatch);opacity:.4}
.tag-num{font-size:11px;fill:#5b6472;font-weight:700;letter-spacing:.12em;pointer-events:none;transition:fill .25s}
.ref-line{stroke:#c9d2e0;stroke-width:1;stroke-dasharray:6 8;fill:none}
.ref-label{fill:#5b6472;font-family:var(--mono);font-size:9px;letter-spacing:.14em}
.shell-layer .body{fill:#c8d2de;stroke:#5b6a7d;stroke-width:1.6;stroke-dasharray:4 3}
.part:hover .body{fill:#fef3c7;stroke:#d97706;stroke-width:1.6}
.part:hover .body2{fill:#fef9e7;stroke:#b45309}
.part:hover .tag{fill:#b45309}
.part:hover .tag-sm{fill:#b8862e}
.part:hover .tag-num{fill:#d97706}
.part:hover{filter:drop-shadow(0 0 6px rgba(217,119,6,.25))}
body[data-topic="container-ship"] .part[data-id="ballast"]:not(.is-active) .body2{fill:#d3e6f7}
body[data-topic="container-ship"] .part[data-id="engine-room"]:not(.is-active) .body{fill:#cbd3de}
body[data-topic="container-ship"] .part[data-id="hold"]:not(.is-active) .body{fill:#cfdae8}