/* ============================================================
   AI云网 · 全站配色（唯一一份真源）
   ------------------------------------------------------------
   静态页（首页 / 文档）在 <head> 末尾 link 这个文件；
   后台（New API）由 nginx 注入 <link> 加载同一个文件。
   改颜色只改这里 —— 三边同时变，不用一个页面一个页面调。

   想整体调亮/调暗：只改「面层」那几个数（后台 background / muted /
   secondary / card / popover，静态页 paper / paper-2 / surface），
   文字和品牌色不用动。

   为什么分两段写：
   后台和静态页有同名但意思不同的变量，不能混在一起。
     --muted   后台 = 弱化面(#0d1422)   静态页 = 次要文字(#a7b1c8)
     --ring    后台 = 焦点环(#8b96ff)   静态页 = 光晕底色(rgba(150,165,255,.16))
   所以用选择器区分：后台的 html 只有 class="dark"，
   静态页的 html 带 data-theme="dark"（自有脚本种的）。
   ============================================================ */

/* ---------- 后台（New API）：深色 ----------
   选择器叠了两层 .dark（html.dark.dark），是为了压过后台自带 preset 的变量定义
   （preset 的选择器是普通 html，加载更晚；同特异性下后者胜，这里把特异性抬高）。
   实测判据：深色模式下 getComputedStyle(document.documentElement).getPropertyValue('--background')
   必须等于 #06080f。 */
html.dark.dark:not([data-theme]) {
  /* 面层：底 → 次级 → 卡片（想整体调暗就改这五个） */
  --background: #06080f;
  --muted: #0d1422;
  --sidebar: #0d1422;
  --secondary: #151c2b;
  --card: #101726;
  --popover: #101726;
  /* 文字 */
  --foreground: #eef2fb;
  --card-foreground: #eef2fb;
  --popover-foreground: #eef2fb;
  --muted-foreground: #a7b1c8;
  --secondary-foreground: #cfd8f5;
  --sidebar-foreground: #cfd8f5;
  /* 描边 */
  --border: rgba(255, 255, 255, .10);
  --input: rgba(255, 255, 255, .18);
  --sidebar-border: rgba(255, 255, 255, .10);
  /* 品牌 */
  --primary: #8b96ff;
  --ring: #8b96ff;
  --sidebar-primary: #8b96ff;
  --sidebar-ring: #8b96ff;
  /* 骨架屏 */
  --skeleton-base: #151c2b;
  --skeleton-highlight: #1e2738;
  /* 图表前两色 */
  --chart-1: #8b96ff;
  --chart-2: #c0a6ff;
}

/* ---------- 静态页（首页 / 文档）：深色 ---------- */
html[data-theme="dark"] {
  color-scheme: dark;
  /* 面层：底 → 次级 → 卡片（跟后台一一对应，调暗时一起改） */
  --paper: #06080f;
  --paper-2: #0d1422;
  --surface: #101726;
  --band: #0c1220;
  --foot-bg: #070b14;
  --code-bg: #0b111c;
  /* 文字 */
  --ink: #eef2fb;
  --card-ink: #e8edf8;
  --muted: #a7b1c8;
  --faint: #8d97ae;
  /* 描边 */
  --line: rgba(255, 255, 255, .10);
  --line-2: rgba(255, 255, 255, .18);
  --code-line: rgba(255, 255, 255, .12);
  /* 品牌 */
  --accent: #8b96ff;
  --accent-ink: #c3c9ff;
  --logo-tile: #eef2ff;
  /* 光晕与选中 */
  --nav-bg: rgba(7, 10, 16, .82);
  --ring: rgba(150, 165, 255, .16);
  --dots: rgba(150, 165, 255, .17);
  --glow-1: rgba(124, 77, 255, .30);
  --glow-2: rgba(43, 53, 214, .30);
  --glow-3: rgba(31, 182, 245, .14);
  --sel-bg: rgba(124, 77, 255, .38);
  --sel-ink: #ffffff;
}

/* ============================================================
   SPA（New API 后台）组件级注入样式 —— 2026-10-30 从 nginx sub_filter 迁入
   ------------------------------------------------------------
   起因：这些规则原先塞在 nginx-title.conf 锚点2 的 sub_filter 里，整条参数超过
   nginx 单参数上限（真 nginx -t 报 too long parameter；本地 Python 预览不校验，
   本地绿发现不了）。本文件由锚点1 的 <link> 注入到后台、静态三页也直接 link，
   但下列选择器全部只命中后台 React DOM（静态页无 data-slot/aria-label=通知 等结构），
   共载不污染。改这些外观只改这里。
   ============================================================ */

/* CSS-5 /pricing 模型卡藏「状态/延迟/吞吐」三项（2026-10-30 老板定）：
   数据源 perf_metrics 只统计真实客户请求且不给样本量，零流量期 1 次失败即 0% 大红，
   红绿均不可信；等真实流量、样本够再删本条。只藏 <dl>，保留同卡片的「详情」按钮。
   选择器经本地真实 DOM 反证：12 张卡各一个 [data-slot=card-footer] dl，不多不少。 */
[data-slot="card-footer"] dl { display: none !important; }

/* 通知铃铛（2026-10-30 老板定）：仅控制台内部页保留，模型广场 /pricing 这个对外页隐藏。
   JS 在 <html> 上写 data-console（控制台内部=1，/pricing=0），客户端切路由同步。 */
html[data-console="0"] header button[aria-label="通知"] { display: none !important; }

/* 顶栏未登录时「登录」链接用前景色（JS-4 在它旁边插紫色「开始使用」CTA） */
header a[href="/sign-in"] { color: var(--foreground); }

/* 导航几何对齐静态三页：SPA nav 自带 8px padding、CTA 自带右外边距，清零后
   1440 宽实测 logo 左缘 / CTA 右缘都是 104px，跨页零跳动。 */
header nav { padding-left: 0 !important; padding-right: 0 !important; }
a.aiyun-cta {
  display: inline-flex; align-items: center; height: 36px; padding: 0 18px;
  margin-left: 10px; margin-right: 0 !important; border-radius: 10px;
  font-size: 13.5px; font-weight: 600; color: #fff; white-space: nowrap;
  background: linear-gradient(120deg, #2b35d6 0%, #5b46f0 52%, #8b5cf6 100%);
  box-shadow: 0 10px 24px -14px rgba(59, 60, 224, .9);
  transition: transform .18s, box-shadow .18s;
}
a.aiyun-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -14px rgba(59, 60, 224, 1);
}