/* 灵析GEO · 双主题（青色 yindun / 蓝橙 blue-orange）
 * 默认 = 青色（yindun）；在 <html data-theme="bo"> 时切换为蓝橙。
 * 图表颜色已改为引用 var(--primary)/var(--accent) 等，因此切换时图表同步变化。
 * 通过 <link rel="stylesheet" href="theme.css"> 引入，位于各页内联 <style> 之后，拥有最终优先级。
 */

/* ===== 默认主题：青色（yindun） ===== */
:root{
  /* 背景与面板：中性近黑 */
  --bg:#0F0F12; --bg-2:#16171C;
  --surface:#181A20; --surface-2:#1E2027; --surface-3:#262A33;
  --border:#2A2E38;

  /* 主色：青色 */
  --primary:#06B6D4; --primary-2:#67E8F9; --primary-glow:rgba(6,182,212,.35);
  /* 图表深色（热力图/按钮渐变收尾用） */
  --chart-deep:#0E7490;

  /* 强调：紫色 */
  --accent:#8B5CF6; --accent-2:#A78BFA;

  /* 语义状态色 */
  --success:#22C55E; --warning:#F5A524; --danger:#F5455C; --info:#38BDF8;

  /* 文字层级 */
  --text:#E7EDF6; --text-2:#9AA7BC; --text-3:#5E6B82;

  /* 圆角 / 字体 */
  --radius:10px; --radius-sm:8px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;

  /* 背景柔光 + 侧栏激活态背景（随主题切换） */
  --glow-1:rgba(6,182,212,.12); --glow-2:rgba(139,92,246,.08);
  --active-1:rgba(6,182,212,.22); --active-2:rgba(6,182,212,.04);
}

/* ===== 蓝橙主题：覆盖变量 ===== */
[data-theme="bo"]{
  --primary:#3B82F6; --primary-2:#60a5fa; --primary-glow:rgba(59,130,246,.35);
  --chart-deep:#1d4ed8;
  --accent:#FF7A2F; --accent-2:#FFA057;
  --glow-1:rgba(59,130,246,.12); --glow-2:rgba(255,122,47,.08);
  --active-1:rgba(59,130,246,.22); --active-2:rgba(59,130,246,.04);
}

/* 全局背景柔光 */
body::before{
  background:radial-gradient(900px 500px at 15% -10%,var(--glow-1),transparent 60%),
             radial-gradient(700px 500px at 100% 0%,var(--glow-2),transparent 55%) !important;
}

/* 顶栏玻璃质感 */
.topbar{background:rgba(15,15,18,.72) !important;backdrop-filter:blur(14px) !important}

/* 卡片质感 */
.card{border-color:rgba(255,255,255,.06) !important}
.card:hover{border-color:rgba(6,182,212,.35) !important;box-shadow:0 10px 30px rgba(0,0,0,.42) !important}

/* 主按钮渐变（随主题） */
.btn.primary{background:linear-gradient(135deg,var(--primary),var(--chart-deep)) !important}

/* 侧栏激活项背景 + 光点（随主题，覆盖各页内联硬编码） */
.nav-item.active{background:linear-gradient(90deg,var(--active-1),var(--active-2)) !important}
.nav-item.active::before{background:var(--primary) !important;box-shadow:0 0 8px var(--primary) !important}

/* 侧栏菜单图标尺寸兜底 */
.nav-item{position:relative}
.nav-item svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;flex-shrink:0;opacity:.85;color:var(--text-2)}
.nav-item.active svg{color:var(--primary-2);opacity:1}
.sidebar .nav-title svg{width:16px;height:16px;flex-shrink:0;opacity:.8}
.sidebar .nav-title svg.arw{position:static;left:auto;top:auto;transform:none;
  margin-left:auto;width:12px;height:12px;transition:.2s;opacity:.5;color:currentColor}
.sidebar .nav-group.open .nav-title svg.arw{transform:rotate(90deg)}

/* 主题切换按钮 */
#theme-switch{position:fixed;right:14px;bottom:14px;z-index:9999;cursor:pointer;
  padding:8px 14px;border-radius:20px;font-size:12px;font-weight:600;
  background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);
  box-shadow:0 4px 14px rgba(0,0,0,.4);user-select:none;backdrop-filter:blur(8px);
  transition:.18s;font-family:var(--font)}
#theme-switch:hover{color:var(--text);border-color:var(--primary)}
