/* /assets/css/machines/industrial-mech/how-gear-transmission-system-works-cutaway.css — 本页专属样式（en/zh 共用） */

/* ============ 机器类目基线（part bodies & 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:#aab9cd;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))}

/* ============ 本页专属材质 / 动画 ============ */
.teeth{fill:none;stroke:#8ea0b5;stroke-width:12;stroke-dasharray:6 9}
.part.is-active .teeth{stroke:#1d4ed8}

.gear{transform-box:view-box;animation:spin linear infinite;animation-play-state:paused}
.is-running .gear{animation-play-state:running}
.gear.gA{animation-duration:1.2s}
.gear.gB{animation-duration:1.8s;animation-direction:reverse}
.gear.gC{animation-duration:2.4s}
@keyframes spin{to{transform:rotate(360deg)}}

.pulley{transform-box:view-box;animation:spin linear infinite;animation-duration:2.4s;animation-play-state:paused}
.is-running .pulley{animation-play-state:running}

.torque{fill:none;stroke:#2563eb;stroke-width:5;stroke-linecap:round;stroke-dasharray:9 10;opacity:0;transition:opacity .4s}
.is-running .torque{opacity:.85;animation:flow 1.2s linear infinite}
@keyframes flow{to{stroke-dashoffset:-28}}

/* ============ 各部件区分色（:not(.is-active) 保证全局高亮仍生效） ============ */
body[data-topic="gear-transmission"] .part[data-id="part-motor"]:not(.is-active) .body{fill:#c8c1e5}
body[data-topic="gear-transmission"] .part[data-id="part-motor"]:not(.is-active) .body2{fill:#e2ddf3}
body[data-topic="gear-transmission"] .part[data-id="part-input-shaft"]:not(.is-active) .body3{fill:#a9bccf}
body[data-topic="gear-transmission"] .part[data-id="part-driving-gear"]:not(.is-active) .body{fill:#b7c9dd}
body[data-topic="gear-transmission"] .part[data-id="part-driving-gear"]:not(.is-active) .body2{fill:#d8e3ef}
body[data-topic="gear-transmission"] .part[data-id="part-idler-gear"]:not(.is-active) .body{fill:#c2d1e4}
body[data-topic="gear-transmission"] .part[data-id="part-idler-gear"]:not(.is-active) .body2{fill:#e0e9f4}
body[data-topic="gear-transmission"] .part[data-id="part-output-gear"]:not(.is-active) .body{fill:#bcd7ef}
body[data-topic="gear-transmission"] .part[data-id="part-output-gear"]:not(.is-active) .body2{fill:#d9e9f8}
body[data-topic="gear-transmission"] .part[data-id="part-output-shaft"]:not(.is-active) .body3{fill:#aab9cd}
body[data-topic="gear-transmission"] .part[data-id="part-bearings"]:not(.is-active) .body{fill:#c6cfda}
body[data-topic="gear-transmission"] .part[data-id="part-pulley"]:not(.is-active) .body{fill:#bfe0f5}
body[data-topic="gear-transmission"] .part[data-id="part-pulley"]:not(.is-active) .body2{fill:#dcecfa}
body[data-topic="gear-transmission"] .part[data-id="part-shell-housing"]:not(.is-active) .body{fill:#cbd7e7}