/* =====================================================
   云枢在线 · 动画补充样式（模块级，无文字动画）
   ===================================================== */

/* 导航滚动阴影过渡 */
nav {
  transition: box-shadow 0.3s ease;
}

/* 白色卡片通用 hover 上浮（已有 feature-card 等的补充） */
.bg-white.rounded-xl:hover,
.bg-white.rounded-2xl:hover,
.bg-white.rounded-lg:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 44px rgba(0, 51, 102, 0.11), 0 4px 14px rgba(0,0,0,0.06);
  transition: transform 0.28s cubic-bezier(0.25,1,0.5,1),
              box-shadow 0.28s cubic-bezier(0.25,1,0.5,1);
}

/* 蓝色 CTA 按钮 hover 上浮 */
a[class*="bg-[#0066CC]"]:hover,
a[class*="bg-[#003366]"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,102,204,0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 金色 CTA 按钮 hover */
a[class*="bg-[#FFCC00]"]:hover,
button[class*="bg-[#FFCC00]"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255,204,0,0.32);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 无障碍：尊重减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
  section,
  section .grid > *,
  section [class*="grid-cols"] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}