/* /assets/css/machines/industrial-mech/how-a-roller-bearing-cross-section-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 .ring{fill:none;stroke:var(--metal);stroke-width:30}
.part .roller{fill:var(--metal);stroke:#8ea0b5;stroke-width:1.4}
.part .cage-ring{fill:none;stroke:#e0a970;stroke-width:3;stroke-dasharray:14 12}
.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 .ring{stroke:#9dc3f5}
.part.is-active .roller{fill:#9dc3f5;stroke:#1d4ed8}
.part.is-active .cage-ring{stroke:#b45309}
.part.is-active{filter:drop-shadow(0 0 10px rgba(37,99,235,.35))}

/* 引出线 */
.lead-line{stroke:#9aa6b8;stroke-width:1;fill:none}

/* ============ 旋转（motion） ============ */
.rotor{transform-box:view-box;animation:spin 3s linear infinite;animation-play-state:paused}
.is-running .rotor{animation-play-state:running}
@keyframes spin{to{transform:rotate(360deg)}}

/* ============ 滚动轴承剖面 · Roller bearing cross-section ============ */
body[data-topic="roller-bearing"] .part[data-id="part-outer-ring"]:not(.is-active) .ring{stroke:#b7c9dd}
body[data-topic="roller-bearing"] .part[data-id="part-inner-ring"]:not(.is-active) .ring{stroke:#c8c1e5}
body[data-topic="roller-bearing"] .part[data-id="part-rollers"]:not(.is-active) .roller{fill:#c6cfda}
body[data-topic="roller-bearing"] .part[data-id="part-shaft"]:not(.is-active) .body{fill:#a9bccf}