/*
 * 观音灵签主题站配色方案
 * 朱红+金色 —— 中国寺庙经典配色
 */

:root {
  --brand:        #C62828;
  --brand-dk:     #B71C1C;
  --brand-shadow: rgba(198, 40, 40, .25);
  --gold:         #D4A017;
  --gold-dk:      #B8860B;
  --gold-50:      #FFFDF5;
  --hero-bg:      linear-gradient(180deg, #FFF8F0 0%, #FFF 100%);
  --cta-grad:     linear-gradient(135deg, #C62828 0%, #8B1A1A 100%);
  --green:        #D4A017;
  --amber:        #C62828;
  --red:          #8B0000;
  --blue:         #C62828;
  --blue-dk:      #B71C1C;
  --blue-50:      #FFF0F0;
  --gray-200:     #e2ddd5;
}

/* ── hero 区 ── */
.hero { background: linear-gradient(135deg, #8B1A1A 0%, #C62828 50%, #D32F2F 100%) !important; }
.hero h1, .hero p { color: #fff !important; }

/* ── 导航 ── */
.nav a:hover { background: var(--blue-50); color: var(--brand) !important; }
.nav a.active { background: var(--brand) !important; color: #fff !important; }

/* ── 子导航栏 ── */
.ks-subnav { border-bottom-color: #f0e8d8 !important; }
.ks-subnav-inner a { color: #8B1A1A !important; font-weight: 500; }
.ks-subnav-inner a:hover { color: #B71C1C !important; text-decoration: underline !important; }
.ks-subnav-inner a.active {
  color: #C62828 !important;
  background: rgba(198, 40, 40, 0.08) !important;
  border-radius: 4px;
}

/* ── 面包屑 ── */
.breadcrumb a { color: #C62828 !important; }
.breadcrumb a:hover { color: #B71C1C !important; }

/* ── 全局链接 ── */
a { color: #C62828; }
a:hover { color: #B71C1C; }
.content-body a { color: #C62828; border-bottom: 1px dotted #C62828; }
.content-body a:hover { color: #B71C1C; border-bottom-color: #B71C1C; }

/* ── hub-grid 卡片 ── */
.hub-card-v2 .card-icon {
  background: #FFF0F0 !important;
  color: #C62828 !important;
}
.hub-card-v2 .card-arrow { color: #C62828 !important; }
.hub-card-v2:hover {
  border-color: #D4A017 !important;
  box-shadow: 0 8px 24px rgba(198, 40, 40, 0.12) !important;
}
.hub-grid .hub-card { border: 1px solid #f0e8d8 !important; }
.hub-grid .hub-card:hover { border-color: #D4A017 !important; }
.hub-grid .hub-card .arrow { color: #C62828 !important; }

/* ── 主按钮 ── */
.cta-primary {
  background: linear-gradient(135deg, #C62828 0%, #B71C1C 100%) !important;
  box-shadow: 0 4px 14px rgba(198, 40, 40, .35) !important;
  color: #fff !important;
}
.cta-primary:hover { background: linear-gradient(135deg, #B71C1C 0%, #8B1A1A 100%) !important; }

/* ── 次按钮（hero区白底描边） ── */
.cta-secondary { color: #C62828 !important; border-color: #C62828 !important; }
.cta-secondary:hover { border-color: #B71C1C !important; color: #B71C1C !important; background: #FFF0F0 !important; }

/* ── 底部 CTA 区 ── */
.cta-section-v2 {
  background: linear-gradient(135deg, #C62828 0%, #8B1A1A 100%) !important;
  padding: 32px 0 !important;
}
.cta-section-v2 h2 { color: #fff !important; font-size: 20px !important; margin-bottom: 8px !important; }
.cta-section-v2 p  { color: rgba(255,255,255,.85) !important; font-size: 14px !important; margin-bottom: 16px !important; }
.cta-section-v2 .cta-primary {
  background: #fff !important;
  color: #C62828 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
  font-weight: 700 !important;
  padding: 10px 32px !important;
}
.cta-section-v2 .cta-primary:hover { background: #FFF0F0 !important; }

/* ── 表格 ── */
.cmp-table thead th { background: #C62828 !important; }

/* ── FAQ ── */
.faq-q::before { color: #C62828 !important; }

/* ── 正文标题 ── */
.content-body h2 { color: #8B1A1A; }
.content-body h3 { color: #C62828; }

/* ── 版权 Footer ── */
.footer { border-top-color: #f0e8d8 !important; }

/* ── 实体卡片蓝色竖条 + 表格本站列覆盖 ── */
.entity-grid > div { border-left-color: #C62828 !important; }
.cmp-table tbody td[style*="#dcfce7"] { background: #FFFDF5 !important; color: #C62828 !important; font-weight: 600 !important; }
.cmp-table thead th[style*="#10b981"] { background: #C62828 !important; }