/* =========================================
   铭赞网络·短视频矩阵营销
   animations.css - 动画关键帧与微交互
   ========================================= */

/* 滚动触发入场 */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  will-change: opacity, transform;
}
.reveal.is-in {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: .08s; }
.reveal-delay-2 { transition-delay: .16s; }
.reveal-delay-3 { transition-delay: .24s; }
.reveal-delay-4 { transition-delay: .32s; }
.reveal-delay-5 { transition-delay: .40s; }
.reveal-delay-6 { transition-delay: .48s; }

/* 浮动 */
@keyframes floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
.hero-card-2 { animation-name: floatyAlt; }
@keyframes floatyAlt {
  0%, 100% { transform: translateY(-50%); }
  50% { transform: translateY(calc(-50% - 14px)); }
}

/* Hero 背景缓动 */
@keyframes heroFloat {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(0,-1%,0) scale(1.02); }
}

/* 滚动提示小点 */
@keyframes scrollDot {
  0% { transform: translateY(0); opacity: 1; }
  60% { transform: translateY(8px); opacity: 0; }
  100% { transform: translateY(0); opacity: 0; }
}

/* CTA 按钮轻微光晕 */
@keyframes btnGlow {
  0%, 100% { box-shadow: var(--shadow-gold); }
  50% { box-shadow: 0 14px 36px rgba(201, 163, 90, .5); }
}

/* 时间线节点脉冲 */
@keyframes pulseRing {
  0% { box-shadow: 0 0 0 0 rgba(201, 163, 90, .35); }
  70% { box-shadow: 0 0 0 12px rgba(201, 163, 90, 0); }
  100% { box-shadow: 0 0 0 0 rgba(201, 163, 90, 0); }
}
.timeline li::before { animation: pulseRing 2.4s var(--ease) infinite; }

/* 卡片悬浮时的金色光边 */
.service-card { transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease); }

/* FAQ 展开平滑 */
.faq-item summary { transition: color .2s var(--ease); }

/* 链接下划线扫光 */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* 平台 logo 微动 */
.pf { transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease); }
.pf-icon svg { transition: transform .3s var(--ease); }
.pf:hover .pf-icon svg { transform: scale(1.1) rotate(-3deg); }

/* 数字计数器柔和脉冲 */
.stat-num.is-counting {
  text-shadow: 0 0 22px rgba(232, 210, 160, .25);
  transition: text-shadow .3s var(--ease);
}

/* 减少动画 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .reveal { opacity: 1; transform: none; }
}