/* ============================================
   AOS 滚动动画 - 轻研机械设备中文站
   简化实现：仅 fade-up / zoom-in / fade-left / fade-right
   配合 IntersectionObserver 使用
   ============================================ */

/* --- 基础设置 --- */
[data-aos]{
  transition-property:opacity,transform;
  transition-duration:.6s;
  transition-timing-function:cubic-bezier(.16,1,.3,1);
  transition-delay:0s
}

/* --- fade-up --- */
[data-aos=fade-up]{
  opacity:0;
  transform:translateY(30px)
}
[data-aos=fade-up].aos-animate{
  opacity:1;
  transform:translateY(0)
}

/* --- fade-down --- */
[data-aos=fade-down]{
  opacity:0;
  transform:translateY(-30px)
}
[data-aos=fade-down].aos-animate{
  opacity:1;
  transform:translateY(0)
}

/* --- fade-left --- */
[data-aos=fade-left]{
  opacity:0;
  transform:translateX(-30px)
}
[data-aos=fade-left].aos-animate{
  opacity:1;
  transform:translateX(0)
}

/* --- fade-right --- */
[data-aos=fade-right]{
  opacity:0;
  transform:translateX(30px)
}
[data-aos=fade-right].aos-animate{
  opacity:1;
  transform:translateX(0)
}

/* --- zoom-in --- */
[data-aos=zoom-in]{
  opacity:0;
  transform:scale(.92)
}
[data-aos=zoom-in].aos-animate{
  opacity:1;
  transform:scale(1)
}

/* --- zoom-out --- */
[data-aos=zoom-out]{
  opacity:0;
  transform:scale(1.08)
}
[data-aos=zoom-out].aos-animate{
  opacity:1;
  transform:scale(1)
}

/* --- flip-up --- */
[data-aos=flip-up]{
  opacity:0;
  transform:perspective(600px) rotateX(8deg)
}
[data-aos=flip-up].aos-animate{
  opacity:1;
  transform:perspective(600px) rotateX(0)
}

/* --- 延迟工具类 --- */
[data-aos-delay="50"]{transition-delay:50ms}
[data-aos-delay="100"]{transition-delay:.1s}
[data-aos-delay="150"]{transition-delay:.15s}
[data-aos-delay="200"]{transition-delay:.2s}
[data-aos-delay="250"]{transition-delay:.25s}
[data-aos-delay="300"]{transition-delay:.3s}
[data-aos-delay="400"]{transition-delay:.4s}
[data-aos-delay="500"]{transition-delay:.5s}
[data-aos-delay="600"]{transition-delay:.6s}
[data-aos-delay="700"]{transition-delay:.7s}
[data-aos-delay="800"]{transition-delay:.8s}
[data-aos-delay="900"]{transition-delay:.9s}
[data-aos-delay="1000"]{transition-delay:1s}

/* --- 持续时间工具类 --- */
[data-aos-duration="100"]{transition-duration:.1s}
[data-aos-duration="200"]{transition-duration:.2s}
[data-aos-duration="300"]{transition-duration:.3s}
[data-aos-duration="400"]{transition-duration:.4s}
[data-aos-duration="500"]{transition-duration:.5s}
[data-aos-duration="600"]{transition-duration:.6s}
[data-aos-duration="700"]{transition-duration:.7s}
[data-aos-duration="800"]{transition-duration:.8s}
[data-aos-duration="900"]{transition-duration:.9s}
[data-aos-duration="1000"]{transition-duration:1s}
[data-aos-duration="1200"]{transition-duration:1.2s}
[data-aos-duration="1500"]{transition-duration:1.5s}
[data-aos-duration="2000"]{transition-duration:2s}

/* --- once 模式（默认，动画只触发一次） --- */
/* 由 JS 控制，CSS无需额外设置 */

/* --- 偏移量 --- */
[data-aos-offset="0"]{--aos-offset:0}
[data-aos-offset="50"]{--aos-offset:50}
[data-aos-offset="100"]{--aos-offset:100}
[data-aos-offset="150"]{--aos-offset:150}
[data-aos-offset="200"]{--aos-offset:200}
[data-aos-anchor-placement="top-bottom"]{--aos-anchor-placement:top-bottom}
[data-aos-anchor-placement="center-bottom"]{--aos-anchor-placement:center-bottom}
[data-aos-anchor-placement="bottom-bottom"]{--aos-anchor-placement:bottom-bottom}

/* --- 响应式减弱动画（无障碍） --- */
@media(prefers-reduced-motion:reduce){
  [data-aos]{
    transition:none!important;
    opacity:1!important;
    transform:none!important
  }
}

/* --- 移动端优化 --- */
@media(max-width:768px){
  [data-aos]{
    transition-duration:.4s
  }
  [data-aos=fade-up],
  [data-aos=fade-down]{
    transform:translateY(20px)
  }
  [data-aos=fade-left],
  [data-aos=fade-right]{
    transform:translateX(20px)
  }
  [data-aos=zoom-in]{
    transform:scale(.96)
  }
}