/*!
 * ebeoo.com — 暗色主题层 (Dark Theme Layer)
 * ---------------------------------------------------------------------------
 * 风格来源：_demo-ai-coding / design-system（Canvas「AI Coding」演示页提炼）
 * 落点：ebeoo.com（Polo / Bootstrap 4.4.1 静态站）——**只做覆盖，不改框架**
 *
 * 三条原则（沿用参考规范）：
 *   1. 暗底不做纯黑        最低 #0D0D14，带靛蓝偏移
 *   2. 辉光代替投影        暗底上黑色投影不可见，只会把元素压脏
 *   3. 等宽负责标注        正文用系统无衬线；标签 / 编号 / 数据用等宽
 *
 * 换肤：只改 §1 的 --color-brand* 一组 + --color-brand-rgb 即可全站换色。
 * 字号：参考规范要求 Inter / JetBrains Mono，但 Google Fonts 在中国大陆不可达，
 *       故改用系统字体栈（SF Pro / PingFang 与 Inter 观感接近，且零外部请求）。
 * ---------------------------------------------------------------------------
 */

/* ===========================================================================
 * §1 · 设计令牌
 * ========================================================================= */
:root {
  /* — 品牌色（改这一组即可换肤） — */
  --color-brand: #6366f1;
  --color-brand-hover: #4f46e5;
  --color-brand-soft: #a5b4fc;
  --color-brand-light: #818cf8;
  --color-brand-tint: #e0e7ff;
  --color-brand-deep: #3730a3;
  --color-brand-rgb: 99, 102, 241;

  /* — 背景阶层（由深到浅，共 4 档，不再扩增） — */
  --bg-deep: #0d0d14;
  --bg-mid: #111827;
  --bg-card: #1a1a2e;
  --bg-surface: #1e1e2e;
  --bg-brand-tint: rgba(var(--color-brand-rgb), 0.06);
  --bg-brand-tint-2: rgba(var(--color-brand-rgb), 0.07);
  --bg-brand-tint-3: rgba(var(--color-brand-rgb), 0.12);

  /* — 文字阶层 — */
  --text-primary: #f1f5f9;
  --text-slate: #e2e8f0;
  --text-muted: #94a3b8;
  --text-subtle: #64748b;
  --text-dim: #6b7280;
  --text-faint: #4b5563;
  --text-on-brand: #ffffff;

  /* — 语义色（只表达状态，不参与品牌表达） — */
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  /* — 边框阶梯（品牌色透明度 —— 本体系的主要分层手段） — */
  --border-brand-10: rgba(var(--color-brand-rgb), 0.10);
  --border-brand-12: rgba(var(--color-brand-rgb), 0.12);
  --border-brand-15: rgba(var(--color-brand-rgb), 0.15);
  --border-brand-18: rgba(var(--color-brand-rgb), 0.18);
  --border-brand-20: rgba(var(--color-brand-rgb), 0.20);
  --border-brand-25: rgba(var(--color-brand-rgb), 0.25);
  --border-brand-45: rgba(var(--color-brand-rgb), 0.45);
  --border-brand-50: rgba(var(--color-brand-rgb), 0.50);
  --border-brand-55: rgba(var(--color-brand-rgb), 0.55);
  --border-neutral-04: rgba(255, 255, 255, 0.04);
  --border-neutral-05: rgba(255, 255, 255, 0.05);
  --border-neutral-10: rgba(255, 255, 255, 0.10);
  --border-width: 1px;

  /* — 玻璃面 — */
  --glass-1: rgba(255, 255, 255, 0.02);
  --glass-2: rgba(255, 255, 255, 0.03);
  --glass-3: rgba(255, 255, 255, 0.04);
  --glass-blur: blur(10px);

  /* — 字体（系统栈，零外部请求） — */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
               "PingFang SC", "Microsoft YaHei", monospace;

  /* — 字阶 — */
  --fs-display: clamp(34px, 4.6vw, 60px);
  --fs-stat: 56px;
  --fs-h2: 40px;
  --fs-h3: 20px;
  --fs-card-title: 18px;
  --fs-body: 16px;
  --fs-body-sm: 15px;
  --fs-label: 12px;

  --ls-display: -0.03em;
  --ls-heading: -0.02em;
  --ls-eyebrow: 0.12em;

  /* — 间距 / 栅格 — */
  --section-padding-y: 100px;
  --card-padding: 32px;
  --radius-sm: 4px;
  --radius-icon: 10px;
  --radius-card: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* — 光效（x/y 偏移一律为 0，表达「发光」而非「高度」） — */
  --shadow-btn: 0 4px 24px rgba(var(--color-brand-rgb), 0.35);
  --shadow-glow-sm: 0 0 20px rgba(var(--color-brand-rgb), 0.25);
  --shadow-glow: 0 0 20px rgba(var(--color-brand-rgb), 0.45);
  --shadow-card-hover: 0 8px 32px rgba(var(--color-brand-rgb), 0.12);
  --shadow-featured: 0 0 40px rgba(var(--color-brand-rgb), 0.18), 0 0 0 1px rgba(var(--color-brand-rgb), 0.30);
  --gradient-brand: linear-gradient(135deg, #4f46e5 0%, #6366f1 60%, #7c3aed 100%);
  --gradient-cta: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  --gradient-glow: radial-gradient(ellipse 50% 60% at 70% 50%, rgba(var(--color-brand-rgb), 0.10) 0%, transparent 70%);

  /* — 动效 — */
  --dur-base: 0.25s;
  --dur-slow: 0.3s;
  --ease-out: ease;
}

/* ===========================================================================
 * §2 · 基础：页面底色与排版
 * ========================================================================= */
html { background-color: var(--bg-deep); }
body {
  background-color: var(--bg-deep);
  color: var(--text-muted);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body, p, .lead, li, td, th, span, div { font-family: var(--font-sans); }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-sans);
  color: var(--text-primary);
  font-weight: 700;
  letter-spacing: var(--ls-heading);
}
h1, .h1 { letter-spacing: var(--ls-display); }

p { color: var(--text-muted); line-height: 1.75; }

a { color: var(--color-brand-soft); transition: color var(--dur-base) var(--ease-out); }
a:hover, a:focus { color: var(--color-brand-light); }

/* 正文与说明用 --text-muted（高对比留给标题与数据） */
.text-muted { color: var(--text-muted) !important; }
.text-dark { color: var(--text-primary) !important; }
.text-white { color: var(--text-primary) !important; }
/* Polo/Bootstrap 的 .text-primary 是模板蓝 #2250fc，暗底上不可读 → 换品牌浅色 */
.text-primary { color: var(--color-brand-soft) !important; }
.text-success { color: var(--color-success) !important; }
.text-danger  { color: var(--color-danger) !important; }
.opacity-8 { opacity: 1 !important; }

::selection { background: rgba(var(--color-brand-rgb), 0.35); color: #fff; }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-deep); }
::-webkit-scrollbar-thumb {
  background: var(--border-brand-45);
  border-radius: var(--radius-pill);
}
::-webkit-scrollbar-thumb:hover { background: var(--border-brand-55); }

/* ===========================================================================
 * §3 · 区块：暗底交替分节
 * ========================================================================= */
section,
.section { background-color: var(--bg-deep); }
section.section { padding: var(--section-padding-y) 0; }

/* 交替分节：默认深 → 偶数段抬到 --bg-mid */
section.section:nth-of-type(even) { background-color: var(--bg-mid); }
.bg-grey, .section.bg-grey { background-color: var(--bg-mid) !important; }

/* 上一条会与 Hero 冲突，Hero 强制回最深的底（见 §4） */

/* ===========================================================================
 * §4 · Hero：暗底 + 辉光，去掉模板照片
 * ========================================================================= */
.ebeoo-hero,
section.section.p-t-160 {
  background-image: none !important;
  background-color: var(--bg-deep) !important;
  border-bottom: var(--border-width) solid var(--border-brand-12);
  overflow: hidden;
}
.ebeoo-hero .hero-glow {
  position: absolute; inset: 0; pointer-events: none;
  background: var(--gradient-glow);
}
.ebeoo-hero .hero-grid {
  position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image:
    linear-gradient(var(--border-brand-10) 1px, transparent 1px),
    linear-gradient(90deg, var(--border-brand-10) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 80% 70% at 30% 40%, #000 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 30% 40%, #000 0%, transparent 75%);
}
/* Hero 内联覆盖层（模板遗留的深蓝渐变）→ 透明 */
.ebeoo-hero > div[style*="linear-gradient"] { background: none !important; }

.ebeoo-hero h1 {
  font-size: var(--fs-display) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: var(--ls-display) !important;
  color: var(--text-primary) !important;
  margin-bottom: 20px !important;
}
.ebeoo-hero p.hero-sub {
  font-size: var(--fs-card-title) !important;
  line-height: 1.75 !important;
  color: var(--text-muted) !important;
  max-width: 720px;
}
.ebeoo-hero-meta {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);
}

/* 眉标：等宽大写（本体系的签名元素） */
.ebeoo-eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: 600;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--color-brand-soft);
  background: var(--bg-brand-tint-2);
  border: var(--border-width) solid var(--border-brand-20);
  border-radius: var(--radius-pill);
  padding: 6px 14px;
  margin-bottom: 22px;
}
/* 兼容模板原有的 .badge 用法 */
.badge.bg-white {
  background: var(--bg-brand-tint-2) !important;
  color: var(--color-brand-soft) !important;
  border: var(--border-width) solid var(--border-brand-20);
  font-family: var(--font-mono);
  font-weight: 600;
  letter-spacing: var(--ls-eyebrow);
  border-radius: var(--radius-pill) !important;
}

/* ===========================================================================
 * §4b · Hero 侧栏面板（对应参考页的「终端窗口」位）
 * ========================================================================= */
.ebeoo-hero-panel {
  background: var(--glass-2);
  border: var(--border-width) solid var(--border-brand-20);
  border-radius: var(--radius-xl);
  overflow: hidden;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  box-shadow: var(--shadow-featured);
}
.ebeoo-hero-panel .panel-bar,
.ebeoo-info-panel .panel-bar {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 11px 16px;
  background: var(--bg-card);
  border-bottom: var(--border-width) solid var(--border-brand-12);
  font-family: var(--font-mono);
  font-size: 11px; font-weight: 600;
  letter-spacing: var(--ls-eyebrow); text-transform: uppercase;
  color: var(--text-muted);
}
.ebeoo-hero-panel ul { list-style: none; margin: 0; padding: 6px 0; }
.ebeoo-hero-panel li {
  display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px;
  padding: 11px 16px;
  border-bottom: var(--border-width) solid var(--border-neutral-04);
  font-size: 14px; color: var(--text-slate);
  transition: background-color var(--dur-base) var(--ease-out);
}
.ebeoo-hero-panel li:last-child { border-bottom: none; }
.ebeoo-hero-panel li:hover { background: var(--bg-brand-tint); }
.ebeoo-hero-panel .k {
  font-family: var(--font-mono); font-size: 11px; color: var(--text-muted);
}
.ebeoo-hero-panel .en {
  font-family: var(--font-mono); font-size: 11px;
  color: var(--color-brand-soft); letter-spacing: .04em; text-align: right;
}
.ebeoo-hero-panel .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--color-brand); display: inline-block; margin-right: 8px;
  box-shadow: 0 0 8px rgba(var(--color-brand-rgb), .8);
}

/* 公司信息面板（替代模板演示图） */
.ebeoo-info-panel {
  background: var(--glass-2);
  border: var(--border-width) solid var(--border-brand-20);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-featured);
}
.ebeoo-info-panel dl { margin: 0; padding: 6px 0; }
.ebeoo-info-panel dl > div {
  display: grid; grid-template-columns: 1fr 1.25fr; gap: 14px; align-items: baseline;
  margin: 0; padding: 15px 20px;
  border-bottom: var(--border-width) solid var(--border-neutral-04);
}
.ebeoo-info-panel dl > div:last-child { border-bottom: none; }
.ebeoo-info-panel dt {
  font-weight: 600; font-size: 13px; color: var(--text-muted);
}
.ebeoo-info-panel dd {
  margin: 0; text-align: right;
  font-family: var(--font-mono); font-size: 13px; color: var(--text-primary);
  word-break: break-all;
}

/* ===========================================================================
 * §5 · 区块标题与眉标
 * ========================================================================= */
.heading-title .label,
.label.label-primary,
.label {
  font-family: var(--font-mono) !important;
  font-size: var(--fs-label) !important;
  font-weight: 600 !important;
  letter-spacing: var(--ls-eyebrow) !important;
  text-transform: uppercase;
  color: var(--color-brand-soft) !important;
  background: var(--bg-brand-tint-2) !important;
  border: var(--border-width) solid var(--border-brand-20);
  border-radius: var(--radius-pill);
  padding: 5px 13px !important;
  display: inline-block;
  margin-bottom: 16px;
}
.heading-title h2 {
  font-size: var(--fs-h2);
  font-weight: 700;
  letter-spacing: var(--ls-heading);
  color: var(--text-primary);
}
.heading-title .lead,
.lead { color: var(--text-muted) !important; font-size: var(--fs-body) !important; }

/* 内页头部（关于我们 / 业务版图 … 的 .bg-grey 头部） */
.p-t-120.p-b-60 { padding-top: 140px !important; }
.p-t-120.p-b-60 h1 { color: var(--text-primary); font-weight: 800; letter-spacing: var(--ls-display); }

/* ===========================================================================
 * §6 · 按钮
 * ========================================================================= */
.btn {
  font-family: var(--font-sans);
  font-weight: 600;
  border-radius: var(--radius-sm);
  border-width: var(--border-width);
  transition: background-color var(--dur-base) var(--ease-out),
              border-color var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out),
              color var(--dur-base) var(--ease-out);
}
/* 卡片 / 弹层内一律胶囊（与 Hero 的方角构成显式例外，不再混用） */
.card .btn, .m-t-20 > .btn.btn-primary { border-radius: var(--radius-pill); }

.btn-primary {
  background-color: var(--color-brand) !important;
  border-color: var(--color-brand) !important;
  color: var(--text-on-brand) !important;
  font-weight: 700; /* 抵住 4.47:1 的边缘，按大字判据走 */
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--color-brand-hover) !important;
  border-color: var(--color-brand-hover) !important;
  box-shadow: var(--shadow-glow);
  color: #fff !important;
}
/* 次级按钮：透明底 + 品牌描边 */
.btn-light, .btn-outline-secondary, .btn-secondary {
  background-color: transparent !important;
  border-color: var(--border-brand-45) !important;
  color: var(--color-brand-soft) !important;
}
.btn-light:hover, .btn-outline-secondary:hover, .btn-secondary:hover {
  background-color: var(--bg-brand-tint-2) !important;
  border-color: var(--border-brand-55) !important;
  color: var(--color-brand-soft) !important;
  box-shadow: var(--shadow-glow-sm);
}

/* ===========================================================================
 * §7 · 卡片（玻璃面 + 品牌描边）
 * ========================================================================= */
.card {
  background-color: var(--glass-2);
  border: var(--border-width) solid var(--border-brand-15);
  border-radius: var(--radius-card);
  overflow: hidden;
  transition: border-color var(--dur-slow) var(--ease-out),
              box-shadow var(--dur-slow) var(--ease-out),
              transform var(--dur-slow) var(--ease-out);
}
.card:hover {
  border-color: var(--border-brand-45);
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-4px);
}
.card .card-body { padding: 24px; }
.card .card-title {
  font-size: var(--fs-card-title);
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 10px;
  letter-spacing: 0;
}
.card .card-text { font-size: var(--fs-body-sm); line-height: 1.7; color: var(--text-muted); }
.card-shadow { box-shadow: none; }

/* 品牌色块（首页 / 业务版图的品牌卡头部） */
.ebeoo-tile {
  height: 118px;
  display: flex; align-items: center; justify-content: center;
  border-bottom: var(--border-width) solid var(--border-brand-12);
}
.ebeoo-tile i { font-size: 42px; color: #fff; opacity: .95; }
.ebeoo-tile--lg { height: 150px; }
.ebeoo-tile--lg i { font-size: 52px; }
.ebeoo-tile--md { height: 132px; }
.ebeoo-tile--md i { font-size: 46px; }

/* ===========================================================================
 * §7b · Keenicons 图标：夺回字体控制权
 * ---------------------------------------------------------------------------
 * Polo(style.css) 有一条全局规则：
 *     i:not(.fa):not(.fab):not(.far):not(.fas) { font-family: inspiro-icons !important; }
 * 特异性 (0,4,1)，而生成物里的 `.ki-outline` 只有 (0,1,0) —— 同为 !important 时按特异性决胜，
 * 于是所有 <i> 都被强制成 inspiro-icons，Keenicons 字形静默不显示（不报错、只是空白）。
 * 这里用**同样的 :not() 结构 + 更高特异性**夺回，并显式复位 font-style/weight。
 * ========================================================================= */
i.ki.ki-outline:not(.fa):not(.fab):not(.far):not(.fas) {
  font-family: 'keenicons-outline' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
}
/* 图标作为独立元素时的默认尺寸约束（font-size 就是图标尺寸，不要再套宽高） */
.ki { flex: none; }

/* ===========================================================================
 * §8 · 特性盒（核心能力 / 联系方式）—— 玻璃卡，反掉模板白底
 * ========================================================================= */
.feature-box {
  background-color: var(--glass-2) !important;
  border: var(--border-width) solid var(--border-brand-15);
  border-radius: var(--radius-card);
  padding: 24px 22px !important;
  color: var(--text-muted);
  transition: border-color var(--dur-slow) var(--ease-out),
              box-shadow var(--dur-slow) var(--ease-out),
              transform var(--dur-slow) var(--ease-out);
}
.feature-box:hover {
  border-color: var(--border-brand-45);
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-4px);
}
/* 页脚里的 widget 不用特性盒样式 */
#footer .feature-box { background: transparent !important; border: none; padding: 0 !important; }
.feature-box .feature-box-icon {
  background-color: var(--bg-brand-tint-3) !important;
  border: var(--border-width) solid var(--border-brand-20);
  border-radius: var(--radius-icon);
  color: var(--color-brand-soft) !important;
}
.feature-box .feature-box-icon i { color: var(--color-brand-soft) !important; }
.feature-box-content h3, .feature-box-content h4 {
  font-size: var(--fs-card-title);
  font-weight: 600;
  color: var(--text-primary);
  letter-spacing: 0;
}
.feature-box-content p { font-size: var(--fs-body-sm); line-height: 1.7; color: var(--text-muted); }

/* 联系页：电话 / 邮箱 / 微信 的强调数字 */
.ebeoo-contact-strong {
  color: var(--color-brand-soft) !important;
  font-weight: 700;
  font-family: var(--font-mono);
}

/* 微信二维码容器 */
.ebeoo-qr {
  width: 200px; height: 200px;
  border: var(--border-width) solid var(--border-brand-20);
  border-radius: var(--radius-lg);
  padding: 8px;
  background: #fff; /* 二维码必须留白底，保证可扫 */
  box-shadow: var(--shadow-featured);
}

/* ===========================================================================
 * §9 · 数据带（大号等宽数字 —— 本体系的记忆点）
 * ========================================================================= */
.ebeoo-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: var(--glass-1);
  border: var(--border-width) solid var(--border-brand-15);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.ebeoo-stat {
  padding: 30px 24px;
  text-align: center;
  border-right: var(--border-width) solid var(--border-brand-12);
}
.ebeoo-stat:last-child { border-right: none; }
.ebeoo-stat .num {
  font-family: var(--font-mono);
  font-size: var(--fs-stat);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}
.ebeoo-stat .num small { font-size: .45em; font-weight: 600; color: var(--text-subtle); margin-left: 4px; }
.ebeoo-stat .lab {
  margin-top: 10px;
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);
}

/* ===========================================================================
 * §10 · CTA 渐变区
 * ========================================================================= */
.ebeoo-cta {
  background: var(--gradient-cta) !important;
  border-radius: var(--radius-xl);
  padding: 64px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ebeoo-cta h2 {
  color: #fff !important;
  font-size: var(--fs-h2);
  font-weight: 700;
  letter-spacing: var(--ls-heading);
}
.ebeoo-cta p { color: rgba(255, 255, 255, 0.82) !important; }
.ebeoo-cta .btn-light {
  background-color: #fff !important;
  border-color: #fff !important;
  color: var(--color-brand-deep) !important;
}
.ebeoo-cta .btn-light:hover { background-color: #f1f5f9 !important; color: var(--color-brand-deep) !important; }

/* ===========================================================================
 * §11 · 页脚
 * ========================================================================= */
#footer, .footer-content { background-color: var(--bg-deep) !important; }
.footer-content {
  border-top: var(--border-width) solid var(--border-brand-12);
}
.copyright-content {
  background-color: var(--bg-deep) !important;
  border-top: var(--border-width) solid var(--border-brand-12);
}
#footer .footer-brand {
  color: var(--text-primary) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700;
}
#footer .widget-title {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);   /* 列标题是功能性标签，提到 7.55:1 */
  font-weight: 600;
}
#footer p, #footer li, #footer .list li, #footer .list-unstyled li {
  color: var(--text-muted) !important;
  font-size: var(--fs-body-sm);
  border-color: var(--border-neutral-05) !important;
}
#footer .list li a, #footer .list-unstyled li a {
  color: var(--color-brand-soft) !important;
}
#footer .list li a:hover, #footer .list-unstyled li a:hover { color: var(--color-brand-light) !important; }
#footer i { color: var(--color-brand-soft) !important; }
/* 版权 / 备案号属于合规信息，不用低对比档（F8） */
#footer .copyright-text, .copyright-content a { color: var(--text-muted) !important; }
/* 页脚许可证等合规信息：反掉模板遗留的内联黑字 */
#footer .list-unstyled li[style*="color:#000"] { color: var(--text-muted) !important; }

/* ===========================================================================
 * §12 · 页头 / 导航
 * ========================================================================= */
#header {
  background-color: rgba(13, 13, 20, 0.82) !important;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border-bottom: var(--border-width) solid var(--border-brand-12);
  box-shadow: none !important;
}
/* Polo 的 .header-inner 自带白底，必须一起反掉 */
#header .header-inner,
.header-inner { background-color: transparent !important; }
#logo .brand-logo {
  color: var(--text-primary) !important;
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: 4px;
}
#mainMenu nav > ul > li > a { color: var(--text-muted) !important; font-weight: 600; }
#mainMenu nav > ul > li > a:hover,
#mainMenu nav > ul > li.active > a,
#mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li:hover > a { color: var(--text-primary) !important; }
#mainMenu nav > ul > li.active > a { color: var(--color-brand-soft) !important; }
#mainMenu-trigger .lines,
#mainMenu-trigger .lines:before,
#mainMenu-trigger .lines:after { background-color: var(--text-primary); }

/* 移动端下拉面板 */
#mainMenu.dark, .header-extras { background-color: var(--bg-mid); }

/* 返回顶部 */
#scrollTop {
  background-color: var(--bg-card);
  border: var(--border-width) solid var(--border-brand-25);
  color: var(--color-brand-soft);
}
#scrollTop:hover { box-shadow: var(--shadow-glow-sm); }

/* ===========================================================================
 * §13 · 其他组件与工具类
 * ========================================================================= */
hr, .divider { border-color: var(--border-brand-12) !important; }
blockquote { border-left: 3px solid var(--border-brand-45); color: var(--text-muted); background: var(--glass-2); }
code, kbd, pre, .mono { font-family: var(--font-mono); }
code { color: var(--color-brand-soft); background: var(--bg-brand-tint-3); padding: 2px 6px; border-radius: 4px; }
img { max-width: 100%; }
/* 模板演示照片（Polo 占位图）在暗底上过亮 → 压暗降饱和 + 品牌描边
   注意：不含 images/contact/（二维码需保持高对比可扫） */
img[src*="images/about/"],
img[src*="images/blog/"],
img[src*="images/portfolio/"],
img[src*="images/parallax/"] {
  filter: saturate(.8) brightness(.72) contrast(1.05);
  border: var(--border-width) solid var(--border-brand-15);
  border-radius: var(--radius-card);
}
.fancy-underline, .heading-title.heading-title-sm { border-color: var(--border-brand-15) !important; }
.border, .border-top, .border-bottom { border-color: var(--border-brand-12) !important; }
.bg-white { background-color: var(--bg-card) !important; }

/* ===========================================================================
 * §14 · 响应式降档（只动令牌，不动组件规则）
 * ========================================================================= */
@media (max-width: 991.98px) {
  .ebeoo-stats { grid-template-columns: repeat(2, 1fr); }
  .ebeoo-stat { border-right: none; border-bottom: var(--border-width) solid var(--border-brand-12); }
  .ebeoo-stat:nth-child(odd) { border-right: var(--border-width) solid var(--border-brand-12); }
}
@media (max-width: 767.98px) {
  :root {
    --fs-stat: 40px;
    --fs-h2: 28px;
    --section-padding-y: 64px;
    --card-padding: 24px;
  }
  .ebeoo-cta { padding: 44px 22px; }
  .card .card-body { padding: 20px; }
  /* 窄屏撤销 hover 位移，避免裁边 */
  .card:hover { transform: none; }
}

/* ===========================================================================
 * §15 · 可访问性
 * ========================================================================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  .card:hover { transform: none; }
}
:focus-visible {
  outline: 2px solid var(--color-brand-soft);
  outline-offset: 2px;
}