/* /assets/css/machines/automotive/how-a-turbocharger-bearing-oil-seal-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:#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))}

/* 主题蓝体系 + 小字对比度修正（页面作用域） */
body[data-topic="turbo-bearing"] .part .body{stroke:#2563eb;stroke-width:1.6}
body[data-topic="turbo-bearing"] .part .body2{stroke:#60a5fa}
body[data-topic="turbo-bearing"] .tag-sm{fill:#5b6472}

/* 各部件区分色（作用域限定 · per-part distinct fills） */
body[data-topic="turbo-bearing"] .part[data-id="part-oil-inlet"]:not(.is-active) .body{fill:#c6d3e5}
body[data-topic="turbo-bearing"] .part[data-id="part-oil-inlet"]:not(.is-active) .body2{fill:#dde7f4}
body[data-topic="turbo-bearing"] .part[data-id="part-compressor-wheel"]:not(.is-active) .body{fill:#c5d2e4}
body[data-topic="turbo-bearing"] .part[data-id="part-compressor-wheel"]:not(.is-active) .body2{fill:#dce7f3}
body[data-topic="turbo-bearing"] .part[data-id="part-turbine-wheel"]:not(.is-active) .body{fill:#f3d9c4}
body[data-topic="turbo-bearing"] .part[data-id="part-turbine-wheel"]:not(.is-active) .body2{fill:#f9e8d8}
body[data-topic="turbo-bearing"] .part[data-id="part-shaft-journal"]:not(.is-active) .body{fill:#c2d1e4}
body[data-topic="turbo-bearing"] .part[data-id="part-shaft-journal"]:not(.is-active) .body2{fill:#dde7f4}
body[data-topic="turbo-bearing"] .part[data-id="part-center-housing"]:not(.is-active) .body{fill:#c3d0e1}
body[data-topic="turbo-bearing"] .part[data-id="part-center-housing"]:not(.is-active) .body2{fill:#dde7f4}
body[data-topic="turbo-bearing"] .part[data-id="part-journal-bearing"]:not(.is-active) .body{fill:#cbd7e7}
body[data-topic="turbo-bearing"] .part[data-id="part-journal-bearing"]:not(.is-active) .body2{fill:#e6eef8}
body[data-topic="turbo-bearing"] .part[data-id="part-thrust-bearing"]:not(.is-active) .body{fill:#b9c9de}
body[data-topic="turbo-bearing"] .part[data-id="part-thrust-bearing"]:not(.is-active) .body2{fill:#d5e1f1}
body[data-topic="turbo-bearing"] .part[data-id="part-oil-groove"]:not(.is-active) .body{fill:#c0cee0}
body[data-topic="turbo-bearing"] .part[data-id="part-oil-drain"]:not(.is-active) .body{fill:#becfe3}
body[data-topic="turbo-bearing"] .part[data-id="part-oil-drain"]:not(.is-active) .body2{fill:#dce7f3}
body[data-topic="turbo-bearing"] .part[data-id="part-piston-ring-seal"]:not(.is-active) .body{fill:#cad6e6}
body[data-topic="turbo-bearing"] .part[data-id="part-piston-ring-seal"]:not(.is-active) .body2{fill:#dde7f4}
body[data-topic="turbo-bearing"] .part[data-id="part-shell-housing"]:not(.is-active) .body{fill:#dfe6ef;stroke:#9aa6b8}

/* 专属材质：机油（暖黄）/ 涡轮热端（橙）/ 叶轮叶片 */
.tbb-oil{fill:#e8b866;stroke:#c47f1e;stroke-width:1}
.tbb-blade-cold{fill:none;stroke:#38bdf8;stroke-width:5;stroke-linecap:round}
.tbb-blade-hot{fill:none;stroke:#ea580c;stroke-width:5;stroke-linecap:round}
.tbb-shaft-core{stroke:#5b6a7d;stroke-width:8;stroke-linecap:round}
.tbb-lead{fill:none;stroke:#8b97a8;stroke-width:1.1}

/* ============ 动画 ============ */
/* 轴 / 叶轮高速旋转 */
.tbb-spin{transform-box:view-box;animation:tbb-spin 1.4s linear infinite;animation-play-state:paused}
.is-running .tbb-spin{animation-play-state:running}
@keyframes tbb-spin{to{transform:rotate(360deg)}}
body[data-topic="turbo-bearing"] .part[data-id="part-compressor-wheel"] .tbb-spin{transform-origin:300px 400px}
body[data-topic="turbo-bearing"] .part[data-id="part-turbine-wheel"] .tbb-spin{transform-origin:900px 400px}

/* 冷 / 热端光环脉动 */
.tbb-halo{opacity:0;transition:opacity .5s}
.is-running .tbb-halo{opacity:1;animation:tbb-halo 2.4s ease-in-out infinite}
@keyframes tbb-halo{0%,100%{opacity:.35}50%{opacity:.85}}

/* 机油：油楔油膜（虚线静流） */
.tbb-oil-film{fill:none;stroke:#d99429;stroke-width:5;stroke-linecap:round;stroke-dasharray:7 7;opacity:.85}
.is-running .tbb-oil-film{animation:tbb-flow 1.8s linear infinite}
/* 机油：沿油道流动（虚线动画） */
.tbb-oil-flow{fill:none;stroke:#d99429;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 12;opacity:0}
.is-running .tbb-oil-flow{opacity:.95;animation:tbb-flow 1.2s linear infinite}
@keyframes tbb-flow{to{stroke-dashoffset:-42}}