/**
 * 首页动效（参考 united-compressor.com 节奏）— 仅 transform / opacity，不改布局尺寸。
 */
:root {
  --motion-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --motion-ease-out: cubic-bezier(0.77, 0, 0.175, 1);
  --motion-duration: 0.85s;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-swiper .swiper-slide .hero-img,
  .hero-swiper .swiper-slide .hero-video {
    transform: scale(1);
    transition: transform 0.3s ease;
  }

  .hero-swiper .swiper-slide-active .hero-img,
  .hero-swiper .swiper-slide-active .hero-video {
    animation: gapu-hero-kenburns 5.5s var(--motion-ease-out) forwards;
  }

  @keyframes gapu-hero-kenburns {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.06);
    }
  }

  #fullpage .motion-fade {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
    transition:
      opacity var(--motion-duration) var(--motion-ease),
      transform var(--motion-duration) var(--motion-ease);
    will-change: opacity, transform;
  }

  #fullpage .fp-section.is-motion-in .motion-fade {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  #fullpage .fp-section.is-motion-in .motion-fade--d1 {
    transition-delay: 0.08s;
  }

  #fullpage .fp-section.is-motion-in .motion-fade--d2 {
    transition-delay: 0.16s;
  }

  #fullpage .fp-section.is-motion-in .motion-fade--d3 {
    transition-delay: 0.24s;
  }

  #fullpage .fp-section.is-motion-in .motion-fade--d4 {
    transition-delay: 0.32s;
  }

  .industry-mask {
    transition: background 0.55s var(--motion-ease);
  }

  .industry-photo img {
    transition: transform 0.7s var(--motion-ease);
  }

  .industry-item.is-active .industry-photo img,
  .industry-item:hover .industry-photo img {
    transform: scale(1.03);
  }

  .industry-copy {
    transition:
      opacity 0.45s var(--motion-ease),
      visibility 0.45s var(--motion-ease),
      max-height 0.45s var(--motion-ease);
  }

  .product-card {
    transition:
      transform 0.45s var(--motion-ease),
      box-shadow 0.45s var(--motion-ease);
  }

  .product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
  }

  .product-figure img {
    transition: transform 0.55s var(--motion-ease);
  }

  .product-card:hover .product-figure img {
    transform: scale(1.03);
  }

  .news-swiper .swiper-slide {
    transition: transform 0.5s var(--motion-ease), opacity 0.5s ease;
  }

  #fp-nav ul li a span {
    transition:
      width 0.35s var(--motion-ease),
      height 0.35s var(--motion-ease),
      margin 0.35s var(--motion-ease),
      background 0.25s ease;
  }

  body.fp-responsive .section.motion-scroll-in .motion-fade {
    opacity: 1;
    transform: none;
  }

  /* 手机端纵向滚动：不依赖 fullPage 的 is-motion-in，避免内容长期透明 */
  @media (max-width: 1019px) {
    #fullpage .motion-fade {
      opacity: 1;
      transform: none;
    }

    #fullpage .fp-section.is-motion-in .motion-fade {
      opacity: 1;
      transform: none;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-swiper .swiper-slide-active .hero-img,
  .hero-swiper .swiper-slide-active .hero-video {
    animation: none;
  }

  #fullpage .motion-fade {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
