/* 首页 3 个板块依次缓动浮现（页面加载即触发） */
/* Asmedc 苹果风 stagger：
   - 外层 .home-reveal 只作 IO 触发器，本身不参与动画（永远可见）
   - 内部子元素（标题、主图、3 条列表）初始隐藏
   - IO 触发后加 .home-reveal-in：内部 5 个元素 stagger 浮入
   - 借鉴 Apple.com 产品页 / Stripe Docs / Vercel 主页风格 */

/* ========================================
   苹果风 hover 交互（专家卡 + 技术服务）
   - 鼠标指向时：卡片轻微上浮 + 柔和光线投影
   - 平滑过渡 0.35s cubic-bezier(.25,.1,.25,1)
   ======================================== */

/* 专家卡：上浮 12px + 柔和光线投影 + 图片微缩 */
.home-reveal .zja { transition: transform .4s cubic-bezier(.25,.1,.25,1), box-shadow .4s cubic-bezier(.25,.1,.25,1); }
.home-reveal .zj-item { transition: transform .4s cubic-bezier(.25,.1,.25,1), box-shadow .4s cubic-bezier(.25,.1,.25,1); }
/* !important 是为了盖住 stagger 动画 .home-reveal-in 后 animation: staggerIn ... both 残留的 translateY(0)
   否则 hover 时只会出 filter:drop-shadow，卡不会真的浮起来 */
.home-reveal .zja:hover {
  transform: translateY(-10px) !important;
  filter: drop-shadow(0 14px 26px rgba(0,0,0,.12));
}
.home-reveal .zja:hover .zj-item {
  box-shadow: 0 18px 36px rgba(0,0,0,.10), 0 6px 14px rgba(0,0,0,.06);
  background: #fff;
}
.home-reveal .zja:hover .portfolio-img img {
  transform: scale(1.06);
  transition: transform .55s cubic-bezier(.25,.1,.25,1);
}
.home-reveal .portfolio-img img {
  transition: transform .55s cubic-bezier(.25,.1,.25,1);
}

/* 技术服务图标：上浮 8px + 柔光投影 */
.home-reveal .col-4-1 { transition: transform .35s cubic-bezier(.25,.1,.25,1), box-shadow .35s cubic-bezier(.25,.1,.25,1); }
.home-reveal .col-4-1:hover {
  transform: translateY(-8px) !important;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 32px rgba(0,0,0,.10), 0 4px 10px rgba(0,0,0,.05);
}
.home-reveal .col-4-1:hover img { transform: scale(1.08); transition: transform .5s cubic-bezier(.25,.1,.25,1); }
.home-reveal .col-4-1 img { transition: transform .5s cubic-bezier(.25,.1,.25,1); }

@keyframes staggerIn {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 内部子元素初始 hidden（IO 未触发前不显示） */
.home-reveal .module-section-title-wrapper,
.home-reveal .headlines-content,
.home-reveal .headlines-others .entry-item,
.home-reveal .zja,
.home-reveal .col-4-1 {
  opacity: 0;
  transform: translateY(32px);
}

/* 进入 IO 触发后的 stagger 透明度解除（仅 zj-item 子元素，跟着 li 父可见） */
.home-reveal.home-reveal-in .zj-item { opacity: 1; }

/* .home-reveal-in 触发后：内部 staggered animation 浮入 */
.home-reveal.home-reveal-in .module-section-title-wrapper {
  animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1)   0ms both;
}
.home-reveal.home-reveal-in .headlines-content {
  animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1)  80ms both;
}
.home-reveal.home-reveal-in .headlines-others .entry-item:nth-child(1) {
  animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1) 200ms both;
}
.home-reveal.home-reveal-in .headlines-others .entry-item:nth-child(2) {
  animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1) 260ms both;
}
.home-reveal.home-reveal-in .headlines-others .entry-item:nth-child(3) {
  animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1) 320ms both;
}
/* 研究院专家团 5×2 = 10 张 <li>：选 li（直接兄弟元素）而非 .zj-item（div 在 li 内是 nth-child(1)） */
.home-reveal.home-reveal-in .img-lista .zja:nth-child(1)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1)  80ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(2)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 130ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(3)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 180ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(4)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 230ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(5)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 280ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(6)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 330ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(7)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 380ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(8)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 430ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(9)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 480ms both; }
.home-reveal.home-reveal-in .img-lista .zja:nth-child(10) { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 530ms both; }
/* 合作单位 logo 墙 5×2 = 10 个 li（在 .img-list 容器内，区别于 .img-lista 专家） */
.home-reveal.home-reveal-in .img-list .zja:nth-child(1)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1)  80ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(2)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 140ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(3)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 200ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(4)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 260ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(5)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 320ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(6)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 380ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(7)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 440ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(8)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 500ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(9)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 560ms both; }
.home-reveal.home-reveal-in .img-list .zja:nth-child(10) { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 620ms both; }
/* 合作单位 logo 墙：5×2 = 10 个 li */
/* 研究院专家团 li 浮入后，其内部 .zj-item 立即可见（无需 staggered） */
.home-reveal.home-reveal-in .img-lista .zj-item { opacity: 1; }
.home-reveal.home-reveal-in .img-list .zj-item  { opacity: 1; }
.home-reveal.home-reveal-in .zja:nth-child(1)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1)  80ms both; }
.home-reveal.home-reveal-in .zja:nth-child(2)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 140ms both; }
.home-reveal.home-reveal-in .zja:nth-child(3)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 200ms both; }
.home-reveal.home-reveal-in .zja:nth-child(4)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 260ms both; }
.home-reveal.home-reveal-in .zja:nth-child(5)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 320ms both; }
.home-reveal.home-reveal-in .zja:nth-child(6)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 380ms both; }
.home-reveal.home-reveal-in .zja:nth-child(7)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 440ms both; }
.home-reveal.home-reveal-in .zja:nth-child(8)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 500ms both; }
.home-reveal.home-reveal-in .zja:nth-child(9)  { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 560ms both; }
.home-reveal.home-reveal-in .zja:nth-child(10) { animation: staggerIn 1.2s cubic-bezier(.23,1,.32,1) 620ms both; }


/* 技术服务 4 个 col-4-1：图标 + 文字（错开 100ms） */
.home-reveal.home-reveal-in .col-4-1:nth-child(1) { animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1) 100ms both; }
.home-reveal.home-reveal-in .col-4-1:nth-child(2) { animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1) 200ms both; }
.home-reveal.home-reveal-in .col-4-1:nth-child(3) { animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1) 300ms both; }
.home-reveal.home-reveal-in .col-4-1:nth-child(4) { animation: staggerIn 1.2s cubic-bezier(.23, 1, .32, 1) 400ms both; }

@media (prefers-reduced-motion: reduce) {
  .home-reveal .module-section-title-wrapper,
  .home-reveal .headlines-content,
  .home-reveal .headlines-others .entry-item,
  .home-reveal .zja,
  .home-reveal .col-4-1 {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}