/**
 * 花更好® 品牌统一层 — 森林墨绿 + 暖金
 * 对齐官网主视觉，覆盖多主题文件中的色值冲突
 */
:root {
  --green-dark: #0c2e22;
  --green-mid: #1a5632;
  --green-light: #2d8a5c;
  --green-sage: #4a9b72;
  --green-pale: #f0f7f3;
  --gold: #d4a843;
  --gold-light: #ecd9a0;
  --gold-deep: #b8922e;
  --cream: #faf9f6;
  --text: #1a2420;
  --text-muted: #5a6b62;
  --border: rgba(26, 86, 50, 0.1);
  --brand-nav: #061a12;
  --brand-nav-mid: #0c2e22;
  --brand-surface: #f0f7f3;
  --brand-cq: #b8623e;
  --radius-pill: 999px;
}

/* ── 页面底色 ── */
body.site-page {
  background-color: var(--brand-surface);
  color: var(--text);
}
body.site-page::after {
  background: linear-gradient(
    180deg,
    rgba(240, 247, 243, 0.94) 0%,
    rgba(236, 244, 239, 0.9) 50%,
    rgba(232, 240, 235, 0.92) 100%
  );
}

/* ── 顶栏 / 导航（内页） ── */
.site-topbar {
  background: linear-gradient(90deg, var(--brand-nav), #143d2e) !important;
  background-size: 100% 100% !important;
  animation: none !important;
  border-bottom: none !important;
  color: rgba(255, 255, 255, 0.84);
}
.site-topbar strong {
  color: var(--gold-light);
}

/* ── 内页 Hero：压制 theme-fx 冲突 ── */
body.site-page:not(.page-home) .site-main > section.hero {
  isolation: isolate;
}
body.site-page:not(.page-home) .site-main > section.hero,
body.site-page:not(.page-home) .site-main > section.hero.hero-premium,
body.site-page:not(.page-home) .site-main > section.hero.hero-compact,
body.site-page:not(.page-home) .site-main > section.hero.hero-cq {
  background-color: #061a12 !important;
}
body.site-page:not(.page-home) .fx-grid,
body.site-page:not(.page-home) .fx-scanline {
  z-index: 0;
}

.nav-main a {
  border-radius: 8px;
  transition: color 0.2s, background 0.2s, text-shadow 0.2s;
}
.nav-main a:hover,
.nav-main a.active {
  color: var(--gold-light) !important;
  background: rgba(212, 168, 67, 0.1) !important;
  text-shadow: none !important;
  transform: none !important;
}
.nav-main a::after {
  display: none !important;
}

.branch-link {
  border-radius: var(--radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
}
.branch-link:hover,
.branch-link.branch-cq:hover {
  border-color: rgba(212, 168, 67, 0.45);
  color: #fff;
}
.branch-link.branch-cq {
  border-color: rgba(184, 98, 62, 0.65);
  color: #f0d0c0;
}

.btn-phone {
  border-radius: var(--radius-pill) !important;
  background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%) !important;
  color: var(--brand-nav) !important;
  font-weight: 600;
  box-shadow: 0 4px 16px rgba(212, 168, 67, 0.35) !important;
}
.btn-phone:hover {
  box-shadow: 0 6px 22px rgba(212, 168, 67, 0.5) !important;
}

/* ── 按钮 ── */
.btn {
  border-radius: var(--radius-pill);
  font-weight: 600;
  letter-spacing: 0.02em;
}
.btn-primary {
  background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);
  color: var(--brand-nav);
  border: none;
  box-shadow: 0 4px 16px rgba(212, 168, 67, 0.32);
}
.btn-primary:hover {
  background: linear-gradient(135deg, #f5e6b8 0%, var(--gold-light) 100%);
  color: var(--brand-nav);
  box-shadow: 0 6px 22px rgba(212, 168, 67, 0.45);
}
.page-content .btn-outline,
.form-group .btn-outline {
  color: var(--green-mid);
  border: 2px solid rgba(26, 86, 50, 0.22);
  border-radius: var(--radius-pill);
}
.page-content .btn-outline:hover,
.form-group .btn-outline:hover {
  background: var(--green-pale);
  border-color: var(--green-sage);
  color: var(--green-dark);
}

/* ── 面包屑：全站透明浮层，无背景条 ── */
.breadcrumb,
.breadcrumb-hero {
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* ── 区块 / 卡片 ── */
.section-alt {
  background: rgba(240, 247, 243, 0.72);
}
.section-title h2 {
  color: var(--green-dark);
  font-family: var(--font-serif);
}
.section-title h2::before {
  color: var(--gold-deep) !important;
}
.section-title h2::after {
  background: linear-gradient(90deg, var(--gold), var(--green-light)) !important;
}
.section-title p {
  color: var(--text-muted);
}

.card,
.city-box,
.faq-item,
.content-block,
.feature-hub-card,
.client-logo-item {
  border-radius: 16px;
  border-color: var(--border);
  background: #fff;
}
.card::before,
.city-box::before {
  background: linear-gradient(90deg, var(--green-mid), var(--gold), var(--green-light)) !important;
}
.feature-hub-card:hover,
.card:hover,
.city-box:hover {
  border-color: rgba(26, 86, 50, 0.18);
  box-shadow: 0 12px 36px rgba(12, 46, 34, 0.1);
}
.feature-hub-cq::before {
  background: linear-gradient(90deg, var(--brand-cq), var(--gold)) !important;
}
.feature-hub-cq strong {
  color: var(--brand-cq);
}

/* ── 数据看板 ── */
.stats-section {
  background: linear-gradient(
    135deg,
    var(--brand-nav) 0%,
    var(--green-mid) 52%,
    #1a4d32 100%
  ) !important;
}
.stats-section::after {
  display: none !important;
}
.stat-value {
  color: var(--gold-light);
  text-shadow: 0 0 24px rgba(212, 168, 67, 0.25);
}

/* ── 公告条（内页） ── */
body:not(.page-home) .notice-bar {
  background: var(--brand-surface) !important;
  border: none !important;
  border-bottom: 1px solid var(--border) !important;
}
.notice-label {
  background: linear-gradient(135deg, var(--green-mid), var(--green-light)) !important;
  color: #fff !important;
  border-radius: 6px;
}

/* ── 页脚 / 底栏 ── */
.site-footer {
  background: linear-gradient(180deg, #0a261c 0%, var(--brand-nav) 100%) !important;
  border-top: 1px solid rgba(212, 168, 67, 0.2) !important;
}
.site-footer::before {
  background: radial-gradient(ellipse at 50% 0%, rgba(212, 168, 67, 0.1) 0%, transparent 55%) !important;
}
.footer-grid h4 {
  color: var(--gold-light);
}
.footer-bottom {
  border-top-color: rgba(212, 168, 67, 0.18) !important;
}

.contact-bar {
  border-top: 1px solid rgba(212, 168, 67, 0.2) !important;
  box-shadow: 0 -4px 24px rgba(6, 26, 18, 0.28) !important;
}
.contact-bar-item {
  background: rgba(6, 26, 18, 0.96) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}
.contact-bar-item:hover {
  background: rgba(12, 46, 34, 0.98) !important;
  color: var(--gold-light) !important;
}
.contact-bar-primary {
  background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
  color: var(--brand-nav) !important;
}

/* ── 表单 ── */
.form-group label {
  color: var(--green-dark);
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: var(--green-sage);
  box-shadow: 0 0 0 3px rgba(45, 138, 92, 0.12);
}

/* ── 减弱全站动效对品牌色的干扰 ── */
.site-header .logo:hover {
  filter: drop-shadow(0 0 6px rgba(212, 168, 67, 0.35));
  transform: none;
}