/* home.css — 仅首页 body.home 专属规则 */

/* Home Hero：全景 3D 数据平台图作整幅背景（背景图在 page_home() 的 section 内联 style 注入），文案改用深色浮于浅色图上（仅首页 body.home） */
.home .hero .hero-copy{max-width:660px}

.home .hero .tag{color:#2e6fa8}

.home .hero h1{color:var(--navy)}

.home .hero p{color:#3d5576}

.home .hero p.slogan{color:var(--navy)}

/* 仅作用于首页 Hero 的按钮组左对齐。原选择器 `.home .hero-acts` 特异性 (0,2,0) 且 home.css 在
   common.css 之后加载，会连带覆盖 `.cta .hero-acts{justify-content:center}`（同为 (0,2,0)，靠源序取胜），
   导致首页底部 CTA 的两个按钮被顶成左对齐。收窄到 .hero 后不再波及 CTA。 */
.home .hero .hero-acts{justify-content:flex-start}

/* 首页 Hero 浅底上的 ghost 按钮配色（深蓝字 + 半透明白底）。原选择器 `.home .hero-acts .btn-ghost`
   未锚定 .hero，且 home.css 在 common.css 之后加载，会把底部深色 CTA 里的按钮也刷成深蓝字+半透明白底
   （在 #00285A 深底上呈灰褐、几乎不可读）。收窄到 .hero 后，CTA 恢复 common.css 的反白样式。 */
.home .hero .hero-acts .btn-ghost{color:var(--navy);border-color:rgba(0,40,90,.35);background:rgba(255,255,255,.62)}

.home .hero .hero-acts .btn-ghost:hover{background:#fff;border-color:var(--navy)}

.home .sec-h{text-align:center}

.home .sec-h p{margin-left:auto;margin-right:auto}