/* =========================================================
   V1.3.3 页面顶部风格统一最终修正
   直接让 products.php / page.php 使用 page-hero 结构，不再靠猜旧类名。
   ========================================================= */

.xm-unified-hero {
  position: relative !important;
  overflow: hidden !important;
  padding: 72px 0 48px !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(46,232,255,.16), transparent 30%),
    radial-gradient(circle at 18% 26%, rgba(255,90,0,.065), transparent 28%),
    linear-gradient(180deg, #07101f 0%, #050812 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.xm-unified-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  opacity: .6 !important;
  mask-image: linear-gradient(to bottom, #000, transparent 88%) !important;
}

.xm-unified-hero .container {
  position: relative !important;
  z-index: 2 !important;
}

.xm-unified-hero .badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: #2ee8ff !important;
  font-weight: 950 !important;
  letter-spacing: .5px !important;
  background: rgba(46,232,255,.10) !important;
  border: 1px solid rgba(46,232,255,.35) !important;
  margin-bottom: 18px !important;
}

.xm-unified-hero h1 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.xm-unified-hero p {
  max-width: 860px !important;
  margin: 0 !important;
  color: rgba(215,229,248,.84) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

.xm-page-main {
  padding-top: 54px !important;
}

/* 防止旧 section-title 影响统一顶部区，本次 products.php/page.php 已移除旧 section-title */
.xm-page-main > .container > .section-title:first-child {
  display: none !important;
}

/* 产品中心正文与顶部保持自然间距 */
.xm-page-main .products-layout {
  margin-top: 0 !important;
}

@media(max-width: 900px) {
  .xm-unified-hero {
    padding: 50px 0 34px !important;
  }

  .xm-unified-hero h1 {
    font-size: 36px !important;
  }

  .xm-unified-hero p {
    font-size: 15px !important;
  }
}