/* assets/physics/fluid-dynamics/how-a-wing-makes-lift.css — 本页专属样式（en/zh 共用） */
/* ============ 机翼升力 · How a wing makes lift ============ */
/* wing-lift · merged from source <style> */

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

/* ============ 机翼 ============ */
body[data-topic="wing-lift"] .airfoil{fill:#dbe3ee;stroke:#1e293b;stroke-width:2.5;stroke-linejoin:round;}

/* ============ 气流流线 ============ */
body[data-topic="wing-lift"] .stream{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:16 12;stroke-dashoffset:0;}
body[data-topic="wing-lift"] .is-running .stream{animation:wing-flow 1.1s linear infinite;}
body[data-topic="wing-lift"] .stream.upper{stroke:#0891b2;animation-duration:.6s;}
body[data-topic="wing-lift"] .stream.lower{stroke:#ea580c;animation-duration:1.3s;}
@keyframes wing-flow{to{stroke-dashoffset:-56}}

/* ============ 压力箭头 ============ */
body[data-topic="wing-lift"] .press-arrow{fill:none;stroke-width:3;stroke-linecap:round;}
body[data-topic="wing-lift"] .is-running .press-arrow{animation:wing-push 1.8s ease-in-out infinite;}
body[data-topic="wing-lift"] .press-arrow.high{stroke:#ea580c;}
body[data-topic="wing-lift"] .press-arrow.low{stroke:#0891b2;}
body[data-topic="wing-lift"] .is-running .press-arrow.up{animation-name:wing-push-up;}
@keyframes wing-push{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@keyframes wing-push-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* ============ 升力箭头 ============ */
body[data-topic="wing-lift"] .lift-arrow{fill:none;stroke:#2563eb;stroke-width:5;stroke-linecap:round;}
body[data-topic="wing-lift"] .is-running .lift-arrow{animation:wing-lift 1.6s ease-in-out infinite;}
@keyframes wing-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ============ 测压管 ============ */
body[data-topic="wing-lift"] .mtr-glass{fill:#ffffff;stroke:#64748b;stroke-width:2;}
body[data-topic="wing-lift"] .mtr-high{fill:#fb923c;}
body[data-topic="wing-lift"] .mtr-low{fill:#22d3ee;}

/* ============ 无障碍：减弱动效 ============ */
@media (prefers-reduced-motion:reduce){
  body[data-topic="wing-lift"] .stream,
  body[data-topic="wing-lift"] .press-arrow,
  body[data-topic="wing-lift"] .lift-arrow{animation:none;}
}