/* ============================================================
   全站页面视觉统一样式（温和版）
   仅统一 Hero 区域视觉，不强制改变内容容器宽度和特殊组件
   ============================================================ */

/* ---------- 1. 所有 Hero 统一基础样式 ---------- */
body:not(.home-page) .blog-hero,
body:not(.home-page) .hero,
body:not(.home-page) .geo-hero,
body:not(.home-page) .subpage-hero,
body:not(.home-page) .hub-hero,
body:not(.home-page) .guide-hero,
body:not(.home-page) .hero-text,
body:not(.home-page) .cred-hero {
  position: relative !important;
  padding: 120px 0 60px !important;
  background: linear-gradient(135deg, #080f0a 0%, #1a3a2a 100%) !important;
  color: #f6f2e9 !important;
  text-align: center !important;
}

/* 背景图 Hero：保留背景图，仅统一 padding 和文字 */
body:not(.home-page) .page-hero,
body:not(.home-page) .pricing-hero,
body:not(.home-page) .price-hero,
body:not(.home-page) .booking-hero {
  position: relative !important;
  padding: 120px 0 60px !important;
  color: #f6f2e9 !important;
  text-align: center !important;
}

/* 给背景图 Hero 加统一遮罩 */
body:not(.home-page) .page-hero::before,
body:not(.home-page) .pricing-hero::before,
body:not(.home-page) .price-hero::before,
body:not(.home-page) .booking-hero::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: linear-gradient(135deg, rgba(8,15,10,.75) 0%, rgba(26,58,42,.75) 100%) !important;
  z-index: 0 !important;
}
body:not(.home-page) .page-hero > *,
body:not(.home-page) .pricing-hero > *,
body:not(.home-page) .price-hero > *,
body:not(.home-page) .booking-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

/* ---------- 2. Hero 内文字统一 ---------- */
body:not(.home-page) .blog-hero h1,
body:not(.home-page) .hero h1,
body:not(.home-page) .geo-hero h1,
body:not(.home-page) .subpage-hero h1,
body:not(.home-page) .hub-hero h1,
body:not(.home-page) .guide-hero h1,
body:not(.home-page) .page-hero h1,
body:not(.home-page) .pricing-hero h1,
body:not(.home-page) .price-hero h1,
body:not(.home-page) .booking-hero h1,
body:not(.home-page) .cred-hero h1,
body:not(.home-page) .hero-text h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 42px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 auto 16px !important;
  max-width: 820px !important;
  color: #f6f2e9 !important;
}

body:not(.home-page) .blog-hero .kicker,
body:not(.home-page) .hero .kick,
body:not(.home-page) .geo-hero .kicker,
body:not(.home-page) .subpage-hero .kicker,
body:not(.home-page) .hub-hero .kicker,
body:not(.home-page) .page-hero .hero-tag,
body:not(.home-page) .pricing-hero .kicker,
body:not(.home-page) .booking-hero .kicker,
body:not(.home-page) .cred-hero .kicker,
body:not(.home-page) .guide-hero .kicker {
  color: #c9a961 !important;
  letter-spacing: .3em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  margin-bottom: 16px !important;
  display: inline-block !important;
}

body:not(.home-page) .blog-hero p,
body:not(.home-page) .hero p,
body:not(.home-page) .geo-hero p,
body:not(.home-page) .subpage-hero p,
body:not(.home-page) .hub-hero p,
body:not(.home-page) .page-hero .hero-subtitle,
body:not(.home-page) .pricing-hero p,
body:not(.home-page) .price-hero p,
body:not(.home-page) .booking-hero p,
body:not(.home-page) .cred-hero p,
body:not(.home-page) .guide-hero p {
  font-size: 17px !important;
  color: rgba(246,242,233,.75) !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  line-height: 1.7 !important;
}

/* ---------- 3. 响应式 ---------- */
@media(max-width: 680px) {
  body:not(.home-page) .blog-hero,
  body:not(.home-page) .hero,
  body:not(.home-page) .geo-hero,
  body:not(.home-page) .subpage-hero,
  body:not(.home-page) .hub-hero,
  body:not(.home-page) .guide-hero,
  body:not(.home-page) .page-hero,
  body:not(.home-page) .pricing-hero,
  body:not(.home-page) .price-hero,
  body:not(.home-page) .booking-hero,
  body:not(.home-page) .cred-hero,
  body:not(.home-page) .hero-text {
    padding: 90px 0 40px !important;
  }
  body:not(.home-page) .blog-hero h1,
  body:not(.home-page) .hero h1,
  body:not(.home-page) .geo-hero h1,
  body:not(.home-page) .subpage-hero h1,
  body:not(.home-page) .hub-hero h1,
  body:not(.home-page) .guide-hero h1,
  body:not(.home-page) .page-hero h1,
  body:not(.home-page) .pricing-hero h1,
  body:not(.home-page) .price-hero h1,
  body:not(.home-page) .booking-hero h1,
  body:not(.home-page) .cred-hero h1 {
    font-size: 28px !important;
  }
}