/* 由 design source 的交互数据自动生成 —— 对应
   IX2 a-158/a-159 [MARQUEE] Logos to left / right
   IX3 t-aisb-nav-on-page-load-scale-in-all-elements-02259f98
   IX3 t-aisb-scale-in-hero-only-d2ad991d
*/

@media (prefers-reduced-motion: no-preference) {

  /* ---- 1. 跑马灯：50s 线性无限，移出视口暂停 ---- */
  .marquee_move-left {
    animation: wf-marquee-left 50s linear infinite;
    will-change: transform;
  }
  .marquee_move-right {
    animation: wf-marquee-right 50s linear infinite;
    will-change: transform;
  }
  .wf-marquee-paused .marquee_move-left,
  .wf-marquee-paused .marquee_move-right {
    animation-play-state: paused;
  }

  /* ---- 2. 首屏元素逐级 scale-in（滚动进入视口时触发） ---- */
  .wf-reveal {
    opacity: 0;
    transform: scale(var(--wf-reveal-from, 0.9));
  }
  .wf-reveal.wf-reveal-in {
    opacity: 1;
    transform: scale(1);
    transition:
      opacity var(--wf-reveal-dur, 0.6s) cubic-bezier(0.25, 0.46, 0.45, 0.94),
      transform var(--wf-reveal-dur, 0.6s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: var(--wf-reveal-delay, 0s);
  }

  /* ---- 3. 导航栏加载后 scale-in（延迟 1.2s） ---- */
  .nav_container {
    animation: wf-nav-scale-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s both;
  }
}

@keyframes wf-marquee-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}
@keyframes wf-marquee-right {
  from { transform: translateX(0); }
  to   { transform: translateX(100%); }
}
@keyframes wf-nav-scale-in {
  from { opacity: 0; transform: scale(0.9); }
  to   { opacity: 1; transform: scale(1); }
}