/* 蓝心科技官网 - 全局视觉动效（本地资源，无 CDN/外部字体/外链图标） */
/* 原则：无 JS 时页面保持静态可见；系统开“减弱动态”时全部关闭位移动画。 */

/* ---------- 滚动进入视口渐显（由 JS 加 .lx-anim，无 JS 则始终可见） ---------- */
html.lx-anim .lx-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .72s cubic-bezier(.22,.61,.36,1), transform .72s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
html.lx-anim .lx-reveal.lx-reveal-in {
  opacity: 1;
  transform: none;
}

/* ---------- 卡片 hover 上浮 + 阴影 ---------- */
.lx-public-card,
.lx-rich-card,
.lx-public-content-card,
.lx-proof-item,
.lx-form-process-step {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.lx-public-card:hover,
.lx-rich-card:hover,
.lx-public-content-card:hover,
.lx-form-process-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(47, 95, 187, .14), 0 2px 6px rgba(47, 95, 187, .06);
}
.lx-proof-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(47, 95, 187, .12);
}

/* ---------- 按钮 hover ---------- */
.btn {
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.btn-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-primary:hover,
.btn-lg:hover,
.btn-sm:hover {
  transform: translateY(-1px);
}
.btn-primary:hover { box-shadow: 0 8px 20px rgba(47, 95, 187, .24); }

/* ---------- 首屏 Hero：干净浅底 + 细网格 + 克制的红色光晕 ---------- */
.lx-preview-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(120% 90% at 18% 0%, #ffffff 0%, #f6f6f6 54%, #ffffff 100%);
}
.lx-preview-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(21, 21, 21, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 21, 21, .045) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(ellipse 82% 64% at 28% 18%, rgba(0, 0, 0, .5), transparent 72%);
  mask-image: radial-gradient(ellipse 82% 64% at 28% 18%, rgba(0, 0, 0, .5), transparent 72%);
}
.lx-preview-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: 620px;
  height: 620px;
  right: -160px;
  top: -160px;
  background: radial-gradient(circle at center, rgba(15, 98, 254, .12), rgba(15, 98, 254, 0) 62%);
  filter: blur(40px);
  animation: lxOrbFloat 22s ease-in-out infinite;
}
@keyframes lxOrbFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-40px, 28px) scale(1.06); }
}
.lx-preview-hero > .container {
  position: relative;
  z-index: 1;
}

/* ---------- 首屏入场（页面加载即播，一次性） ---------- */
@media (prefers-reduced-motion: no-preference) {
  .lx-preview-hero .lx-status,
  .lx-preview-hero h1,
  .lx-preview-hero .lead,
  .lx-preview-hero .d-flex,
  .lx-preview-hero .lx-hero-metrics,
  .lx-preview-hero .lx-public-hero-panel,
  .lx-redhat-hero .lx-redhat-eyebrow,
  .lx-redhat-hero h1,
  .lx-redhat-hero .lead,
  .lx-redhat-hero .lx-redhat-cta,
  .lx-redhat-hero .lx-redhat-metrics,
  .lx-redhat-hero .lx-redhat-capabilities {
    animation: lxEntrance .8s cubic-bezier(.22, .61, .36, 1) both;
  }
  .lx-preview-hero .lx-status,
  .lx-redhat-hero .lx-redhat-eyebrow { animation-delay: .04s; }
  .lx-preview-hero h1,
  .lx-redhat-hero h1 { animation-delay: .14s; }
  .lx-preview-hero .lead,
  .lx-redhat-hero .lead { animation-delay: .24s; }
  .lx-preview-hero .d-flex,
  .lx-redhat-hero .lx-redhat-cta { animation-delay: .34s; }
  .lx-preview-hero .lx-hero-metrics,
  .lx-redhat-hero .lx-redhat-metrics { animation-delay: .44s; }
  .lx-preview-hero .lx-public-hero-panel,
  .lx-redhat-hero .lx-redhat-capabilities { animation-delay: .5s; }
}
@keyframes lxEntrance {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

/* ---------- 系统“减弱动态效果”：全部静态 ---------- */
@media (prefers-reduced-motion: reduce) {
  html.lx-anim .lx-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .lx-preview-hero::after {
    animation: none;
  }
  .lx-preview-hero .lx-status,
  .lx-preview-hero h1,
  .lx-preview-hero .lead,
  .lx-preview-hero .d-flex,
  .lx-preview-hero .lx-hero-metrics,
  .lx-preview-hero .lx-public-hero-panel,
  .lx-redhat-hero .lx-redhat-eyebrow,
  .lx-redhat-hero h1,
  .lx-redhat-hero .lead,
  .lx-redhat-hero .lx-redhat-cta,
  .lx-redhat-hero .lx-redhat-metrics,
  .lx-redhat-hero .lx-redhat-capabilities {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .lx-public-card, .lx-rich-card, .lx-public-content-card, .lx-proof-item, .lx-form-process-step {
    transition: none;
  }
}

/* 图片型 Hero 首屏入场（IBM/图片版） */
@media (prefers-reduced-motion: no-preference) {
  .lx-photo-hero .lx-photo-eyebrow,
  .lx-photo-hero h1,
  .lx-photo-hero .lead,
  .lx-photo-hero .lx-photo-cta,
  .lx-photo-hero .lx-photo-metrics,
  .lx-photo-hero .lx-photo-capabilities {
    animation: lxEntrance .85s cubic-bezier(.22,.61,.36,1) both;
  }
  .lx-photo-hero .lx-photo-eyebrow { animation-delay:.05s; }
  .lx-photo-hero h1 { animation-delay:.15s; }
  .lx-photo-hero .lead { animation-delay:.25s; }
  .lx-photo-hero .lx-photo-cta { animation-delay:.35s; }
  .lx-photo-hero .lx-photo-metrics { animation-delay:.45s; }
  .lx-photo-hero .lx-photo-capabilities { animation-delay:.52s; }
}
@media (prefers-reduced-motion: reduce) {
  .lx-photo-hero-bg { animation:none !important; transform:none !important; }
  .lx-photo-hero .lx-photo-eyebrow, .lx-photo-hero h1, .lx-photo-hero .lead,
  .lx-photo-hero .lx-photo-cta, .lx-photo-hero .lx-photo-metrics, .lx-photo-hero .lx-photo-capabilities {
    animation:none !important; opacity:1 !important; transform:none !important;
  }
  .lx-img-card img { transition:none; }
}

@media (prefers-reduced-motion: reduce) {
  .lx-photo-hero::before, .lx-photo-hero::after { animation:none !important; }
}