/* /assets/css/physics/astro-physics/how-a-simple-solar-eclipse-lunar-eclipse-geometry-explained.css — 本页专属样式（en/zh 共用）
   依赖 /assets/css/style.css（设计令牌 + .part/.tag 骨架 + 外壳态 + prefers-reduced-motion 兜底）。
   图形类样式自图解源文件 svgs/done/physics-41-how-a-simple-solar-eclipse-lunar-eclipse-geometry-explained.html 内联样式并入驻此
   （页面禁止内联 <style>）。规则按 body[data-topic="eclipse-geometry"] 作用域限定，
   避免与同类目其它 physics 页面同名类冲突；动画由 #stage 的 .is-running 驱动。 */

/* ============ 图形文字 ============ */
body[data-topic="eclipse-geometry"] .svg-title{fill:#16202c;font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:.08em;}
body[data-topic="eclipse-geometry"] .svg-sub{fill:#5b6472;font-family:var(--sans);font-size:12.5px;}
body[data-topic="eclipse-geometry"] .row-title{fill:#1e3a8a;font-family:var(--mono);font-size:13.5px;font-weight:600;letter-spacing:.06em;}
body[data-topic="eclipse-geometry"] .tag{fill:#334155;font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.01em;}
body[data-topic="eclipse-geometry"] .tag-sm{fill:#5b6472;font-family:var(--sans);font-size:12px;}
body[data-topic="eclipse-geometry"] .legend{fill:#5b6472;font-family:var(--sans);font-size:11.5px;}

/* ============ 太阳 ============ */
body[data-topic="eclipse-geometry"] .sun-disc{fill:#f59e0b;stroke:#b45309;stroke-width:2.5;}
body[data-topic="eclipse-geometry"] .sun-ray{stroke:#f59e0b;stroke-width:4;stroke-linecap:round;}
body[data-topic="eclipse-geometry"] .part.is-active .sun-disc{fill:#fbbf24;stroke:#92400e;}

/* ============ 阳光 ============ */
body[data-topic="eclipse-geometry"] .sunbeam{fill:none;stroke:#d97706;stroke-width:5;stroke-linecap:round;stroke-dasharray:16 12;}
body[data-topic="eclipse-geometry"] .part.is-active .sunbeam{stroke:#b45309;stroke-width:6;}

/* ============ 影锥 ============ */
body[data-topic="eclipse-geometry"] .penumbra{fill:#64748b;fill-opacity:.15;stroke:#94a3b8;stroke-width:1.4;stroke-dasharray:8 6;}
body[data-topic="eclipse-geometry"] .umbra{fill:#1e293b;fill-opacity:.45;}
body[data-topic="eclipse-geometry"] .part.is-active .penumbra{fill:#475569;fill-opacity:.28;stroke:#334155;}
body[data-topic="eclipse-geometry"] .part.is-active .umbra{fill:#0f172a;fill-opacity:.6;}

/* ============ 天体 ============ */
body[data-topic="eclipse-geometry"] .earth{fill:#8ab4f8;stroke:#1d4ed8;stroke-width:2;}
body[data-topic="eclipse-geometry"] .moon{fill:#cbd5e1;stroke:#64748b;stroke-width:2;}
body[data-topic="eclipse-geometry"] .part.is-active .earth{fill:#bfdbfe;stroke:#1e40af;}
body[data-topic="eclipse-geometry"] .part.is-active .moon{fill:#e2e8f0;stroke:#475569;}

/* ============ 高亮发光 ============ */
body[data-topic="eclipse-geometry"] .part.is-active{filter:drop-shadow(0 0 12px rgba(29,78,216,.45));}

/* ============ 动画（由 #stage 的 .is-running 驱动） ============ */
body[data-topic="eclipse-geometry"] .is-running .sunbeam{animation:ec-sunflow 1s linear infinite;}
body[data-topic="eclipse-geometry"] .is-running .sun-ray{transform-box:fill-box;transform-origin:center;animation:ec-glow 3s ease-in-out infinite;}
@keyframes ec-sunflow{to{stroke-dashoffset:-56}}
@keyframes ec-glow{0%,100%{opacity:.7}50%{opacity:1}}