/* assets/physics/style.css — 物理类目专用样式
   依赖 /assets/style.css（设计令牌 + .part/.tag 骨架 + 外壳三态）。
   文丘里效应图形/动画样式自 svgs/physics-02-how-the-venturi-effect-works.html 预览 <style> 并入驻此
   （页面禁止内联 <style>）。规则按 body[data-topic="venturi-effect"] 作用域限定，
   避免与后续 physics 页面（伯努利 / 虹吸等）同名类冲突；动画由 #stage 的 .is-running 驱动，
   减弱动效由 base /assets/style.css 全局兜底。 */

/* ============ 图形基础 ============ */
body[data-topic="venturi-effect"] .svg-title{fill:#16202c;font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:.08em;text-anchor:middle;}
body[data-topic="venturi-effect"] .svg-sub{fill:#64748b;font-size:12px;text-anchor:middle;}
body[data-topic="venturi-effect"] .tag{fill:#334155;font-size:19px;font-weight:600;text-anchor:middle;}
body[data-topic="venturi-effect"] .tag-sm{fill:#64748b;font-size:14px;text-anchor:middle;}
body[data-topic="venturi-effect"] .legend{fill:#94a3b8;font-size:11px;text-anchor:middle;}

/* ============ 管道主体（宽—窄—宽，渐变表示压强） ============ */
body[data-topic="venturi-effect"] .pipe-body{fill:url(#vtFill);stroke:#1e293b;stroke-width:3;stroke-linejoin:round;}

/* ============ 测压管 ============ */
body[data-topic="venturi-effect"] .mtr-glass{fill:#ffffff;stroke:#64748b;stroke-width:2;}
body[data-topic="venturi-effect"] .mtr-high{fill:#fb923c;}
body[data-topic="venturi-effect"] .mtr-low{fill:#22d3ee;}
body[data-topic="venturi-effect"] .mtr-connect{stroke:#64748b;stroke-width:14;stroke-linecap:round;}
body[data-topic="venturi-effect"] .mtr-connect-fill{stroke:#22d3ee;stroke-width:8;stroke-linecap:round;}

/* ============ 压强箭头（高压长橙 / 低压短青） ============ */
body[data-topic="venturi-effect"] .press-arrow{fill:none;stroke-width:3;stroke-linecap:round;}
body[data-topic="venturi-effect"] .press-arrow.high{stroke:#ea580c;}
body[data-topic="venturi-effect"] .press-arrow.low{stroke:#0891b2;}
body[data-topic="venturi-effect"] .is-running .press-arrow{animation:vt-push 1.8s ease-in-out infinite;}
body[data-topic="venturi-effect"] .is-running .press-arrow.up{animation-name:vt-push-up;}
@keyframes vt-push{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@keyframes vt-push-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* ============ 流体流线（虚线动画；喉部更快） ============ */
body[data-topic="venturi-effect"] .stream{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;stroke-dasharray:16 12;stroke-dashoffset:0;}
body[data-topic="venturi-effect"] .is-running .stream{animation:vt-flow 1s linear infinite;}
body[data-topic="venturi-effect"] .is-running .stream.fast{animation-duration:.6s;}
@keyframes vt-flow{to{stroke-dashoffset:-56}}