/* ============================================================
   theme-blue.css - 蓝色科技主题
   覆盖 style.css 中的橙色变量和硬编码橙色值
   主题色：#2563EB 蓝  |  深色：#0F172A  |  辅助：#3B82F6
   ============================================================ */

/* ── 核心变量覆盖 ── */
:root {
  --or: #2563EB;
  --or-dk: #1D4ED8;
  --or-lt: #EFF6FF;
  --dark: #0F172A;
  --dark2: #1E293B;
  --text: #1E293B;
  --text2: #64748B;
  --bg: #F8FAFC;
  --bd: #E2E8F0;
}

/* ── 博客文章标签 ── */
.ba-header .ba-tag {
  color: var(--or);
  background: rgba(37,99,235,.12);
  border-color: rgba(37,99,235,.3);
}

/* ── 按钮 ── */
.btn-primary:hover {
  background: var(--or-dk);
  border-color: var(--or-dk);
  box-shadow: 0 6px 20px rgba(37,99,235,.3);
}

.btn-primary-sm:hover {
  background: var(--or-dk);
  box-shadow: 0 4px 14px rgba(37,99,235,.28);
}

/* ── 首屏 Hero ── */
.hero-badge {
  background: rgba(37,99,235,.1);
  border-color: rgba(37,99,235,.25);
  color: #60A5FA;
}

/* ── 核心业务 - 交替背景 ── */
.svc-block.alt {
  background: rgba(37,99,235,.04);
  border-color: rgba(37,99,235,.12);
}

/* ── 运营成果 ── */
.svc-result {
  background: rgba(37,99,235,.08);
  border-color: rgba(37,99,235,.18);
}

/* ── 短视频高亮块 ── */
.sg2-block.highlight {
  background: rgba(37,99,235,.08);
  border-color: rgba(37,99,235,.3);
}

/* ── GEO提示 ── */
.geo-tip {
  background: rgba(37,99,235,.06);
  border-color: rgba(37,99,235,.3);
}

/* ── 网站建设CTA ── */
.website-cta-bar {
  background: rgba(37,99,235,.06);
  border-color: rgba(37,99,235,.2);
}

/* ── 400电话演示卡片 ── */
.tdc {
  background: linear-gradient(135deg, var(--or), #3B82F6);
  box-shadow: 0 12px 40px rgba(37,99,235,.28);
}

/* ── 为什么选择我们 hover ── */
.why-item:hover {
  border-color: var(--or);
  box-shadow: 0 6px 24px rgba(37,99,235,.1);
}

/* ── 表单提交按钮 ── */
.btn-submit:hover {
  box-shadow: 0 6px 20px rgba(37,99,235,.3);
}

/* ── 博客 tip-box ── */
.ba-body .tip-box {
  background: var(--or-lt);
  border-left-color: var(--or);
}

/* ── 博客 CTA ── */
.ba-body .cta-inline {
  background: linear-gradient(135deg, var(--dark), #1E3A5F);
}

/* ── 表单输入框 focus ── */
input:focus, select:focus, textarea:focus {
  border-color: var(--or) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important;
}