/**
 * ============================================================
 *  GEO 深色科技风主题 · V9.0 · 2026-10-16
 * ============================================================
 *  作用：把全站浅色配色切换为深色科技风（深底 + 青蓝主色 + 橙色 CTA）。
 *  原理：本站三套配色变量集中覆盖，一处切换全站：
 *        ① :root        → style.css（页头/页脚/通用组件）
 *        ② :root        → v2-pages.css（--v2-*，关于/合作等页）
 *        ③ .cb-page     → unified-styles.css（CBPage 内容页）
 *  引入：header.php 所有 CSS 之后（最后加载，保证优先级）。
 *  回退：删除 header.php 里对本文件的 <link> 即恢复浅色，零风险。
 * ============================================================
 */

/* ============================================================
   ① 全站变量（style.css）
   ============================================================ */
:root {
    --color-primary: #22d3ee;
    --color-primary-hover: #38bdf8;
    --color-accent: #22d3ee;
    --color-accent-glow: rgba(34, 211, 238, 0.18);

    --color-bg-primary: #0a0e1a;
    --color-bg-secondary: #111726;
    --color-bg-tertiary: #0e1425;
    --color-bg-card: #131a2b;
    --color-bg-card-hover: #1a2338;

    --color-text-primary: #f1f5f9;
    --color-text-secondary: rgba(241, 245, 249, 0.72);
    --color-text-muted: rgba(241, 245, 249, 0.5);
    --color-text-disabled: rgba(241, 245, 249, 0.3);

    --color-border-default: rgba(255, 255, 255, 0.10);
    --color-border-light: rgba(255, 255, 255, 0.15);
    --color-border-accent: rgba(34, 211, 238, 0.35);

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.40);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.55);
    --shadow-glow: 0 0 24px rgba(34, 211, 238, 0.25);

    /* CTA 橙（保留品牌橙，深底高对比） */
    --lead-c_primary: #22d3ee;
    --lead-c_hot: #ff6a00;
    --lead-c_hot2: #ff8a33;
}

/* ============================================================
   ② v2 页面变量（v2-pages.css：关于/合作/服务等）
   ============================================================ */
:root {
    --v2-primary: #22d3ee;
    --v2-primary-dark: #38bdf8;
    --v2-accent: #22d3ee;
    --v2-orange: #ff6a00;
    --v2-orange-2: #ff8a33;
    --v2-ink: #f1f5f9;
    --v2-ink-2: rgba(241, 245, 249, 0.72);
    --v2-ink-3: rgba(241, 245, 249, 0.5);
    --v2-line: rgba(255, 255, 255, 0.10);
    --v2-bg: #0a0e1a;
    --v2-card: #131a2b;
    --v2-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
    --v2-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.55);
}

/* ============================================================
   ③ 内容页变量（unified-styles.css .cb-page）
   ============================================================ */
.cb-page {
    --color-primary: #22d3ee;
    --color-primary-light: rgba(34, 211, 238, 0.10);
    --color-accent: #ff6a00;
    --color-accent-dark: #ff8a33;
    --color-success: #34d399;
    --color-warning-bg: rgba(255, 106, 0, 0.10);
    --color-danger-bg: rgba(239, 68, 68, 0.12);
    --color-deliver-bg: rgba(34, 211, 238, 0.08);
    --color-text: #e5eaf3;
    --color-text-light: #94a3b8;
    --color-bg: #0a0e1a;
    --color-card: #131a2b;
    --color-border: rgba(255, 255, 255, 0.10);
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.40);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.50);
}

/* ============================================================
   ④ 基础
   ============================================================ */
html, body { background: #0a0e1a; color: #f1f5f9; }

/* ============================================================
   ⑤ 页头 / 导航
   ============================================================ */
.header {
    background: rgba(10, 14, 26, 0.92) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: saturate(140%) blur(12px);
}
.header, .header a, .nav-item, .main-nav a, .logo-text, .logo-line1, .logo-line2 { color: #e5eaf3; }
.nav-item:hover, .main-nav a:hover, .nav-item.is-active { color: #22d3ee; }
.header-search-form { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.12); }
.header-search-form input { color: #f1f5f9; }
.header-search-form input::placeholder { color: rgba(241, 245, 249, 0.4); }

.dropdown-menu {
    background: #131a2b !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
}
.dropdown-item { color: #e5eaf3 !important; }
.dropdown-item:hover { background: rgba(34, 211, 238, 0.10) !important; color: #22d3ee !important; }

.mobile-nav { background: #0e1425; }
.mobile-nav a { color: #e5eaf3; }
.m-group-title { color: rgba(241, 245, 249, 0.45); }

/* ============================================================
   ⑥ 页脚
   ============================================================ */
.footer, .footer-inner { background: #070a12 !important; }
.footer, .footer a, .footer p, .footer li, .footer span { color: rgba(241, 245, 249, 0.66); }
.footer a:hover { color: #22d3ee; }
.footer h3, .footer h4, .footer-title { color: #f1f5f9; }
.footer { border-top: 1px solid rgba(255, 255, 255, 0.08); }

/* ============================================================
   ⑦ 通用组件兜底（可能硬编码浅色的元素）
   ============================================================ */
input, textarea, select {
    background: rgba(255, 255, 255, 0.05);
    color: #f1f5f9;
    border-color: rgba(255, 255, 255, 0.12);
}
input::placeholder, textarea::placeholder { color: rgba(241, 245, 249, 0.4); }

.card, .v2-card, .v2-wx-card, [class*="-card"] {
    background-color: #131a2b;
    border-color: rgba(255, 255, 255, 0.10);
}

/* ============================================================
   ⑧ 页头 / 标题兜底
   部分页面（如 contact.php）未加载 v2-pages.css，标题沿用 style.css 的
   深色硬编码；此处统一纠为深色主题下的浅色。
   ============================================================ */
.page-header,
.page-header h1,
.page-header h2,
.page-header h3 { color: #f1f5f9 !important; }
.page-header p { color: #94a3b8 !important; }
.page-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.breadcrumb, .breadcrumb a, .breadcrumb-current { color: #94a3b8; }

/* ============================================================
   ⑨ 导航提权覆盖
   header.php 内联 <style> 里把下拉触发器硬编码为 #1a2238（深色），
   在深底上不可见；此处用同选择器后置覆盖（本文件在其后加载，胜出）。
   ============================================================ */
.main-nav .nav-dropdown > .nav-item { color: #e5eaf3; }
.main-nav .nav-dropdown:hover > .nav-item { color: #22d3ee; }
.main-nav .nav-dropdown > .nav-item.is-active { color: #22d3ee; }
.main-nav .nav-dropdown .dropdown-item { color: #e5eaf3; }
.main-nav .nav-dropdown .dropdown-item:hover { color: #22d3ee; background: rgba(34, 211, 238, 0.10); }
.logo-text, .logo-sub, .logo-org { color: #f1f5f9; }