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

/* 零件本体/区分色（作用域限定 · 均在中灰蓝值域内） */
body[data-topic="radiation-heat-transfer"] .part .body{fill:#c2d1e4;stroke:#2563eb;stroke-width:1.6}
body[data-topic="radiation-heat-transfer"] .part .body2{fill:#dde7f4;stroke:#60a5fa;stroke-width:1.2}
body[data-topic="radiation-heat-transfer"] .part .body3{fill:#aab9cd;stroke:none}
body[data-topic="radiation-heat-transfer"] .part .accent{fill:none;stroke:#6b7b8c;stroke-width:2;stroke-linecap:round}
body[data-topic="radiation-heat-transfer"] .part.is-active .body{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}
body[data-topic="radiation-heat-transfer"] .part.is-active .body2{fill:#c4daf8;stroke:#3b82f6;stroke-width:1.4}
body[data-topic="radiation-heat-transfer"] .part.is-active .body3{fill:#1d4ed8}
body[data-topic="radiation-heat-transfer"] .part.is-active{filter:drop-shadow(0 0 12px rgba(29,78,216,.5))}

/* 辐射体（热）与吸收体（冷）：材质专用饱和色（豁免） */
body[data-topic="radiation-heat-transfer"] .part[data-id="part-hot-emitter"] .body{fill:#f6b67a;stroke:#c2410c;stroke-width:2}
body[data-topic="radiation-heat-transfer"] .part[data-id="part-cold-absorber"] .body{fill:#bfdbfe;stroke:#2563eb;stroke-width:2}

/* 面板底板 */
.rht-panel{fill:#fbfdff;stroke:#cfd8e3;stroke-width:1.4;stroke-dasharray:6 6}

/* 电磁波：向右传播的虚线波 */
.rht-wave{fill:none;stroke:#ea580c;stroke-width:3;stroke-linecap:round;stroke-dasharray:14 10;
  animation:rht-wave 1.6s linear infinite;animation-play-state:paused}
.is-running .rht-wave{animation-play-state:running}
@keyframes rht-wave{to{stroke-dashoffset:-48}}

/* 辐射体发光脉动 */
.rht-glow{animation:rht-glow 3s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.is-running .rht-glow{animation-play-state:running}
@keyframes rht-glow{0%{opacity:.22}50%{opacity:.7}100%{opacity:.22}}

/* 吸收体升温脉动 */
.rht-warmup{animation:rht-warmup 3s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.is-running .rht-warmup{animation-play-state:running}
@keyframes rht-warmup{0%{opacity:0}50%{opacity:.4}100%{opacity:0}}

/* 光谱曲线脉动 */
.rht-curve-p{animation:rht-pulse 5s ease-in-out infinite;animation-play-state:paused}
.is-running .rht-curve-p{animation-play-state:running}
@keyframes rht-pulse{0%{filter:none}50%{filter:drop-shadow(0 0 7px rgba(220,38,38,.5))}100%{filter:none}}

/* 坐标轴 */
.rht-axis{stroke:#9aa9bd;stroke-width:2;fill:none}
.rht-axis-sm{stroke:#9aa9bd;stroke-width:1.6;fill:none}