/* ==================== 腾讯风格主题 - 框架层覆盖 ==================== */
:root {
  /* 品牌色 */
  --blue: #0052D9;
  --blue-light: #3D7BFF;
  --blue-dark: #0040B0;
  --blue-bright: #618DFF;
  --blue-gradient: linear-gradient(135deg, #0040B0 0%, #0052D9 40%, #3D7BFF 100%);
  --blue-gradient-light: linear-gradient(135deg, rgba(0,82,217,0.06) 0%, rgba(61,123,255,0.1) 100%);
  /* 兼容别名（--gold 语义等同于品牌蓝） */
  --gold: #0052D9;
  --gold-dark: #0040B0;
  /* 背景 */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F5F7FA;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F5F7FA;
  --bg-section: #FFFFFF;
  --bg-section-alt: #F5F7FA;
  /* 文字 */
  --text-primary: #1D2129;
  --text-secondary: #4E5969;
  --text-muted: #4E5969;
  --text-placeholder: #C9CDD4;
  /* 边框 */
  --border-color: #E5E6EB;
  --border-light: #F2F3F5;
  --border-blue: #E5E6EB;
  /* 阴影 */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
  --shadow-blue: 0 2px 12px rgba(0,82,217,0.08);
  --shadow-card: 0 2px 12px rgba(0,0,0,0.06);
  --blue-shadow: 0 2px 12px rgba(0,82,217,0.08);
  --blue-shadow-hover: 0 6px 24px rgba(0,82,217,0.15);
}

/* ========== 全局背景 & 文字 ========== */
body {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
}

/* ========== Framework 颜色覆盖 ========== */
.bg-primary,
.btn-primary,
.badge-primary {
  background-color: var(--blue) !important;
}
.bg-dark {
  background-color: #1D2129 !important;
  color: #fff !important;
}
.text-primary,
a.text-primary:hover {
  color: var(--blue) !important;
}
.text-white {
  color: #fff !important;
}
.text-dark {
  color: var(--text-primary) !important;
}
.text-muted {
  color: var(--text-muted) !important;
}
.text-info {
  color: var(--blue) !important;
}
.bg-white {
  background-color: var(--bg-card) !important;
}
.border-primary {
  border-color: var(--blue) !important;
}
a {
  color: var(--blue);
}
a:hover {
  color: var(--blue-light);
}

/* ========== Topbar 导航栏 ========== */
.topbar-inverse {
  background-color: rgba(255,255,255,0.97) !important;
  border-bottom: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}
.topbar-inverse .topbar-right .right-btn {
  color: var(--text-primary) !important;
}
.topbar-bg {
  background-color: rgba(255,255,255,0.98) !important;
  border-bottom: 1px solid var(--border-color);
  box-shadow: var(--shadow-md);
}
.topbar-bg .topbar-right .right-btn {
  color: var(--text-primary) !important;
}
.topbar-right .right-btn:hover {
  color: var(--blue) !important;
}

/* ========== 按钮 ========== */
.btn {
  border-radius: 8px;
  transition: all 0.25s ease;
}
.btn-primary {
  background: var(--blue-gradient) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0,82,217,0.25);
}
.btn-primary:hover {
  background: linear-gradient(135deg, #0052D9 0%, #3D7BFF 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(0,82,217,0.35);
}
.btn-outline {
  border-color: var(--blue) !important;
  color: var(--blue) !important;
  background: transparent !important;
}
.btn-outline:hover {
  background: var(--blue) !important;
  color: #fff !important;
}
.btn-outline.btn-white {
  background: transparent !important;
  color: var(--blue) !important;
  border-color: var(--blue) !important;
}
.btn-outline.btn-white:hover {
  background: var(--blue) !important;
  color: #fff !important;
}
.btn-white {
  background-color: #fff !important;
  color: var(--blue) !important;
  border-color: var(--border-color) !important;
}
.btn-white:hover {
  border-color: var(--blue) !important;
  color: var(--blue) !important;
  background-color: #F0F5FF !important;
}

/* ========== Section 区域 ========== */
.main-content .section {
  background: var(--bg-primary);
  color: var(--text-primary);
}
.main-content .bb-11 {
  background: var(--bg-secondary);
}
.section-contact {
  background:
    radial-gradient(ellipse at 30% 50%, rgba(61,123,255,0.35) 0%, transparent 70%),
    linear-gradient(135deg, #002C7A 0%, #0040B0 40%, #3D7BFF 100%) !important;
  color: #fff !important;
}
.section-superiority {
  background: #0040B0 url(https://oss-files.lingmaosoft.cn/lingmao-website-2025-4/skin/lingmao2025/img/superiority-bg.png) no-repeat center center !important;
  background-size: cover !important;
  color: #fff !important;
}
.section-gradient {
  background: linear-gradient(to bottom, #F0F5FF 0%, #FFFFFF 100%) !important;
}

/* ========== Header Inverse（Hero 区域浅色背景下深色文字） ========== */
.header-inverse,
.header-inverse h1,
.header-inverse h2,
.header-inverse h3,
.header-inverse h4,
.header-inverse h5,
.header-inverse h6 {
  color: var(--text-primary) !important;
}
.header-inverse {
  background-color: transparent !important;
}
/* Hero 区域滚动箭头深色 */
.header-inverse .scroll-down-inverse span {
  border-color: var(--text-muted) !important;
}
.header-inverse .scroll-down-inverse span::before {
  background-color: var(--text-muted) !important;
}

/* ========== Footer ========== */
.footer {
  background: #1D2129 !important;
  border-top: none !important;
  color: #C9CDD4 !important;
}
.footer a {
  color: #C9CDD4 !important;
}
.footer a:hover {
  color: #fff !important;
}

/* ========== 卡片样式 ========== */
.card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
}

/* ========== 表单元素 ========== */
.form-control {
  background-color: #fff !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
  border-radius: 8px;
}
.form-control:focus {
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(0,82,217,0.15) !important;
}

/* ========== 阴影覆盖 ========== */
.shadow-1 { box-shadow: var(--shadow-sm) !important; }
.shadow-2 { box-shadow: var(--shadow-sm) !important; }
.shadow-3 { box-shadow: var(--shadow-md) !important; }
.shadow-4 { box-shadow: var(--shadow-md) !important; }
.shadow-5 { box-shadow: var(--shadow-lg) !important; }

/* ========== 响应式导航移动端 ========== */
@media (max-width: 767px) {
  .topbar-right {
    background-color: rgba(255,255,255,0.98) !important;
  }
  .topbar-right .right-btn {
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
  }
}