/* assets/css/physics/thermodynamics/conduction-convection-radiation-three-modes-side-by-side-compare.css — 本页专属样式（en/zh 共用） */
/* 依赖 /assets/css/style.css（设计令牌 + .part/.tag 骨架 + 外壳态）。
   图形/动画样式自 svgs/done/physics-20-conduction-convection-radiation-three-modes-side-by-side-compare.html 预览 <style> 并入驻此
   （页面禁止内联 <style>）。零件区分色与动画按 body[data-topic="conduction-convection-radiation-compare"] 作用域限定；
   本页专属类统一 ccr-* 前缀，与其它页不冲突。动画由 #stage 的 .is-running 驱动。 */

/* 零件本体/区分色（作用域限定 · 均在中灰蓝值域内） */
body[data-topic="conduction-convection-radiation-compare"] .part .body{fill:#c2d1e4;stroke:#7d8ea3;stroke-width:1.6}
body[data-topic="conduction-convection-radiation-compare"] .part .body2{fill:#dde7f4;stroke:#a9b7c9;stroke-width:1.2}
body[data-topic="conduction-convection-radiation-compare"] .part.is-active .body{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}
body[data-topic="conduction-convection-radiation-compare"] .part.is-active .body2{fill:#c4daf8;stroke:#3b82f6;stroke-width:1.4}
body[data-topic="conduction-convection-radiation-compare"] .part.is-active{filter:drop-shadow(0 0 12px rgba(29,78,216,.5))}

/* 面板底板与标题 */
.ccr-panel{fill:#fbfdff;stroke:#cfd8e3;stroke-width:1.4;stroke-dasharray:6 6}
.ccr-title{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;fill:#1e40af}
.ccr-note{font-size:10.5px;fill:#5b6472}
.part.is-active .ccr-title{fill:#1d4ed8}
.part.is-active .ccr-note{fill:#2563eb}

/* 传导：温度梯度金属棒 + 原子 */
.ccr-bar{fill:url(#ccr-grad);stroke:#7d8ea3;stroke-width:1.6}
.part.is-active .ccr-bar{stroke:#1d4ed8;stroke-width:2.6}
.ccr-atom{fill:#dbe3ee;stroke:#2563eb;stroke-width:1.4}
.part.is-active .ccr-atom{fill:#9dc3f5;stroke:#1d4ed8}

/* 对流：房间 + 热板 + 流体 */
.ccr-room{fill:#dde7f4;stroke:#a9b7c9;stroke-width:1.4}
.part.is-active .ccr-room{stroke:#1d4ed8}
.ccr-floor{fill:#f6b67a;stroke:#c2410c;stroke-width:1.6}
.part.is-active .ccr-floor{stroke:#1d4ed8;stroke-width:2.4}
.ccr-dot{fill:#2563eb;opacity:.55}

/* 辐射：高温体 / 低温体（材质专用饱和色，豁免） */
.ccr-hot{fill:#f6b67a;stroke:#c2410c;stroke-width:2}
.ccr-cold{fill:#bfdbfe;stroke:#2563eb;stroke-width:2}
.part.is-active .ccr-hot,.part.is-active .ccr-cold{stroke:#1d4ed8;stroke-width:2.6}

/* 动画：流动箭头 / 电磁波 / 原子脉动 */
.ccr-flow{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:9 9}
.ccr-flow.hot{stroke:#ea580c}
.ccr-flow.cold{stroke:#2563eb}
.is-running .ccr-flow{animation:ccr-flow 1.4s linear infinite}
.is-running .ccr-flow.cold{animation-duration:1.05s}
@keyframes ccr-flow{to{stroke-dashoffset:-36}}

.ccr-wave{fill:none;stroke:#ea580c;stroke-width:3;stroke-linecap:round;stroke-dasharray:12 9}
.is-running .ccr-wave{animation:ccr-wave 1.6s linear infinite}
@keyframes ccr-wave{to{stroke-dashoffset:-42}}

.is-running .ccr-atom{animation:ccr-pulse 1.8s ease-in-out infinite}
@keyframes ccr-pulse{0%,100%{opacity:.7}50%{opacity:1}}