/* ============================================================
   AI加工官网 动画样式（配合 animations.js 使用）
   零依赖 · 纯 CSS · 设计系统对齐（铜色 #c8956c / 暗色 #1a1815）
   接入：<link rel="stylesheet" href="css/animations.css">
   ============================================================ */

/* ---- 1. 导航滚动变化（JS 切换 .is-scrolled） ---- */
[data-anim-nav] {
  transition: background .35s ease, box-shadow .35s ease, border-color .35s ease;
}
[data-anim-nav].is-scrolled {
  background: rgba(15, 13, 11, .97) !important;
  border-bottom-color: rgba(200, 149, 108, .3) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

/* ---- 2. AI 解析扫描线（报告单 & Hero 演示共用，JS 动态插入） ---- */
.jg-scan {
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #c8956c 30%, #f59e0b 50%, #c8956c 70%, transparent);
  box-shadow: 0 0 12px rgba(200, 149, 108, .6);
  pointer-events: none;
  animation: jg-sweep 1.5s cubic-bezier(.45, 0, .55, 1) infinite alternate;
}
@keyframes jg-sweep {
  from { transform: translateY(0); }
  to   { transform: translateY(var(--jg-scan-h, 160px)); }
}

/* ---- 3. 按钮 / 卡片 hover 微交互 ---- */
.btn-primary, .nav-cta, .price-card .cta, .dl-btn {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.btn-primary:hover, .nav-cta:hover, .price-card .cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(200, 149, 108, .35);
}
.btn-primary:active, .nav-cta:active, .price-card .cta:active {
  transform: translateY(0);
}
.btn-ghost {
  transition: border-color .25s ease, color .25s ease, transform .25s ease;
}
.btn-ghost:hover { transform: translateY(-2px); }

.flow-card, .cmp-card, details {
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.flow-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(31, 41, 55, .10);
  border-color: #e0c9ae;
}
.dl-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(31, 41, 55, .18); }
.ent-banner a { transition: letter-spacing .25s ease; display: inline-block; }
.ent-banner a:hover { letter-spacing: 1px; }

/* ---- 4. 无障碍：用户偏好减少动画时全部关闭 ---- */
@media (prefers-reduced-motion: reduce) {
  [data-anim-nav], .jg-scan,
  .btn-primary, .nav-cta, .btn-ghost, .price-card .cta,
  .flow-card, .cmp-card, .dl-btn, details {
    transition: none !important;
    animation: none !important;
  }
}