/*
  Flux Public Official UI (v2026.01.12g)
  目标：更官方、更大气、更紧凑（避免“空白墙”与“首屏过高”）
  作用范围：public 前台（body.flux-public / body.pro-home）
*/

/* ===== Tokens ===== */
:root{
  --pro-maxw: 1180px;
  --pro-radius: 16px;
  --pro-border: rgba(15,23,42,.08);
  --pro-shadow: 0 18px 44px rgba(15,23,42,.08);
  --pro-muted: rgba(15,23,42,.66);
  --pro-muted-2: rgba(15,23,42,.54);
  --pro-bg: #f6f8fb;
  --pro-bg-2: #ffffff;
  --pro-section-py: 56px;
  --pro-section-py-sm: 40px;
}

/* 背景与内容宽度：更像官网 */
body.flux-public{ background: var(--pro-bg); }
body.flux-public .content.content-full{ max-width: var(--pro-maxw); }

/* 标题层级（官方） */
body.flux-public h1{ letter-spacing: .2px; }
body.flux-public .pro-home-h2,
body.flux-public h2{ letter-spacing: .2px; }

body.flux-public .pro-home-h2{
  font-size: 30px;
  font-weight: 800;
  color: rgba(2,6,23,.92);
}
body.flux-public .pro-home-section-sub{
  font-size: 15px;
  line-height: 1.7;
  color: var(--pro-muted);
}

@media (max-width: 768px){
  body.flux-public .pro-home-h2{ font-size: 24px; }
  body.flux-public .pro-home-section-sub{ font-size: 14px; }
}

/* ===== Sections spacing (关键：解决空白太高) ===== */
body.pro-home .pro-home-section{
  padding: var(--pro-section-py) 0;
  background: var(--pro-bg-2);
}
body.pro-home .pro-home-section.pro-home-section--alt{
  background: var(--pro-bg);
}

/* 清掉“内容里再套一层 py-4/py-5”导致的叠加空白 */
body.pro-home .pro-home-section .py-4,
body.pro-home .pro-home-section .py-5{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* section 内部常见 header 的间距收敛 */
body.pro-home .pro-home-section .text-center.mb-4{ margin-bottom: 22px !important; }
body.pro-home .pro-home-section .mb-2{ margin-bottom: 10px !important; }

/* ===== Hero (关键：解决导航下图片太高) ===== */
body.pro-home .pro-mk-hero--photo{
  min-height: 420px !important;
  padding-top: 92px !important;
  padding-bottom: 66px !important;
  background-position: right 78% !important;
}
@media (max-width: 768px){
  body.pro-home .pro-mk-hero--photo{
    min-height: 360px !important;
    padding-top: 84px !important;
    padding-bottom: 54px !important;
    background-position: 60% 78% !important;
  }
}

/* Hero 文案更“官方稳重” */
body.pro-home .pro-home-hero-title{
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.12;
}
body.pro-home .pro-home-hero-sub{
  color: rgba(255,255,255,.82);
  line-height: 1.7;
  max-width: 560px;
}

/* 轻收敛 badge/按钮间距 */
body.pro-home .pro-home-hero-badges{ gap: 10px; }
body.pro-home .pro-home-hero-actions{ gap: 12px; }

/* ===== Cards: 统一质感 ===== */
body.flux-public .pro-imgcard,
body.flux-public .block,
body.flux-public .pro-pricing-card{
  border-radius: var(--pro-radius);
}
body.flux-public .pro-pricing-card{
  border: 1px solid var(--pro-border);
  box-shadow: var(--pro-shadow);
}