/* maimu-sh.com 首页交互动效 (home-anim.css) */
/* 作用域：仅首页 index.html 引用，不修改 basics.css，不影响其他页面 */

/* 安全开关：仅当 JS 正常运行时 html 带 .js-anim，元素才初始隐藏；
   JS 失效 / 被拦截时所有内容照常显示，绝不白屏 */
.js-anim .reveal,
.js-anim .reveal-item {
  opacity: 0;
  transform: translateY(42px);
  transition: opacity .8s cubic-bezier(.22, 1, .36, 1),
              transform .8s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}
.js-anim .reveal.in,
.js-anim .reveal-item.in {
  opacity: 1;
  transform: none;
}

/* 区块标题红色下划线：入场后展开 */
.product_title h2 i {
  transition: width .6s ease;
}
.js-anim .product_title h2 i {
  width: 0;
}
.js-anim .product_title.in h2 i {
  width: 28px;
}

/* 产品卡悬浮抬升（无投影） */
.product_slide_tab .swiper-slide a {
  transition: transform .35s ease;
}
.product_slide_tab .swiper-slide a:hover {
  transform: translateY(-8px);
}

/* 无障碍：尊重“减少动效”系统偏好 */
@media (prefers-reduced-motion: reduce) {
  .js-anim .reveal,
  .js-anim .reveal-item,
  .banner .banner-swip .swiper-slide-active img {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}