/* ================================================================
   智海国际 · 首屏主视觉重设计覆盖层  hero-v2.css
   ================================================================
   为什么存在
     原首屏是「装饰展示位」：3D 透视滚动网格 + 浮动粒子 + 发光节点
     示意图 + 三色光斑 + 4px 彩虹渐变条 + 英文大写 kicker，共挂 3 组
     无限动画。它们不承载任何信息，是「模板感／AI 味」的主要来源。

   改成什么
     同一位置改为「信息位」：呈现该页真实内容的编号矩阵（表格化排版）。
     视觉与 GEO 收益同向 —— 业界实测引用率：长段落约 30%、表格约 90%。

   规范（全站去 AI 味规范）
     圆角 4px ｜ 1px 细边框 ｜ 无投影 ｜ 无无限动画 ｜ 不用英文大写 kicker
     强调色只用品牌金 #c89b3c / #e0b85a

   加载位置
     必须排在 style.css 之后（本文件是覆盖层，不改动 style.css 一行）

   回滚
     删除各页 HTML 中的本文件 <link> 即完全恢复原状
   ================================================================ */

/* ──────────────────────────────────────────────────────────────
   1. 拆除装饰层
   ────────────────────────────────────────────────────────────── */

/* 3D 透视滚动网格：perspective(500px) rotateX(60deg)，20s 无限滚动 */
.page-banner .banner-grid { display: none !important; }

/* 浮动粒子：5 个 circle，6s 无限上下浮动 */
.page-banner .banner-particles { display: none !important; }

/* 三色光斑：橙 #e85d3a / 蓝 #2563eb / 金 #c89b3c，8s 呼吸动画 */
.page-banner::before { display: none !important; }

/* 首页 Hero 的两个大圆形光斑（700px 金 / 500px 蓝） */
.hero::before,
.hero::after { display: none !important; }

/* 底部 4px 五色彩虹渐变条 → 1px 品牌金细线 */
.page-banner::after {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(200, 155, 60, .55), transparent) !important;
}

/* 英文大写 kicker（text-transform:uppercase + letter-spacing:2px 的装饰标签） */
.page-banner .banner-label { display: none !important; }
.hero-en { display: none !important; }

/* ──────────────────────────────────────────────────────────────
   2. 统一底色，去掉多色斜渐变
   ────────────────────────────────────────────────────────────── */
.page-banner,
.page-banner.hk-banner,
.hero {
  background: #0a2d5e !important;
  animation: none !important;
}
.page-banner .banner-text,
.hero-content { animation: none !important; }

/* ──────────────────────────────────────────────────────────────
   3. 渐变文字（background-clip:text）→ 纯色
   ────────────────────────────────────────────────────────────── */
.page-banner h1,
.page-banner .banner-page-title {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  letter-spacing: 0 !important;
}
.page-banner h1 .highlight,
.page-banner .banner-page-title .highlight {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #e0b85a !important;
  color: #e0b85a !important;
}
/* 底部数字胶囊里的渐变文字同样改纯色 */
.page-banner .banner-stat .stat-num span {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #e0b85a !important;
  color: #e0b85a !important;
}

/* ──────────────────────────────────────────────────────────────
   4. 高度自适应（原为固定 420px，信息块会被截断）
   ────────────────────────────────────────────────────────────── */
.page-banner {
  height: auto !important;
  min-height: 0 !important;
  padding: 64px 0 58px !important;
}
.page-banner .banner-inner {
  height: auto !important;
  grid-template-columns: minmax(0, 1fr) 452px !important;
  gap: 56px !important;
  align-items: center !important;
}
.page-banner .banner-subtitle { margin-bottom: 0 !important; }
.page-banner .banner-tags { margin-top: 22px !important; }
.page-banner .breadcrumb { margin-top: 22px !important; }

/* ──────────────────────────────────────────────────────────────
   5. 右侧：从浮动装饰画 → 静态信息块
   ────────────────────────────────────────────────────────────── */
.page-banner .banner-visual {
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  display: block !important;
  animation: none !important;
  filter: none !important;
}
/* 原手绘 SVG（节点关系图 / 六边形 / 报纸）由 HTML 删除，此处兜底 */
.page-banner .banner-visual > svg { display: none !important; }

/* 底部悬浮数字胶囊：数字已并入右侧信息块底部，避免重复 */
.page-banner .banner-stats { display: none !important; }

/* 文章详情页：不放信息块，改单列紧凑 */
.page-banner.banner-solo { padding: 46px 0 42px !important; }
.page-banner.banner-solo .banner-inner { grid-template-columns: 1fr !important; gap: 0 !important; }

/* ──────────────────────────────────────────────────────────────
   6. 信息块（hv）—— 编号矩阵 + 底部事实条
   ────────────────────────────────────────────────────────────── */
.hv {
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 4px;
  overflow: hidden;
  background: rgba(255, 255, 255, .03);
}

.hv-hd {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.hv-hd b {
  font-size: .92rem;
  font-weight: 600;
  color: #ffffff;
}
.hv-hd span {
  font-size: .74rem;
  color: rgba(255, 255, 255, .62);
  white-space: nowrap;
}

.hv-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgba(255, 255, 255, .12);
}
.hv-grid i {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 13px 16px;
  background: #0b2f63;
  font-style: normal;
  font-size: .84rem;
  color: rgba(255, 255, 255, .94);
}
.hv-grid i u {
  font-style: normal;
  text-decoration: none;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .5px;
  color: #c89b3c;
  font-variant-numeric: tabular-nums;
}

.hv-list i {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 11px 18px;
  font-style: normal;
  font-size: .84rem;
  color: rgba(255, 255, 255, .94);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.hv-list i:last-child { border-bottom: none; }
.hv-list i u {
  font-style: normal;
  text-decoration: none;
  font-size: .7rem;
  font-weight: 700;
  min-width: 20px;
  color: #c89b3c;
  font-variant-numeric: tabular-nums;
}

/* 二维码容器（联系页）：二维码是转化入口，保留 */
.hv-qr {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 18px;
}
.hv-qr .qr-banner-img { border-radius: 4px !important; }

.hv-ft {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  padding: 13px 18px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .04);
}
.hv-ft div {
  font-size: .76rem;
  color: rgba(255, 255, 255, .7);
}
.hv-ft div b {
  display: block;
  margin-bottom: 2px;
  font-size: 1rem;
  font-weight: 700;
  color: #e0b85a;
  font-variant-numeric: tabular-nums;
}

/* ──────────────────────────────────────────────────────────────
   7. 首页 Hero：居中排版 → 左文右事实卡
   ────────────────────────────────────────────────────────────── */
.hero {
  min-height: 0 !important;
  padding: 74px 0 66px !important;
}
.hero-content {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 428px !important;
  grid-template-areas:
    "h1   st"
    "desc st"
    "btn  st" !important;
  gap: 14px 56px !important;
  align-items: center !important;
  text-align: left !important;
}
.hero-content > h1 {
  grid-area: h1;
  margin: 0 !important;
  text-align: left !important;
  font-size: 2.5rem !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}
.hero-content > .hero-desc {
  grid-area: desc;
  margin: 0 !important;
  max-width: 560px !important;
  text-align: left !important;
}
.hero-content > .hero-buttons {
  grid-area: btn;
  justify-content: flex-start !important;
  margin-top: 14px !important;
}
.hero-content > .hero-stats { grid-area: st; }

.hero-stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-top: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .14) !important;
}
.hero-stat {
  padding: 22px 20px !important;
  background: #0a2d5e !important;
  text-align: left !important;
}
.hero-stat .stat-num {
  font-size: 1.62rem !important;
  font-weight: 700 !important;
  color: #e0b85a !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums;
}
.hero-stat .stat-label {
  margin-top: 6px !important;
  font-size: .84rem !important;
  color: rgba(255, 255, 255, .68) !important;
}

/* ──────────────────────────────────────────────────────────────
   8. 响应式：窄屏回到单列，信息块下移不丢内容
   ────────────────────────────────────────────────────────────── */
@media (max-width: 992px) {
  .page-banner { padding: 46px 0 42px !important; }
  .page-banner .banner-inner {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
  .page-banner .banner-visual { display: block !important; }
  .hv-grid i { padding: 11px 13px; font-size: .78rem; }
  .hv-hd b { font-size: .86rem; }
  .hv-ft { gap: 20px; }

  .hero { padding: 52px 0 48px !important; }
  .hero-content {
    grid-template-columns: 1fr !important;
    grid-template-areas: "h1" "desc" "btn" "st" !important;
    gap: 16px !important;
  }
  .hero-content > h1 { font-size: 2rem !important; }
  .hero-stats { margin-top: 6px !important; }
}

@media (max-width: 560px) {
  .hv-grid { grid-template-columns: 1fr; }
  .hv-ft { gap: 16px; }
  .hv-ft div b { font-size: .92rem; }
  .hero-content > h1 { font-size: 1.6rem !important; }
}