/*! Aimyria · 全站配色统一（2026-10-28 业主令）
 *
 *  业主确认的观感（仪表盘那一版）与给定色值：
 *    画布 / 侧栏 #24282E ｜ 卡片 #1D2127 ｜ 深面 #171B21 ｜ 最深 #10141A
 *  业主原话：「点一下它换一下颜色…样式统一到所有页面，不要存在多种颜色，
 *             不要存在多个版本…其他的页面的颜色，如果太蓝的或者说太黑的，都要按照这个去调整」
 *
 *  审计出来的实际分歧（逐页取像素）：
 *    · 侧栏：SPA 页面已统一 rgb(36,40,46)；模型广场 / 状态 / 教程 是独立 HTML，
 *      还在用旧毛玻璃 rgba(15,19,26,.86) → 所以"点一下换一个色"。
 *    · 画布：/keys 是 #161B22（偏蓝）、福利/天天活动 是 #000000（纯黑）、
 *      服务页 #0B0B0C、分销页 #040403 —— 每页一套。
 *
 *  做法：一个文件、一套值。令牌 + 少数几个"画在画布上的容器"显式归位。
 *  只加不改：引擎构建产物 shome/assets/*、assets/v10/* 不改。
 */

:root,
html:is(.dark, .aimyria-sb3) {
  /* —— 业主色板 —— */
  --am-canvas: #11141a;
  --am-card: #1d2127;
  --am-deep: #171b21;
  --am-deepest: #10141a;
  --am-line: rgba(255, 255, 255, 0.06);
  --am-line-2: rgba(255, 255, 255, 0.09);
  --am-text: #ededed;
  --am-text-2: #a9abad;
  --am-text-3: #a3a5a7;

  /* —— 站点灰阶令牌（aimyria-black.css 那一套）映射到业主色板 —— */
  --amyk-l0: #10141a;
  --amyk-l1: #24282e;
  --amyk-l2: #1d2127;
  --amyk-l3: #1d2127;
  --amyk-l4: #2b2e30;
  --amyk-l5: #2b2e30;
  --amyk-text: #ededed;

  /* —— 引擎控制台令牌 —— */
  --console-bg: #24282e;
  --console-surface: #1d2127;
  --console-surface-soft: #171b21;
  --console-surface-hover: #2b2e30;
  --console-border: rgba(255, 255, 255, 0.07);
  --console-border-strong: rgba(255, 255, 255, 0.1);
}

/* ── 画布：body 与外壳统一到 #24282E ── */
html:is(.dark, .aimyria-sb3),
html:is(.dark, .aimyria-sb3) body {
  background-color: var(--am-canvas) !important;
}

html:is(.dark, .aimyria-sb3) .console-shell,
html:is(.dark, .aimyria-sb3) .console-shell-dashboard {
  background-color: var(--am-canvas) !important;
  background-image: none !important;
}

/* 外壳下那层无 class 的包装（/keys 用它刷了 #161B22 偏蓝底）交还给画布 */
html:is(.dark, .aimyria-sb3) .console-shell > div:not([class]),
html:is(.dark, .aimyria-sb3) .console-shell-dashboard > div:not([class]) {
  background-color: transparent !important;
}

html:is(.dark, .aimyria-sb3) .console-main,
html:is(.dark, .aimyria-sb3) .console-content {
  background-color: transparent !important;
}

/* 福利页 / 天天活动页的舞台：原来自己刷纯黑 */
html:is(.dark, .aimyria-sb3) .d9-stage,
html:is(.dark, .aimyria-sb3) .d9-wrap {
  background-color: transparent !important;
}

/* 工单页左右两栏：原来是 #10141A，按卡片色归位 */
html:is(.dark, .aimyria-sb3) .k-left,
html:is(.dark, .aimyria-sb3) .k-right {
  background-color: var(--am-card) !important;
}

/* 卡片统一到 #1D2127（引擎的 .card / .console-card / 后台面板） */
html:is(.dark, .aimyria-sb3) .console-card,
html:is(.dark, .aimyria-sb3) .card,
html:is(.dark, .aimyria-sb3) .layout-section-fixed,
html:is(.dark, .aimyria-sb3) .table-page-layout {
  background-color: var(--am-card) !important;
  border-color: var(--am-line) !important;
}
/* ══════ 侧栏（nav.amnv 毛玻璃层 + 选中态）══════ */
/* ── 真正画在侧栏上的那一层：nav.amnv（毛玻璃）──
 *  命中原委：aside.sidebar 的 getBoundingClientRect 是 0×0，像素上看到的侧栏
 *  其实是 `nav.amnv` —— rgba(15,19,26,.86) + linear-gradient(rgba(42,50,62,.55), rgba(9,12,17,.93))
 *  + backdrop-filter: blur(30px)。所以前两版改 aside 的底色，屏幕上看不出变化：
 *  那层半透明蓝灰玻璃盖在上面，算出来仍是 rgb(13,17,23)。
 *  → 改它的令牌：玻璃两层、墨色、hover、分隔线，全部换成中性灰，去掉蓝色渐变。
 */
html:is(.dark, .aimyria-sb3) body nav.amnv,
html:is(.dark, .aimyria-sb3) nav.amnv {
  /* 业主给的原值，不做任何混合：#24282E = 右侧画布本身。
     玻璃层改成不透明，backdrop-filter 关掉 —— 半透明会二次混色，
     混出来就偏紫/偏蓝，这也是"总觉得不是那个灰"的来源。 */
  --amnv-bg: #24282e;
  --amnv-glass-hi: #24282e;
  --amnv-glass-lo: #24282e;
  --amnv-mb-bg: #24282e;
  --amnv-mb-hi: #24282e;
  --amnv-mb-lo: #24282e;
  --amnv-ink: #ededed;
  --amnv-ink-2: #b3b6b9;          /* 中性灰，B−R=6，不再带蓝紫 */
  --amnv-ink-3: #a3a5a7;
  --amnv-mb-ic: #b0b3b6;
  --amnv-mb-lb: #a3a5a7;
  --amnv-hover: rgba(255, 255, 255, 0.04);
  --amnv-line: rgba(255, 255, 255, 0.06);
  --amnv-line-2: rgba(255, 255, 255, 0.08);
  --amnv-mb-line: rgba(255, 255, 255, 0.08);

  background: #24282e !important;
  background-color: #24282e !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

html:is(.dark, .aimyria-sb3) body aside.sidebar,
html:is(.dark, .aimyria-sb3) body aside.console-sidebar {
  /* 面板：原来的 #101114 → 中性淡灰 */
  --amyk-l1: #24282e;
  /* 侧栏内部用到的其余灰阶，一并去蓝 */
  --amyk-l3: #1d2127;
  --amyk-l4: #2b2e30;
  /* 选中态亮面：原来的 #232A34（蓝灰）→ 中性 #2b2e30 */
  --amyk-l5: #2b2e30;

  background-color: #24282e !important;
  background-image: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}

/* 侧栏头部：去底板，留发丝线 */
html:is(.dark, .aimyria-sb3) body aside.sidebar .sidebar-header,
html:is(.dark, .aimyria-sb3) body aside.sidebar .console-sidebar-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
}

/* 普通条目：中性灰（原来的 #CBD5E1 偏蓝） */
html:is(.dark, .aimyria-sb3) body aside.sidebar a.sidebar-link,
html:is(.dark, .aimyria-sb3) body aside.sidebar button.sidebar-link {
  color: #a9abad !important;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}
html:is(.dark, .aimyria-sb3) body aside.sidebar a.sidebar-link:hover,
html:is(.dark, .aimyria-sb3) body aside.sidebar button.sidebar-link:hover {
  background: rgba(255, 255, 255, 0.045) !important;
  background-image: none !important;
  color: #e8eaec !important;
}

/* 选中项：中性亮面 + 左侧 2px 品牌橙；去掉橙色渐变与右侧橙点 */
html:is(.dark, .aimyria-sb3) body aside a.sidebar-link.sidebar-link-active,
html:is(.dark, .aimyria-sb3) body aside button.sidebar-link.sidebar-link-active {
  background: #2b2e30 !important;
  background-image: none !important;
  color: #f2f3f4 !important;
  box-shadow: inset 2px 0 0 #d97757 !important;
  border-left: 0 !important;
}
html:is(.dark, .aimyria-sb3) body aside a.sidebar-link.sidebar-link-active::after,
html:is(.dark, .aimyria-sb3) body aside button.sidebar-link.sidebar-link-active::after {
  content: none !important;
}

/* 选中项的图标底板：原来是一层橙雾，改成中性亮面，橙色只留在左边条上。
   :root:root 是为了压过同族注入式规则（它们用同一手法抬过特异性）。 */
html:root:root body aside .sidebar-link-active .console-nav-icon-frame {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #f0f1f2 !important;
}

/* 右边框与正文灰：同样抬到 :root:root，压过注入式规则 */
html:root:root body aside.console-sidebar.sidebar {
  border-right-color: rgba(255, 255, 255, 0.06) !important;
  color: #a9abad !important;
}

/* 滚动条：中性白，不再用橙色 */
html:is(.dark, .aimyria-sb3) body aside.sidebar nav.sidebar-nav::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18) !important;
  background-clip: content-box !important;
}
html:is(.dark, .aimyria-sb3) body aside.sidebar nav.sidebar-nav::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  background-clip: content-box !important;
}
html:is(.dark, .aimyria-sb3) body aside.sidebar nav.sidebar-nav {
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent !important;
}
/* ── 逐页审计后补的"画布绘制者"：这些元素才是真正刷底的那一层 ──
   /keys → .akv-canvas（#10141A）｜/模型广场 → .mp-list（#12161E）
   福利 / 天天活动 / 分销 → .console-shell 被页面自己的规则刷成 #000
   （它们用 :root:root 手法抬过特异性，所以这里用同样的手法压回去） */
html:root:root .console-shell,
html:root:root .console-shell-dashboard {
  background-color: var(--am-canvas) !important;
  background-image: none !important;
}
html:root:root .akv-canvas,
html:root:root .mp-list {
  background-color: var(--am-canvas) !important;
}

/* ── 除「免费 Token」星空页外的全站兜底（业主令 2026-10-29）
 *  星空页 = /daily-activity：html 上是 dla-on / dla-boot，注入脚本用 :root:root 抢纯黑底，
 *  业主明确要求保留它的纯黑星空，所以这里用 :not() 把它排除在外。 */
html:root:root:root:not(.dla-on):not(.dla-boot) body,
html:root:root:root:not(.dla-on):not(.dla-boot) .console-shell,
html:root:root:root:not(.dla-on):not(.dla-boot) .console-shell-dashboard {
  background-color: var(--am-canvas) !important;
  background-image: none !important;
}

/* 公开 key-usage 页（独立外壳，不是 .console-shell） */
html:root:root .public-key-usage-page {
  background-color: var(--am-canvas) !important;
}

/* 状态页卡片 */
html:root:root .st-card {
  background-color: var(--am-card) !important;
  border-color: var(--am-line) !important;
}

/* 充值抽屉：原来是 #161B22（偏蓝），按卡片色归位 */
html:root:root .ac-drawer {
  background-color: var(--am-card) !important;
}