/* ==================================================================== */
/* 火山方舟额度看板 · 前端样式                                          */
/* 设计语言：「深空星海」—— 对齐站点 /newposts/ 归档页的视觉体系        */
/* 暗底 #070b14 + 网格线 + 粉青双光晕 + 玻璃卡片 + 渐变强调色           */
/* 主题系统：body.arkq-theme-X 切换，强调色全部走 RGB 变量              */
/* ==================================================================== */

/* 强调色 RGB 三元组默认值（=「深空星海」主题）。
   body 级也要用（页面背景网格/光晕），所以挂在 :root，
   body.arkq-theme-X 的同名定义会覆盖它并向下级联。 */
:root {
  --arkq-accent-rgb: 255, 110, 199;   /* 主强调（粉） */
  --arkq-accent2-rgb: 77, 227, 255;   /* 次强调（青） */
  --arkq-accent3-rgb: 255, 180, 162;  /* 第三光晕（蜜桃） */
}

/* -------------------------------------------------------------------- */
/* 0. 页面级外壳：抹掉 zibll 默认的「灰色空壳」                          */
/*                                                                      */
/* 本页面（page-id-145）没有侧栏、也没有 elementor 全宽模板，           */
/* 但 zibll 仍按「有侧栏」的常规页面渲染，于是留下两处灰块：            */
/*   a) .content-layout 的 margin-right: calc(311px+15px) —— 侧栏预留位 */
/*      → 视觉上就是左侧那条竖着的灰色空带                              */
/*   b) .article.page-article 的 padding-top:30px + .article 的         */
/*      padding:0 30px，底色是 .main-bg 的 --main-bg-color              */
/*      → 视觉上就是顶部那条灰色横条                                    */
/* 处理方式与站点单篇文章页（body.single）一致：全部透明 + 取消预留。   */
/* -------------------------------------------------------------------- */
body.page-id-145 {
  background-color: #070b14;
  background-image:
    linear-gradient(rgba(var(--arkq-accent2-rgb), .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--arkq-accent2-rgb), .07) 1px, transparent 1px);
  background-size: 44px 44px;
  background-attachment: fixed;
}

/* 外层容器：全宽、透明、去掉所有为侧栏和文章留的边距 */
body.page-id-145 main.container,
body.page-id-145 .content-wrap,
body.page-id-145 .content-layout,
body.page-id-145 .main-bg {
  max-width: 100% !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 关键：取消侧栏预留（左侧灰带的根因） */
body.page-id-145 .content-layout {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 关键：取消文章容器的上下左右内边距与圆角（顶部灰条的根因） */
body.page-id-145 .article,
body.page-id-145 .article.page-article {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* 页面若残留标题栏 / 面包屑，一并去掉 */
body.page-id-145 .page-header,
body.page-id-145 .article-header,
body.page-id-145 .breadcrumbs {
  display: none !important;
}

/* ---------- 页面外壳：深空背景 + 网格 + 双色光晕 ---------- */
.arkq-page {
  position: relative;
  background-color: transparent;
  padding: 40px 0 64px;
  min-height: 70vh;
  /* v1.0.13：原先只有 overflow:hidden，用来裁掉 ::before 的光晕层，
     但它会生成滚动容器 → 内部二级菜单的 position:sticky 钉不住（实测 menuRectTop=-260）。
     改用 overflow:clip：同样把光晕裁掉，却不创建滚动容器，sticky 才能相对视口生效。
     前一行保留 hidden 作降级（不支持 clip 的老浏览器只是 sticky 失效，观感不坏）。 */
  overflow: hidden;
  overflow: clip;
}

/* 双色光晕层：右上粉、左下青、中部暖，缓慢漂移 */
.arkq-page::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(640px 520px at 88% 4%, rgba(var(--arkq-accent-rgb), .30), transparent 62%),
    radial-gradient(560px 480px at 3% 94%, rgba(var(--arkq-accent2-rgb), .26), transparent 62%),
    radial-gradient(420px 340px at 55% 42%, rgba(var(--arkq-accent3-rgb), .12), transparent 65%);
  animation: arkq-drift 18s ease-in-out infinite alternate;
}

@keyframes arkq-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(0, -26px, 0) scale(1.05); }
}

/* ---------- 主容器 ---------- */
.arkq {
  /* ---- 深空色板 ---- */
  /* v3.8.1：灰字整体提亮（原 #aab8d8 / #7d8db0 / #5f6f94 在深底上偏暗，用户反馈看不清） */
  --arkq-text: #e8ecf7;          /* 主文字 */
  --arkq-text-2: #d8e1f4;        /* 次级（近白） */
  --arkq-text-3: #b6c2de;        /* 弱化（提亮） */
  --arkq-text-4: #93a1c2;        /* 极弱 / 计数（提亮） */

  --arkq-bg: #0d1424;            /* 卡片底 */
  --arkq-bg-deep: #070b14;       /* 页面底 */
  --arkq-border: #1c2a44;        /* 主边框 */
  --arkq-track: #101a2e;         /* 进度条槽 */
  --arkq-line: #1c2a44;          /* 分隔虚线 */

  /* ---- 强调色 ---- */
  --arkq-pink: #ff6ec7;
  --arkq-coral: #ff8f7a;
  --arkq-peach: #ffb4a2;
  --arkq-cyan: #4de3ff;
  --arkq-blue: #8fa3c8;

  --arkq-grad: linear-gradient(135deg, #ff6ec7, #ff8f7a);
  --arkq-grad-text: linear-gradient(90deg, #ffb4a2, #ff6ec7 45%, #4de3ff);

  /* ---- 剩余量三档语义色（绿=充足 / 黄=偏紧 / 红=将尽）----
     注意：这里的「进度」条画的是【已用量】，所以
       进度条短(已用少,剩得多) → 绿；进度条长(已用多,剩得少) → 红 */
  --arkq-ok: #3ddc97;            /* 充足 */
  --arkq-ok-2: #6ef0b4;
  --arkq-mid: #ffc53d;           /* 偏紧 */
  --arkq-mid-2: #ffdd7a;
  --arkq-bad: #ff5b6e;           /* 将尽 */
  --arkq-bad-2: #ff8f9c;

  --arkq-radius: 14px;

  position: relative;
  z-index: 1;
  box-sizing: border-box;
  /* 内容铺满可用宽度（外层已全宽），只留安全内边距 */
  max-width: 100%;
  margin: 0 auto;
  padding: 8px 40px 32px;
  color: var(--arkq-text);
  /* 基础字号放大一档，全宽下更易读 */
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}

.arkq *,
.arkq *::before,
.arkq *::after {
  box-sizing: border-box;
}

/* ---------- 页头 ---------- */
.arkq .arkq-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  text-align: center;
}

.arkq .arkq-head h2,
.arkq .arkq-head .arkq-h1 {
  margin: 0 0 10px;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.25;
  /* 渐变标题字 */
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--arkq-pink);
}

.arkq .arkq-head p {
  margin: 0;
  color: var(--arkq-text-3);
  font-size: 15px;
}

.arkq .arkq-head-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

/* 版本徽章（刷新按钮后面） */
.arkq .arkq-verbadge {
  display: inline-flex;
  align-items: center;
  padding: 1px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--arkq-text-4);
  background: var(--arkq-bg);
  border: 1px solid var(--arkq-border);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  user-select: none;
  cursor: default;
}

/* ---------- 按钮 ---------- */
.arkq .arkq-btn,
.arkq .arkq-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  color: var(--arkq-text-2);
  font-size: 13.5px;
  font-family: inherit;
  line-height: 1.4;
  cursor: pointer;
  text-decoration: none;
  transition: all .25s;
}

.arkq .arkq-btn:hover,
.arkq .arkq-tab:hover {
  border-color: rgba(var(--arkq-accent-rgb), .55);
  color: var(--arkq-text);
  transform: translateY(-1px);
}

/* 主按钮：粉→珊瑚渐变实心 */
.arkq .arkq-btn-primary,
.arkq .arkq-btn.is-primary {
  background: var(--arkq-grad);
  color: #070b14;
  border-color: transparent;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(var(--arkq-accent-rgb), .35);
}

.arkq .arkq-btn-primary:hover,
.arkq .arkq-btn.is-primary:hover {
  color: #070b14;
  box-shadow: 0 6px 22px rgba(var(--arkq-accent-rgb), .5);
  transform: translateY(-2px);
}

/* 幽灵按钮 */
.arkq .arkq-btn-ghost,
.arkq .arkq-ghost {
  background: transparent;
  border-color: var(--arkq-border);
  color: var(--arkq-text-3);
}

.arkq .arkq-btn-ghost:hover,
.arkq .arkq-ghost:hover {
  color: var(--arkq-peach);
  border-color: rgba(var(--arkq-accent3-rgb), .5);
}

.arkq .arkq-btn[disabled],
.arkq .arkq-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none;
}

/* ---------- 标签栏（v1.0.9 重排） ----------
   一级菜单固定四项（订阅管理 / 用量明细 / 模型广场 / 大模型评测榜）居中，
   「设置」右对齐；点「设置」在标签栏下方展开一条横向二级菜单（占据布局高度，
   不是浮层下拉）。grid 三栏 1fr auto 1fr + 中间列 = 四项严格居中，
   不受右侧「设置」按钮宽度影响。 */
.arkq .arkq-tabs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-bottom: 26px;
}

/* 一级菜单四项：中间列居中排列 */
.arkq .arkq-tabbar {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.arkq .arkq-tab.is-active {
  background: var(--arkq-grad);
  color: #070b14;
  border-color: transparent;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(var(--arkq-accent-rgb), .35);
}

/* ---------- 卡片样式切换条 ----------
   位于「主题外观」面板内（v2.4.2 起不再是常驻二级条） */
.arkq .arkq-stylebar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-content: center;
  margin: 6px 0 0;
}

.arkq .arkq-stylebar-label {
  font-size: 12.5px;
  color: var(--arkq-text-4);
  letter-spacing: .5px;
  margin-right: 2px;
}

/* 小号胶囊按钮，比 tab 更轻 */
.arkq .arkq-style-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 14px;
  border-radius: 999px;
  border: 1px solid var(--arkq-border);
  background: rgba(13, 20, 36, .72);
  color: var(--arkq-text-3);
  font-family: inherit;
  font-size: 12.5px;
  line-height: 1.4;
  cursor: pointer;
  transition: color .2s, border-color .2s, background .2s, transform .2s;
}

.arkq .arkq-style-btn:hover {
  color: var(--arkq-text);
  border-color: rgba(var(--arkq-accent-rgb), .5);
  transform: translateY(-1px);
}

.arkq .arkq-style-btn.is-active {
  background: var(--arkq-grad);
  color: #070b14;
  font-weight: 700;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(var(--arkq-accent-rgb), .32);
}

/* ==================================================================== */
/* 卡片样式四变体：glass（玻璃）/ neon（霓虹）/ paper（素雅）/ compact（紧凑） */
/* 通过 .arkq[data-card-style="..."] 切换，只影响观感，不动结构           */
/* ==================================================================== */

/* ---- neon：更亮的辉光 + 粉青双色描边 ---- */
.arkq[data-card-style="neon"] .arkq-plan-card {
  border-color: rgba(var(--arkq-accent-rgb), .38);
  background:
    linear-gradient(160deg, rgba(var(--arkq-accent-rgb), .07), rgba(var(--arkq-accent2-rgb), .05)),
    var(--arkq-bg);
  box-shadow:
    0 0 0 1px rgba(var(--arkq-accent2-rgb), .12) inset,
    0 0 26px rgba(var(--arkq-accent-rgb), .18);
}

.arkq[data-card-style="neon"] .arkq-plan-card::after {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--arkq-pink), var(--arkq-cyan), transparent);
  box-shadow: 0 0 14px rgba(var(--arkq-accent-rgb), .6);
}

.arkq[data-card-style="neon"] .arkq-win {
  border-top-color: rgba(var(--arkq-accent2-rgb), .22);
}

.arkq[data-card-style="neon"] .arkq-bar {
  border-color: rgba(var(--arkq-accent-rgb), .3);
}

/* ---- paper：素雅扁平，去掉辉光与渐变线 ---- */
.arkq[data-card-style="paper"] .arkq-plan-card {
  background: rgba(13, 20, 36, .6);
  border-color: #22304c;
  box-shadow: none;
  backdrop-filter: none;
}

.arkq[data-card-style="paper"] .arkq-plan-card::after {
  display: none;
}

.arkq[data-card-style="paper"] .arkq-plan-card:hover {
  transform: none;
  border-color: #33456b;
  box-shadow: none;
}

.arkq[data-card-style="paper"] .arkq-bar > i {
  box-shadow: none;
}

.arkq[data-card-style="paper"] .arkq-plan-title {
  background: none;
  -webkit-text-fill-color: initial;
  color: var(--arkq-text);
}

.arkq[data-card-style="paper"] .arkq-plan-title .arkq-badge {
  -webkit-text-fill-color: initial;
}

/* ---- compact：紧凑，压缩留白与字号 ---- */
.arkq[data-card-style="compact"] .arkq-plan-card {
  gap: 24px;
  padding: 18px 22px;
  margin-bottom: 12px;
}

.arkq[data-card-style="compact"] .arkq-plan-title {
  font-size: 18px;
}

.arkq[data-card-style="compact"] .arkq-num {
  font-size: 30px;
}

/* 用量数字跟随百分比字号（紧凑 30px） */
.arkq[data-card-style="compact"] .arkq-sub-used {
  font-size: 30px;
}

.arkq[data-card-style="compact"] .arkq-sub-sep,
.arkq[data-card-style="compact"] .arkq-sub-quota {
  font-size: 14px;
}

.arkq[data-card-style="compact"] .arkq-sub-unit {
  font-size: 12.5px;
}

.arkq[data-card-style="compact"] .arkq-pct {
  margin: 4px 0 6px;
}

.arkq[data-card-style="compact"] .arkq-win {
  padding: 9px 0 2px;
}

.arkq[data-card-style="compact"] .arkq-win-head {
  font-size: 13.5px;
  margin-bottom: 4px;
}

.arkq[data-card-style="compact"] .arkq-bar-wrap {
  padding-bottom: 22px;
}

.arkq[data-card-style="compact"] .arkq-k {
  padding: 7px 0;
}

.arkq[data-card-style="compact"] .arkq-plan-right {
  gap: 2px;
}

/* ---------- 套餐卡片 ---------- */
.arkq .arkq-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.arkq .arkq-plan,
.arkq .arkq-panel,
.arkq .arkq-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  border-radius: var(--arkq-radius);
  transition: transform .25s, border-color .25s, box-shadow .25s;
}

/* ⚠️ 必须显式处理 [hidden]：
   上面的 .arkq .arkq-panel { display:flex } 特异性是 (0,2,0)，
   而浏览器默认的 [hidden]{display:none} 只有 (0,1,0)，
   于是 display:flex 会把 hidden 属性覆盖掉 → 所有隐藏面板全部显形。
   tab 切换依赖 hidden 属性，一旦失效就会「多个面板同时可见」。 */
.arkq .arkq-panel[hidden] {
  display: none !important;
}

/* 同理（v3.9.8）：一级菜单按可见性用 hidden 隐藏，
   而 .arkq .arkq-tab { display:inline-flex } 特异性 (0,2,0) 会盖掉 UA 的 [hidden]，
   不补这条的话「订阅管理 / 用量明细」即使带 hidden 也照样显示。 */
.arkq .arkq-tab[hidden] {
  display: none !important;
}

.arkq .arkq-plan:hover,
.arkq .arkq-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--arkq-accent-rgb), .55);
  box-shadow: 0 14px 34px rgba(var(--arkq-accent-rgb), .16);
}

/* 卡片顶部一条渐变亮线 */
.arkq .arkq-plan::after,
.arkq .arkq-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--arkq-accent-rgb), .55), rgba(var(--arkq-accent2-rgb), .45), transparent);
  opacity: .8;
}

.arkq .arkq-plan-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.arkq .arkq-plan-name {
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
  color: var(--arkq-text);
  font-weight: 700;
}

.arkq .arkq-plan:hover .arkq-plan-name {
  color: var(--arkq-peach);
}

/* ---------- 状态徽章 ---------- */
.arkq .arkq-badge {
  font-size: 12.5px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(var(--arkq-accent-rgb), .12);
  color: var(--arkq-coral);
  border: 1px solid rgba(var(--arkq-accent-rgb), .3);
}

.arkq .arkq-badge.is-ok {
  background: rgba(var(--arkq-accent2-rgb), .1);
  color: var(--arkq-cyan);
  border-color: rgba(var(--arkq-accent2-rgb), .3);
}

/* 灰色徽章：未连接 / 余额不可用 */
.arkq .arkq-badge.is-off {
  background: rgba(95, 111, 148, .12);
  color: var(--arkq-text-3);
  border-color: rgba(95, 111, 148, .35);
}

/* HOT 角标 */
.arkq .arkq-hot {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 10.5px;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--arkq-grad);
  color: #070b14;
  font-weight: 800;
  letter-spacing: 1px;
}

/* 「额度已用尽」标签：在 .arkq-pct 行内，不能绝对定位
   （早期的 .arkq-hot/.arkq-tag-hot 共用规则会让它跑到卡片右上角，
    与其它窗口的头部重叠） */
.arkq .arkq-tag-hot {
  position: static;
  align-self: center;
  margin-left: 10px;
  font-size: 11.5px;
  padding: 3px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff8f9c, #ff5b6e);
  color: #070b14;
  font-weight: 800;
  letter-spacing: .5px;
  white-space: nowrap;
}

/* ---------- 用量窗口 ---------- */
.arkq .arkq-win {
  padding: 14px 0 4px;
  border-top: 1px dashed var(--arkq-line);
}

.arkq .arkq-win:first-of-type {
  border-top: none;
  padding-top: 4px;
}

.arkq .arkq-win-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 15px;
  color: var(--arkq-text-2);
  margin-bottom: 8px;
}

.arkq .arkq-win-head .arkq-reset {
  margin-left: auto;
  font-size: 13.5px;
  color: var(--arkq-text-4);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* 重置的绝对时刻（YYYY-MM-DD HH:00），附在倒计时后面 */
.arkq .arkq-win-head .arkq-moment {
  font-size: 12.5px;
  color: var(--arkq-text-4);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(28, 42, 68, .5);
  border: 1px solid var(--arkq-border);
}

/* v1.0.2：进度条上方右侧的「预估价格」行（金额与用量大数字同字号、绿色；tooltip 向左展开） */
.arkq .arkq-estrow {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 20px;
  flex-wrap: wrap;
  /* v1.0.5：并入 .arkq-pct 用量行 —— 钉右并与 40px 用量数字底部对齐 */
  margin: 0 0 0 auto;
  align-self: flex-end;
}

.arkq .arkq-estitem {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  white-space: nowrap;
  cursor: help;
  user-select: none;
}

.arkq .arkq-est-label {
  font-size: 12.5px;
  line-height: 1;
  padding-bottom: 7px; /* 与 40px 金额的基线视觉对齐 */
  color: var(--arkq-text-4);
}

.arkq .arkq-est-val {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  color: var(--arkq-text);
  font-variant-numeric: tabular-nums;
}

.arkq .arkq-estitem.is-plan .arkq-est-val { color: var(--arkq-cyan); }
.arkq .arkq-estitem.is-model .arkq-est-val { color: var(--arkq-peach); }

@media (max-width: 720px) {
  .arkq .arkq-est-val { font-size: 32px; }
}

/* estitem 的 tooltip 向左展开（贴屏右侧，向右会溢出） */
.arkq .arkq-estitem[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 60;
  width: max-content;
  max-width: 250px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  white-space: normal;
  text-align: left;
  color: var(--arkq-text);
  background: #101a2e;
  border: 1px solid var(--arkq-border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-3px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s;
  pointer-events: none;
}

.arkq .arkq-estitem[data-tip]:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* v1.0.4：套餐卡片「预估套餐」行的 /fee 徽章（开通时实付月费，悬停浮出说明） */
.arkq .arkq-est-cell {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}

.arkq .arkq-est-money {
  font-weight: 700;
  color: var(--arkq-cyan);
  font-variant-numeric: tabular-nums;
}

.arkq .arkq-fee-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--arkq-peach);
  background: rgba(255, 180, 162, .1);
  border: 1px solid rgba(255, 180, 162, .35);
  cursor: help;
  user-select: none;
  font-variant-numeric: tabular-nums;
}

/* fee 徽章在卡片左栏，tooltip 向右展开（向左会探出卡片左缘） */
.arkq .arkq-fee-badge[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 30;
  width: max-content;
  max-width: 300px;
  padding: 8px 11px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
  color: var(--arkq-text);
  background: var(--arkq-panel-2, #16203a);
  border: 1px solid var(--arkq-border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .38);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
  pointer-events: none;
  white-space: normal;
}

.arkq .arkq-fee-badge[data-tip]:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* v1.0.4：使用配置 → 套餐信息 */
.arkq .arkq-pcfg-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 12px;
  margin-bottom: 10px;
}

.arkq .arkq-pcfg-grid select.arkq-input {
  width: 100%;
}

@media (max-width: 720px) {
  .arkq .arkq-pcfg-grid { grid-template-columns: 1fr; }
}

/* 单窗口即时刷新小按钮 */
.arkq .arkq-mini-refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  flex: 0 0 auto;
  border-radius: 7px;
  border: 1px solid var(--arkq-border);
  background: rgba(28, 42, 68, .45);
  color: var(--arkq-text-3);
  cursor: pointer;
  transition: color .18s, border-color .18s, background .18s, transform .18s;
}

.arkq .arkq-mini-refresh svg {
  width: 13px;
  height: 13px;
}

.arkq .arkq-mini-refresh:hover {
  color: var(--arkq-pink);
  border-color: rgba(var(--arkq-accent-rgb), .45);
  background: rgba(var(--arkq-accent-rgb), .1);
}

.arkq .arkq-mini-refresh:active {
  transform: scale(.92);
}

.arkq .arkq-mini-refresh:disabled {
  opacity: .5;
  cursor: default;
}

.arkq .arkq-mini-refresh.is-spinning {
  color: var(--arkq-pink);
  border-color: rgba(var(--arkq-accent-rgb), .45);
}

.arkq .arkq-mini-refresh.is-spinning svg {
  animation: arkq-spin .8s linear infinite;
}

@keyframes arkq-spin {
  to { transform: rotate(360deg); }
}

.arkq .arkq-sub {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  margin-right: 14px;          /* 与后面的百分比数字拉开距离 */
  align-self: center;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* 已用量数字：与百分比大数字同字号同字重（40px/700） */
.arkq .arkq-sub-used {
  font-size: 40px;
  font-weight: 700;
}

/* 分母与分隔符：弱化灰，约为大数字的 17px 配角 */
.arkq .arkq-sub-sep,
.arkq .arkq-sub-quota {
  font-size: 17px;
  font-weight: 600;
  color: var(--arkq-text-4);
}

.arkq .arkq-sub-unit {
  font-size: 14px;
  font-weight: 600;
  color: var(--arkq-text-4);
  margin-left: 2px;
}

.arkq .arkq-sub-safe .arkq-sub-used { color: var(--arkq-ok); }
.arkq .arkq-sub-warn .arkq-sub-used { color: var(--arkq-mid); }
.arkq .arkq-sub-danger .arkq-sub-used { color: var(--arkq-bad); }

.arkq .arkq-ico {
  display: inline-flex;
  color: var(--arkq-text-4);
  cursor: help;
}

.arkq .arkq-ico svg {
  width: 14px;
  height: 14px;
}

/* 百分比数字 */
.arkq .arkq-pct {
  display: flex;
  align-items: baseline;       /* 大数字之间按基线对齐（两个 40px 数字共基线） */
  gap: 2px;
  margin: 8px 0 10px;
  flex-wrap: wrap;
}

.arkq .arkq-num {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  color: var(--arkq-text);
  font-variant-numeric: tabular-nums;
}

.arkq .arkq-u {
  font-size: 17px;
  color: var(--arkq-text-3);
  margin-left: 3px;
}

/* 三档大数字配色（覆盖默认主文字色） */
.arkq .arkq-num-safe {
  color: var(--arkq-ok);
}

.arkq .arkq-num-warn {
  color: var(--arkq-mid);
}

.arkq .arkq-num-danger {
  color: var(--arkq-bad);
}

/* 「剩 xx% · 充足/偏紧/将尽」标签 */
.arkq .arkq-remain {
  margin-left: 12px;
  font-size: 13.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
  align-self: center;
}

.arkq .arkq-remain-safe {
  color: var(--arkq-ok);
  background: rgba(61, 220, 151, .1);
  border-color: rgba(61, 220, 151, .28);
}

.arkq .arkq-remain-warn {
  color: var(--arkq-mid);
  background: rgba(255, 197, 61, .1);
  border-color: rgba(255, 197, 61, .3);
}

.arkq .arkq-remain-danger {
  color: var(--arkq-bad);
  background: rgba(255, 91, 110, .12);
  border-color: rgba(255, 91, 110, .32);
}

/* 高温警告色 */
.arkq .arkq-num.arkq-warn {
  background: var(--arkq-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--arkq-coral);
}

/* ---------- 进度条 ---------- */
.arkq .arkq-bar-wrap {
  position: relative;
  padding-bottom: 30px;
}

.arkq .arkq-bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: var(--arkq-track);
  border: 1px solid var(--arkq-border);
  overflow: hidden;
}

.arkq .arkq-bar > i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--arkq-grad);
  box-shadow: 0 0 12px rgba(var(--arkq-accent-rgb), .45);
  transition: width .6s cubic-bezier(.22, .61, .36, 1);
}

/* 高温条：橙红渐变 */
.arkq .arkq-bar > i.arkq-bar-hot {
  background: linear-gradient(135deg, #ff8f7a, #ff5b5b);
  box-shadow: 0 0 14px rgba(255, 91, 91, .55);
}

/* ---------- 剩余量三档：绿 / 黄 / 红 ----------
   进度条填充的是「已用量」的百分比，因此：
     剩余 > 50%  → 绿（safe，条较短）
     剩余 20~50% → 黄（warn，条过半）
     剩余 <= 20% → 红（danger，条将满）
   三档放在 .arkq-bar-hot 之后，优先级相同、后写者胜，
   目的是覆盖「额度已用尽」时旧 .arkq-bar-hot 的橙红。 */
.arkq .arkq-bar > i.arkq-bar-safe {
  background: linear-gradient(135deg, var(--arkq-ok-2), var(--arkq-ok));
  box-shadow: 0 0 12px rgba(61, 220, 151, .45);
}

.arkq .arkq-bar > i.arkq-bar-warn {
  background: linear-gradient(135deg, var(--arkq-mid-2), var(--arkq-mid));
  box-shadow: 0 0 12px rgba(255, 197, 61, .5);
}

.arkq .arkq-bar > i.arkq-bar-danger {
  background: linear-gradient(135deg, var(--arkq-bad-2), var(--arkq-bad));
  box-shadow: 0 0 16px rgba(255, 91, 110, .6);
}

/* 三档下进度条的呼吸感：剩余越少闪得越明显 */
.arkq .arkq-win.is-danger .arkq-bar > i {
  animation: arkq-bar-pulse 1.6s ease-in-out infinite;
}

@keyframes arkq-bar-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: .68; }
}

/* 刻度 */
.arkq .arkq-ticks {
  position: absolute;
  left: 0;
  right: 0;
  top: 15px;
  height: 24px;
}

.arkq .arkq-tick {
  position: absolute;
  top: 0;
  width: 1px;
  height: 5px;
  background: var(--arkq-border);
  transform: translateX(-50%);
}

.arkq .arkq-tick-label {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12.5px;
  line-height: 1;
  color: var(--arkq-text-4);
  white-space: nowrap;
}

/* 0 / 50 / 100 重点刻度：放大加粗 */
.arkq .arkq-tick.is-major {
  height: 7px;
  background: var(--arkq-blue);
}

.arkq .arkq-tick.is-major .arkq-tick-label {
  font-size: 15px;
  font-weight: 500;
  color: var(--arkq-text-2);
}

.arkq .arkq-tick.is-first .arkq-tick-label {
  left: 0;
  transform: none;
}

.arkq .arkq-tick.is-last .arkq-tick-label {
  left: auto;
  right: 0;
  transform: none;
}

/* ---------- 提示条 / 说明块 ---------- */
.arkq .arkq-note,
.arkq .arkq-intro {
  border-left: 3px solid var(--arkq-pink);
  padding: 8px 0 8px 14px;
  color: var(--arkq-text-2);
  background: linear-gradient(90deg, rgba(var(--arkq-accent-rgb), .06), transparent);
  margin: 0 0 22px;
  border-radius: 0 8px 8px 0;
  font-size: 13.5px;
  line-height: 1.75;
}

.arkq .arkq-source {
  background: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .25);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  color: var(--arkq-blue);
  margin: 0 0 18px;
}

.arkq .arkq-callout {
  background: rgba(var(--arkq-accent3-rgb), .06);
  border: 1px dashed rgba(var(--arkq-accent3-rgb), .4);
  border-radius: 10px;
  padding: 12px 16px;
  margin: 14px 0;
  color: #d8dfeb;
  font-size: 13.5px;
  line-height: 1.7;
}

/* ---------- 表单 ---------- */
.arkq .arkq-field {
  margin-bottom: 16px;
}

.arkq .arkq-field label,
.arkq .arkq-label {
  display: block;
  font-size: 13px;
  color: var(--arkq-text-2);
  margin-bottom: 6px;
}

.arkq .arkq-input {
  width: 100%;
  padding: 11px 14px;
  border-radius: 10px;
  border: 1px solid var(--arkq-border);
  background: #0a1020;
  color: var(--arkq-text);
  font-size: 13.5px;
  font-family: inherit;
  line-height: 1.5;
  transition: border-color .25s, box-shadow .25s;
}

.arkq .arkq-input::placeholder {
  color: var(--arkq-text-4);
}

.arkq .arkq-input:focus {
  outline: none;
  border-color: rgba(var(--arkq-accent-rgb), .55);
  box-shadow: 0 0 0 3px rgba(var(--arkq-accent-rgb), .12);
}

.arkq .arkq-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 18px;
}

/* ---------- 骨架屏 ---------- */
.arkq .arkq-skeleton {
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  border-radius: var(--arkq-radius);
  padding: 22px;
  overflow: hidden;
}

.arkq .arkq-sk-line {
  height: 14px;
  border-radius: 7px;
  background: linear-gradient(90deg, #101a2e 25%, #18263f 37%, #101a2e 63%);
  background-size: 400% 100%;
  animation: arkq-shimmer 1.4s ease infinite;
  margin-bottom: 12px;
}

.arkq .arkq-sk-line:last-child {
  margin-bottom: 0;
  width: 60%;
}

@keyframes arkq-shimmer {
  0%   { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

.arkq .arkq-sk-bar {
  height: 8px;
  border-radius: 999px;
  margin: 18px 0 0;
  background: linear-gradient(90deg, #101a2e 25%, #18263f 37%, #101a2e 63%);
  background-size: 400% 100%;
  animation: arkq-shimmer 1.4s ease infinite;
}

/* ---------- 空态 / 错误态 ---------- */
.arkq .arkq-empty {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--arkq-text-4);
  padding: 60px 20px;
  border: 1px dashed var(--arkq-border);
  border-radius: var(--arkq-radius);
  font-size: 14px;
  background: var(--arkq-bg);
}

.arkq .arkq-empty strong {
  display: block;
  color: var(--arkq-peach);
  font-size: 16px;
  margin-bottom: 8px;
}

.arkq .arkq-err {
  border: 1px solid rgba(255, 91, 91, .35);
  background: rgba(255, 91, 91, .06);
}

.arkq .arkq-err strong {
  color: #ff8f7a;
}

.arkq .arkq-err-msg {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12.5px;
  color: var(--arkq-text-3);
  word-break: break-all;
  background: rgba(0, 0, 0, .25);
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 10px;
  text-align: left;
}

/* ---------- 页脚 ---------- */
.arkq .arkq-foot {
  text-align: center;
  color: var(--arkq-text-4);
  font-size: 12.5px;
  margin-top: 26px;
  letter-spacing: 1px;
}

.arkq .arkq-updated {
  text-align: center;
  color: var(--arkq-text-4);
  font-size: 12.5px;
  margin-top: 8px;
}

/* ---------- Banner（登录/未配置引导） ---------- */
.arkq .arkq-banner {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 46px 26px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  border-radius: var(--arkq-radius);
}

.arkq .arkq-banner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--arkq-accent-rgb), .55), rgba(var(--arkq-accent2-rgb), .45), transparent);
}

.arkq .arkq-banner h3 {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1px;
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--arkq-pink);
}

.arkq .arkq-banner p {
  margin: 0 0 22px;
  color: var(--arkq-text-3);
  font-size: 14px;
  line-height: 1.75;
}

/* 引导页图标圆环 */
.arkq .arkq-banner-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(var(--arkq-accent-rgb), .1);
  border: 1px solid rgba(var(--arkq-accent-rgb), .3);
  color: var(--arkq-pink);
}

.arkq .arkq-banner-ico svg {
  width: 30px;
  height: 30px;
}

/* ---------- 管理员汇总表 ---------- */
.arkq .arkq-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--arkq-border);
  border-radius: var(--arkq-radius);
  background: var(--arkq-bg);
}

.arkq .arkq-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.arkq .arkq-table th,
.arkq .arkq-table td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid var(--arkq-line);
  white-space: nowrap;
}

.arkq .arkq-table th {
  color: var(--arkq-text-2);
  font-weight: 500;
  background: rgba(var(--arkq-accent2-rgb), .04);
}

.arkq .arkq-table td {
  color: var(--arkq-text-3);
}

.arkq .arkq-table tr:last-child td {
  border-bottom: none;
}

.arkq .arkq-table tr:hover td {
  background: rgba(var(--arkq-accent-rgb), .04);
}

/* ---------- 响应式 ---------- */
@media (max-width: 1024px) {
  .arkq .arkq-plan-card {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .arkq .arkq-plan-right {
    padding-left: 0;
    padding-top: 20px;
    border-left: none;
    border-top: 1px dashed var(--arkq-line);
  }
}

@media (max-width: 768px) {
  .arkq {
    padding: 4px 20px 24px;
  }

  .arkq .arkq-head h2,
  .arkq .arkq-head .arkq-h1 {
    font-size: 30px;
    letter-spacing: 2px;
  }

  .arkq .arkq-num {
    font-size: 32px;
  }

  .arkq .arkq-plan-card {
    padding: 22px 20px;
  }

  .arkq .arkq-plan-title {
    font-size: 18px;
  }

  .arkq .arkq-meta-row {
    font-size: 13.5px;
    padding: 9px 0;
  }

  .arkq .arkq-banner {
    padding: 34px 18px;
  }

  .arkq .arkq-banner h3 {
    font-size: 19px;
  }

  .arkq .arkq-tick-label {
    font-size: 11px;
  }

  .arkq .arkq-tick.is-major .arkq-tick-label {
    font-size: 13px;
  }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
  .arkq-page::before {
    animation: none;
  }

  .arkq .arkq-sk-line,
  .arkq .arkq-sk-bar {
    animation: none;
  }
}

/* ==================================================================== */
/* 实际渲染结构补充（与 ark-quota.js 输出严格对应）                     */
/* ==================================================================== */

/* ---------- 套餐卡片：左信息 / 右额度 两栏 ---------- */
.arkq .arkq-plan-card {
  position: relative;
  overflow: hidden;
  display: grid;
  /* 全宽下：左信息栏固定舒适宽度，右额度栏吃掉剩余空间 */
  grid-template-columns: minmax(300px, 1fr) minmax(420px, 2.2fr);
  gap: 40px;
  padding: 30px 36px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  border-radius: var(--arkq-radius);
  margin-bottom: 20px;
  transition: transform .25s, border-color .25s, box-shadow .25s;
}

/* 顶部渐变亮线 */
.arkq .arkq-plan-card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--arkq-accent-rgb), .55), rgba(var(--arkq-accent2-rgb), .45), transparent);
}

.arkq .arkq-plan-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--arkq-accent-rgb), .55);
  box-shadow: 0 14px 34px rgba(var(--arkq-accent-rgb), .16);
}

.arkq .arkq-plan-left {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.arkq .arkq-plan-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 24px;
  border-left: 1px dashed var(--arkq-line);
}

/* 套餐名：渐变强调 */
.arkq .arkq-plan-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .5px;
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--arkq-pink);
}

/* 标题里的徽章要恢复实体色（否则被渐变裁掉） */
.arkq .arkq-plan-title .arkq-badge {
  -webkit-text-fill-color: var(--arkq-coral);
  background: rgba(var(--arkq-accent-rgb), .12);
}

.arkq .arkq-plan-title .arkq-badge.is-ok {
  -webkit-text-fill-color: var(--arkq-cyan);
  background: rgba(var(--arkq-accent2-rgb), .1);
}

/* 右栏小标题 */
.arkq .arkq-quota-title {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 500;
  color: var(--arkq-text-3);
  letter-spacing: 1px;
  text-transform: none;
}

/* ---------- 键值行 ---------- */
.arkq .arkq-meta {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.arkq .arkq-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--arkq-line);
  font-size: 15px;
}

.arkq .arkq-meta-row:last-child {
  border-bottom: none;
}

.arkq .arkq-k {
  color: var(--arkq-text-4);
  flex: 0 0 78px;
  font-size: 14px;
}

.arkq .arkq-v {
  color: var(--arkq-text-2);
  margin-left: auto;
  text-align: right;
}

.arkq .arkq-strong {
  color: var(--arkq-peach);
  font-weight: 500;
}

.arkq .arkq-link {
  color: var(--arkq-cyan);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color .2s;
}

.arkq .arkq-link:hover {
  color: var(--arkq-pink);
}

.arkq .arkq-link svg {
  width: 12px;
  height: 12px;
}

/* ---------- 续费按钮 ---------- */
.arkq .arkq-renew {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 22px;
  border-radius: 999px;
  background: var(--arkq-grad);
  color: #070b14;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  transition: transform .25s, box-shadow .25s;
  box-shadow: 0 4px 16px rgba(var(--arkq-accent-rgb), .35);
  width: 100%;
}

.arkq .arkq-renew:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(var(--arkq-accent-rgb), .5);
  color: #070b14;
}

/* ---------- 引导卡（登录 / 未配置 / 错误） ---------- */
.arkq .arkq-gate {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 52px 26px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  border-radius: var(--arkq-radius);
}

.arkq .arkq-gate::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--arkq-accent-rgb), .55), rgba(var(--arkq-accent2-rgb), .45), transparent);
}

.arkq .arkq-gate-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(var(--arkq-accent-rgb), .1);
  border: 1px solid rgba(var(--arkq-accent-rgb), .3);
  font-size: 26px;
  line-height: 1;
  box-shadow: 0 0 24px rgba(var(--arkq-accent-rgb), .18);
}

.arkq .arkq-gate-title {
  margin: 0 0 10px;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 1px;
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--arkq-pink);
}

.arkq .arkq-gate-desc {
  margin: 0 auto 24px;
  max-width: 520px;
  color: var(--arkq-text-3);
  font-size: 14px;
  line-height: 1.8;
}

.arkq .arkq-gate-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.arkq .arkq-gate-fallback {
  margin: 22px 0 0;
  font-size: 12.5px;
  color: var(--arkq-text-4);
}

.arkq .arkq-gate-fallback a {
  color: var(--arkq-cyan);
  text-decoration: none;
}

.arkq .arkq-gate-fallback a:hover {
  color: var(--arkq-pink);
}

/* ---------- 凭据表单 ---------- */
.arkq .arkq-cred-form {
  position: relative;
  padding: 26px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  border-radius: var(--arkq-radius);
  margin-bottom: 18px;
  overflow: hidden;
}

.arkq .arkq-cred-form::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--arkq-accent-rgb), .55), rgba(var(--arkq-accent2-rgb), .45), transparent);
}

/* v1.0.23：AI 网关三项（网关地址 / 登录用户名 / 管理员密码）同一行，顶对齐 */
.arkq .arkq-cred-row {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-bottom: 16px;
}

.arkq .arkq-cred-row .arkq-field {
  margin-bottom: 0;
}

@media (max-width: 720px) {
  .arkq .arkq-cred-row {
    grid-template-columns: 1fr;
  }

  .arkq .arkq-cred-row .arkq-field {
    margin-bottom: 16px;
  }
}

.arkq .arkq-cred-block {
  margin-bottom: 18px;
}

.arkq .arkq-cred-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 6px;
}

.arkq .arkq-cred-status {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 16px;
  border-radius: 10px;
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .2);
  font-size: 13px;
  color: var(--arkq-text-2);
  margin-bottom: 18px;
}

.arkq .arkq-cred-msg {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.7;
  min-height: 1px;
}

.arkq .arkq-cred-msg.is-ok {
  color: var(--arkq-cyan);
}

.arkq .arkq-cred-msg.is-err {
  color: #ff8f7a;
}

/* 输入框 + 眼睛按钮容器 */
.arkq .arkq-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.arkq .arkq-input-wrap .arkq-input {
  padding-right: 44px;
}

.arkq .arkq-eye {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--arkq-text-4);
  cursor: pointer;
  padding: 4px;
  line-height: 0;
  transition: color .2s;
}

.arkq .arkq-eye:hover {
  color: var(--arkq-pink);
}

.arkq .arkq-eye svg {
  width: 16px;
  height: 16px;
}

.arkq .arkq-cred-mask {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12.5px;
  color: var(--arkq-text-4);
  background: rgba(0, 0, 0, .25);
  border-radius: 6px;
  padding: 3px 8px;
}

/* 复制按钮 */
.arkq .arkq-copy {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--arkq-border);
  background: transparent;
  color: var(--arkq-text-3);
  font-size: 11.5px;
  font-family: inherit;
  cursor: pointer;
  transition: all .2s;
}

.arkq .arkq-copy:hover {
  color: var(--arkq-peach);
  border-color: rgba(var(--arkq-accent3-rgb), .5);
}

/* ---------- 危险按钮 ---------- */
.arkq .arkq-btn-danger {
  border-color: rgba(255, 91, 91, .4);
  color: #ff8f7a;
  background: rgba(255, 91, 91, .06);
}

.arkq .arkq-btn-danger:hover {
  border-color: rgba(255, 91, 91, .7);
  color: #ff5b5b;
  background: rgba(255, 91, 91, .12);
}

/* ---------- 通用块 & 小标题 ---------- */
.arkq .arkq-block {
  margin-bottom: 22px;
}

.arkq .arkq-h2 {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--arkq-text);
}

.arkq .arkq-hint {
  font-size: 12.5px;
  color: var(--arkq-text-4);
  line-height: 1.7;
  margin-top: 6px;
}

.arkq .arkq-mono {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12.5px;
  color: var(--arkq-text-2);
  word-break: break-all;
}

/* ---------- 标签 chips ---------- */
.arkq .arkq-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.arkq .arkq-chip {
  font-size: 11.5px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(var(--arkq-accent-rgb), .1);
  color: var(--arkq-coral);
  border: 1px solid rgba(var(--arkq-accent-rgb), .28);
}

.arkq .arkq-tag {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(var(--arkq-accent2-rgb), .1);
  color: var(--arkq-cyan);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .28);
}

.arkq .arkq-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--arkq-cyan);
  box-shadow: 0 0 8px var(--arkq-cyan);
  margin-right: 6px;
  vertical-align: middle;
}

.arkq .arkq-dot.is-off {
  background: var(--arkq-text-4);
  box-shadow: none;
}

/* ---------- 管理员统计卡 ---------- */
.arkq .arkq-admin-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

.arkq .arkq-stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  border-radius: var(--arkq-radius);
  text-align: center;
  transition: border-color .25s, transform .25s;
}

.arkq .arkq-stat:hover {
  border-color: rgba(var(--arkq-accent-rgb), .4);
  transform: translateY(-2px);
}

.arkq .arkq-stat-v {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--arkq-pink);
}

.arkq .arkq-stat-l {
  font-size: 12px;
  color: var(--arkq-text-4);
  letter-spacing: 1px;
}

/* ---------- 端点 / 键值对（含 code） ---------- */
.arkq .arkq-kv {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px dashed var(--arkq-line);
  font-size: 13px;
  color: var(--arkq-text-2);
}

.arkq .arkq-kv:last-child {
  border-bottom: none;
}

.arkq .arkq-kv .arkq-k {
  flex: 0 0 auto;
  color: var(--arkq-text-4);
  font-size: 12.5px;
}

.arkq .arkq-kv code {
  margin-left: auto;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12.5px;
  color: var(--arkq-cyan);
  background: rgba(var(--arkq-accent2-rgb), .07);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .2);
  border-radius: 6px;
  padding: 3px 9px;
  word-break: break-all;
}

/* ---------- 表格内右对齐辅助 ---------- */
.arkq .arkq-right {
  text-align: right;
}

/* ==================================================================== */
/* 主题样式十选：body.arkq-theme-X 切换                                  */
/*   deep（深空星海）为默认 = :root / .arkq 现值，无需覆盖块；           */
/*   其余主题两级覆盖：                                                  */
/*     body.arkq-theme-X          → 页面底色 + 强调色 RGB 三元组         */
/*     body.arkq-theme-X .arkq    → 卡片内色板（.arkq 自身声明特异性更高，*/
/*                                   必须用 body 前缀才能压过）           */
/*   剩余量三档语义色（绿/黄/红）不随主题变化。                          */
/* ==================================================================== */

/* ---- aurora 极光夜幕：极光绿 × 青 ---- */
body.arkq-theme-aurora {
  background-color: #04100b;
  --arkq-accent-rgb: 61, 220, 151;
  --arkq-accent2-rgb: 77, 227, 255;
  --arkq-accent3-rgb: 180, 255, 220;
}
body.arkq-theme-aurora .arkq {
  --arkq-pink: #3ddc97;
  --arkq-coral: #4de3ff;
  --arkq-peach: #b4ffdc;
  --arkq-cyan: #4de3ff;
  --arkq-blue: #9ad8c0;
  --arkq-bg: #0a1a14;
  --arkq-bg-deep: #04100b;
  --arkq-border: #16352a;
  --arkq-track: #0c2018;
  --arkq-line: #16352a;
  --arkq-grad: linear-gradient(135deg, #3ddc97, #4de3ff);
  --arkq-grad-text: linear-gradient(90deg, #b4ffdc, #3ddc97 45%, #4de3ff);
}

/* ---- violet 暮紫星云：紫罗兰 × 粉 ---- */
body.arkq-theme-violet {
  background-color: #0c0716;
  --arkq-accent-rgb: 167, 139, 250;
  --arkq-accent2-rgb: 255, 110, 199;
  --arkq-accent3-rgb: 216, 180, 254;
}
body.arkq-theme-violet .arkq {
  --arkq-pink: #a78bfa;
  --arkq-coral: #ff6ec7;
  --arkq-peach: #d8b4fe;
  --arkq-cyan: #ff6ec7;
  --arkq-blue: #b3a3d8;
  --arkq-bg: #150e26;
  --arkq-bg-deep: #0c0716;
  --arkq-border: #2a1f47;
  --arkq-track: #1a1230;
  --arkq-line: #2a1f47;
  --arkq-grad: linear-gradient(135deg, #a78bfa, #ff6ec7);
  --arkq-grad-text: linear-gradient(90deg, #d8b4fe, #a78bfa 45%, #ff6ec7);
}

/* ---- sunset 落日熔金：橙 × 金 ---- */
body.arkq-theme-sunset {
  background-color: #140a05;
  --arkq-accent-rgb: 255, 154, 61;
  --arkq-accent2-rgb: 255, 209, 102;
  --arkq-accent3-rgb: 255, 180, 120;
}
body.arkq-theme-sunset .arkq {
  --arkq-pink: #ff9a3d;
  --arkq-coral: #ffd166;
  --arkq-peach: #ffb478;
  --arkq-cyan: #ffd166;
  --arkq-blue: #d8b890;
  --arkq-bg: #1e1208;
  --arkq-bg-deep: #140a05;
  --arkq-border: #3a2412;
  --arkq-track: #241608;
  --arkq-line: #3a2412;
  --arkq-grad: linear-gradient(135deg, #ff9a3d, #ffd166);
  --arkq-grad-text: linear-gradient(90deg, #ffb478, #ff9a3d 45%, #ffd166);
}

/* ---- blood 血月暗涌：绯红 × 粉 ---- */
body.arkq-theme-blood {
  background-color: #120508;
  --arkq-accent-rgb: 255, 77, 94;
  --arkq-accent2-rgb: 255, 143, 171;
  --arkq-accent3-rgb: 255, 140, 140;
}
body.arkq-theme-blood .arkq {
  --arkq-pink: #ff4d5e;
  --arkq-coral: #ff8fab;
  --arkq-peach: #ff8c8c;
  --arkq-cyan: #ff8fab;
  --arkq-blue: #d89aa6;
  --arkq-bg: #1c0a10;
  --arkq-bg-deep: #120508;
  --arkq-border: #3a1420;
  --arkq-track: #240e14;
  --arkq-line: #3a1420;
  --arkq-grad: linear-gradient(135deg, #ff4d5e, #ff8fab);
  --arkq-grad-text: linear-gradient(90deg, #ff8c8c, #ff4d5e 45%, #ff8fab);
}

/* ---- ocean 深海聆涛：蔚蓝 × 青 ---- */
body.arkq-theme-ocean {
  background-color: #041020;
  --arkq-accent-rgb: 77, 163, 255;
  --arkq-accent2-rgb: 77, 227, 255;
  --arkq-accent3-rgb: 140, 200, 255;
}
body.arkq-theme-ocean .arkq {
  --arkq-pink: #4da3ff;
  --arkq-coral: #4de3ff;
  --arkq-peach: #8cc8ff;
  --arkq-cyan: #4de3ff;
  --arkq-blue: #90b8d8;
  --arkq-bg: #0a1626;
  --arkq-bg-deep: #041020;
  --arkq-border: #142c47;
  --arkq-track: #0c1e30;
  --arkq-line: #142c47;
  --arkq-grad: linear-gradient(135deg, #4da3ff, #4de3ff);
  --arkq-grad-text: linear-gradient(90deg, #8cc8ff, #4da3ff 45%, #4de3ff);
}

/* ---- gold 鎏金岁月：金 × 淡金 ---- */
body.arkq-theme-gold {
  background-color: #100d04;
  --arkq-accent-rgb: 232, 198, 106;
  --arkq-accent2-rgb: 245, 227, 179;
  --arkq-accent3-rgb: 255, 240, 200;
}
body.arkq-theme-gold .arkq {
  --arkq-pink: #e8c66a;
  --arkq-coral: #f5e3b3;
  --arkq-peach: #fff0c8;
  --arkq-cyan: #f5e3b3;
  --arkq-blue: #cfc0a0;
  --arkq-bg: #1a160a;
  --arkq-bg-deep: #100d04;
  --arkq-border: #332a14;
  --arkq-track: #201a0c;
  --arkq-line: #332a14;
  --arkq-grad: linear-gradient(135deg, #e8c66a, #f5e3b3);
  --arkq-grad-text: linear-gradient(90deg, #fff0c8, #e8c66a 45%, #f5e3b3);
}

/* ---- mint 薄荷清晨：薄荷 × 天青 ---- */
body.arkq-theme-mint {
  background-color: #051210;
  --arkq-accent-rgb: 94, 242, 192;
  --arkq-accent2-rgb: 125, 232, 224;
  --arkq-accent3-rgb: 200, 255, 240;
}
body.arkq-theme-mint .arkq {
  --arkq-pink: #5ef2c0;
  --arkq-coral: #7de8e0;
  --arkq-peach: #c8fff0;
  --arkq-cyan: #7de8e0;
  --arkq-blue: #a0d8cc;
  --arkq-bg: #0a1a17;
  --arkq-bg-deep: #051210;
  --arkq-border: #173430;
  --arkq-track: #0c221e;
  --arkq-line: #173430;
  --arkq-grad: linear-gradient(135deg, #5ef2c0, #7de8e0);
  --arkq-grad-text: linear-gradient(90deg, #c8fff0, #5ef2c0 45%, #7de8e0);
}

/* ---- rose 玫瑰暗调：玫瑰 × 浅粉 ---- */
body.arkq-theme-rose {
  background-color: #150810;
  --arkq-accent-rgb: 255, 110, 156;
  --arkq-accent2-rgb: 255, 158, 203;
  --arkq-accent3-rgb: 255, 190, 215;
}
body.arkq-theme-rose .arkq {
  --arkq-pink: #ff6e9c;
  --arkq-coral: #ff9ecb;
  --arkq-peach: #ffbed7;
  --arkq-cyan: #ff9ecb;
  --arkq-blue: #d8a8c0;
  --arkq-bg: #20101a;
  --arkq-bg-deep: #150810;
  --arkq-border: #3a1e30;
  --arkq-track: #261422;
  --arkq-line: #3a1e30;
  --arkq-grad: linear-gradient(135deg, #ff6e9c, #ff9ecb);
  --arkq-grad-text: linear-gradient(90deg, #ffbed7, #ff6e9c 45%, #ff9ecb);
}

/* ---- ice 冰川极地：冰蓝 × 淡青 ---- */
body.arkq-theme-ice {
  background-color: #060d16;
  --arkq-accent-rgb: 124, 199, 255;
  --arkq-accent2-rgb: 179, 236, 245;
  --arkq-accent3-rgb: 220, 245, 255;
}
body.arkq-theme-ice .arkq {
  --arkq-pink: #7cc7ff;
  --arkq-coral: #b3ecf5;
  --arkq-peach: #dcf5ff;
  --arkq-cyan: #b3ecf5;
  --arkq-blue: #a8c8e0;
  --arkq-bg: #0c1622;
  --arkq-bg-deep: #060d16;
  --arkq-border: #1a2c40;
  --arkq-track: #102030;
  --arkq-line: #1a2c40;
  --arkq-grad: linear-gradient(135deg, #7cc7ff, #b3ecf5);
  --arkq-grad-text: linear-gradient(90deg, #dcf5ff, #7cc7ff 45%, #b3ecf5);
}

/* ==================================================================== */
/* 卡片样式十选：在 glass（玻璃，默认）/ neon / paper / compact 基础上    */
/* 新增 border / elevate / gradient / round / sharp / minimal 六种        */
/* ==================================================================== */

/* ---- border：通透底 + 强调色细边框 ---- */
.arkq[data-card-style="border"] .arkq-plan-card {
  background: transparent;
  border-color: rgba(var(--arkq-accent-rgb), .45);
  box-shadow: none;
  backdrop-filter: none;
}

.arkq[data-card-style="border"] .arkq-plan-card::after {
  display: none;
}

.arkq[data-card-style="border"] .arkq-plan-card:hover {
  background: rgba(var(--arkq-accent-rgb), .06);
  border-color: rgba(var(--arkq-accent-rgb), .85);
}

/* ---- elevate：悬浮投影，hover 抬升更明显 ---- */
.arkq[data-card-style="elevate"] .arkq-plan-card {
  border-color: transparent;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .55),
    0 4px 14px rgba(var(--arkq-accent-rgb), .14);
}

.arkq[data-card-style="elevate"] .arkq-plan-card::after {
  display: none;
}

.arkq[data-card-style="elevate"] .arkq-plan-card:hover {
  transform: translateY(-5px);
  box-shadow:
    0 26px 60px rgba(0, 0, 0, .62),
    0 6px 22px rgba(var(--arkq-accent-rgb), .22);
}

/* ---- gradient：对角三色渐变底 ---- */
.arkq[data-card-style="gradient"] .arkq-plan-card {
  background:
    linear-gradient(150deg,
      rgba(var(--arkq-accent-rgb), .16),
      rgba(var(--arkq-accent2-rgb), .10) 55%,
      rgba(var(--arkq-accent3-rgb), .07));
  border-color: rgba(var(--arkq-accent-rgb), .24);
}

.arkq[data-card-style="gradient"] .arkq-plan-card::after {
  background: linear-gradient(90deg, var(--arkq-pink), var(--arkq-cyan));
  opacity: .85;
}

/* ---- round：大圆角 ---- */
.arkq[data-card-style="round"] .arkq-plan-card {
  border-radius: 24px;
}

.arkq[data-card-style="round"] .arkq-win {
  border-radius: 16px;
}

/* ---- sharp：直角锐利 ---- */
.arkq[data-card-style="sharp"] .arkq-plan-card {
  border-radius: 0;
}

.arkq[data-card-style="sharp"] .arkq-win {
  border-radius: 0;
}

.arkq[data-card-style="sharp"] .arkq-plan-card::after {
  height: 3px;
  opacity: .9;
}

/* ---- minimal：极简无框，仅虚线分隔 ---- */
.arkq[data-card-style="minimal"] .arkq-plan-card {
  background: transparent;
  border: none;
  border-bottom: 1px dashed var(--arkq-line);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.arkq[data-card-style="minimal"] .arkq-plan-card::after {
  display: none;
}

.arkq[data-card-style="minimal"] .arkq-plan-card:hover {
  transform: none;
  background: rgba(var(--arkq-accent-rgb), .04);
  box-shadow: none;
}

/* ==================================================================== */
/* 主题外观 · 示例卡片（实时预览当前主题 + 卡片样式效果）                */
/* ==================================================================== */
.arkq .arkq-preview {
  margin: 18px 0 0;
}

.arkq .arkq-preview-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--arkq-text-3);
  margin-bottom: 12px;
}

.arkq .arkq-preview-head .arkq-preview-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--arkq-text);
}

.arkq .arkq-preview-head .arkq-preview-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  color: var(--arkq-text-2);
  background: rgba(var(--arkq-accent-rgb), .08);
  border: 1px solid rgba(var(--arkq-accent-rgb), .22);
}

.arkq .arkq-preview-head .arkq-preview-chip b {
  color: var(--arkq-pink);
  font-weight: 700;
}

/* ==================================================================== */
/* 二级菜单按钮：火山引擎 / AI网关 / DeepSeek                             */
/* v2.6.0 起出现在「订阅管理 / 使用配置 / 用量明细」三个面板顶部；          */
/* v1.0.17 起统一升格到标签栏下方【唯一】的一条 .arkq-submenu 里           */
/* （面板内容里不再有自己的切换条），共用同一个 curPlat 全局状态。          */
/* 胶囊外壳见文件后部的 .arkq-submenu-left / .arkq-submenu-group。         */
/* ==================================================================== */
.arkq .arkq-subtab {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: var(--arkq-text-3);
  font-size: 13px;
  font-weight: 600;
  /* v1.0.18：18px → 15px。左组三粒共省 18px，是「左组 + 广场筛选同排」的关键余量之一 */
  padding: 6px 15px;
  border-radius: 9px;
  cursor: pointer;
  transition: color .15s, background .15s, box-shadow .15s;
}

.arkq .arkq-subtab:hover {
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent-rgb), .08);
}

.arkq .arkq-subtab.is-active {
  background: var(--arkq-grad);
  color: #070b14;
  font-weight: 700;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(var(--arkq-accent-rgb), .32);
}

/* 隐藏的平台按钮（无凭据时的「AI网关」走 hidden 属性，不是 disabled） */
.arkq .arkq-subtab[hidden] { display: none !important; }

/* 待用占位按钮：灰化禁用态 */
.arkq .arkq-subtab:disabled {
  color: var(--arkq-text-4);
  background: rgba(127, 143, 176, .08);
  cursor: not-allowed;
  opacity: .65;
}

/* ---------- v3.8.0 模型广场工具条（筛选 / 排序 / 推荐 / 搜索） ----------
   v1.0.17：整条已搬到统一二级菜单带里（外层胶囊 = .arkq-submenu-group），
   原来的 .arkq-plaza-bar 容器随之废弃，这里只保留控件自身的排布。 */
.arkq .arkq-plaza-tools {
  display: flex;
  align-items: center;
  /* v1.0.18：8 → 6，给「与左组同排」再腾 10px（6 个控件共 5 处间距） */
  gap: 6px;
  flex-wrap: wrap;
}

.arkq .arkq-pt-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: var(--arkq-text-3);
  white-space: nowrap;
}

.arkq .arkq-pt-item select {
  appearance: none;
  max-width: 132px;
  padding: 5px 24px 5px 10px;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  color: var(--arkq-text-2, var(--arkq-text));
  background-color: rgba(var(--arkq-accent2-rgb), .06);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237f8fb0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  border: 1px solid var(--arkq-border);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
  text-overflow: ellipsis;
}

.arkq .arkq-pt-item select:hover { border-color: rgba(var(--arkq-accent-rgb), .5); }

.arkq .arkq-pt-item select:focus {
  outline: none;
  border-color: rgb(var(--arkq-accent-rgb));
  box-shadow: 0 0 0 3px rgba(var(--arkq-accent-rgb), .18);
}

.arkq .arkq-pt-check {
  cursor: pointer;
  user-select: none;
}

.arkq .arkq-pt-check input {
  accent-color: rgb(var(--arkq-accent-rgb));
  width: 14px;
  height: 14px;
  margin: 0 2px 0 0;
  cursor: pointer;
}

.arkq .arkq-pt-search {
  width: 158px;
  padding: 6px 12px;
  font-size: 12px;
  font-family: inherit;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid var(--arkq-border);
  border-radius: 8px;
  transition: border-color .15s, box-shadow .15s, width .2s ease;
}

.arkq .arkq-pt-search::placeholder { color: var(--arkq-text-4); }

.arkq .arkq-pt-search:focus {
  outline: none;
  width: 190px;
  border-color: rgb(var(--arkq-accent-rgb));
  box-shadow: 0 0 0 3px rgba(var(--arkq-accent-rgb), .18);
}

/* v1.0.18：广场那粒筛选胶囊里的搜索框【不做聚焦加宽】。
   它和左组平台按钮挤在同一条带里（带内容宽固定 1072px），聚焦多出来的 32px
   会把整粒挤到第二行 —— 表现为「一点搜索框，菜单带就变成两排」。
   焦点反馈保留描边 + 光晕，足够。 */
.arkq .arkq-plaza-tools .arkq-pt-search,
.arkq .arkq-plaza-tools .arkq-pt-search:focus {
  width: 146px;
}

@media (max-width: 760px) {
  /* v1.0.17：筛选胶囊在窄屏独占一行，别跟平台按钮挤在半行里 */
  .arkq .arkq-submenu-group.arkq-plaza-tools { flex: 1 0 100%; }
  .arkq .arkq-pt-search { width: 100%; }
  .arkq .arkq-pt-search:focus { width: 100%; }
}

/* ---------- AI 网关明细：按日柱状 / 日期轴 / 模型清单 ---------- */
.arkq .arkq-gw-bars {
  display: flex;
  align-items: stretch;
  gap: 3px;
  height: 120px;
  margin: 10px 0 4px;
}

.arkq .arkq-gw-col {
  flex: 1 1 0;
  position: relative;
  min-width: 2px;
}

.arkq .arkq-gw-col i {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, var(--arkq-cyan), rgba(var(--arkq-accent-rgb), .85));
  box-shadow: 0 0 8px rgba(var(--arkq-accent-rgb), .25);
  transition: height .3s;
}

.arkq .arkq-gw-col i.is-zero {
  background: var(--arkq-track);
  box-shadow: none;
}

.arkq .arkq-gw-axis {
  display: flex;
  gap: 3px;
  font-size: 10.5px;
  color: var(--arkq-text-4);
  margin-bottom: 6px;
}

.arkq .arkq-gw-axis span {
  flex: 1 1 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.arkq .arkq-gw-models {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.arkq .arkq-gw-model {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  color: var(--arkq-cyan);
  background: rgba(var(--arkq-accent2-rgb), .07);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .22);
}


/* ===== AI网关 · 可用模型卡片 ===== */
.arkq .arkq-model-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.arkq .arkq-mc {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 13px 15px;
  border-radius: 12px;
  background: rgba(var(--arkq-accent2-rgb), .04);
  border: 1px solid var(--arkq-border);
  transition: border-color .18s ease, transform .18s ease;
}

.arkq .arkq-mc:hover {
  border-color: rgba(var(--arkq-accent2-rgb), .45);
  transform: translateY(-1px);
}

.arkq .arkq-mc-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.arkq .arkq-mc-vendor {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.arkq .arkq-mc-vname {
  font-size: 13px;
  font-weight: 600;
  color: var(--arkq-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-mc-proto {
  flex: none;
  margin-left: auto;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11px;
  color: var(--arkq-cyan);
  background: rgba(var(--arkq-accent2-rgb), .08);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .25);
}

.arkq .arkq-mc-id {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.arkq .arkq-mc-id code {
  flex: 1;
  min-width: 0;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 11.5px;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  color: var(--arkq-text-2);
  background: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid var(--arkq-line);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-mc-copy { flex: none; }

.arkq .arkq-mc-prices {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--arkq-text-2);
}

.arkq .arkq-mc-price-row {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.arkq .arkq-mc-price-row b {
  font-weight: 700;
  color: var(--arkq-text);
}

.arkq .arkq-mc-price-row.is-empty {
  color: var(--arkq-text-4);
}

.arkq .arkq-mc-unit {
  font-size: 10.5px;
  color: var(--arkq-text-4);
}

.arkq .arkq-mc-editbtn {
  align-self: flex-start;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
  color: var(--arkq-cyan);
}

.arkq .arkq-mc-editbtn:hover { text-decoration: underline; }

.arkq .arkq-mc-edit {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding-top: 10px;
  border-top: 1px dashed var(--arkq-line);
}

.arkq .arkq-mc-field {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--arkq-text-2);
}

.arkq .arkq-mc-field select,
.arkq .arkq-mc-field input[type="text"] {
  flex: 1;
  min-width: 0;
  padding: 4px 7px;
  font-size: 12px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq .arkq-mc-field select option { color: #1f2937; background: #fff; }

.arkq .arkq-mc-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--arkq-text-2);
  cursor: pointer;
}

.arkq .arkq-mc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.arkq .arkq-mc-grid label {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 10.5px;
  color: var(--arkq-text-3);
}

.arkq .arkq-mc-grid input {
  width: 100%;
  box-sizing: border-box;
  padding: 4px 7px;
  font-size: 12px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq .arkq-mc-actions {
  display: flex;
  gap: 8px;
}

/* ===== v2.9.0 模型卡：规格行 + 复合价格格 ===== */
.arkq .arkq-mc-specs {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.arkq .arkq-mc-spec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  min-width: 0;
}

.arkq .arkq-mc-slbl {
  flex: none;
  color: var(--arkq-text-3);
}

.arkq .arkq-mc-sctl {
  min-width: 0;
  padding: 3px 6px;
  font-size: 12px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq .arkq-mc-ctx {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
}

.arkq .arkq-mc-ctx input {
  width: 58px;
  padding: 3px 6px;
  font-size: 12px;
  text-align: right;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq .arkq-mc-ctx select {
  flex: none;
  padding: 3px 4px;
  font-size: 12px;
  color: var(--arkq-text-2);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq .arkq-mc select option,
.arkq select.arkq-mc-sctl option { color: #1f2937; background: #fff; }

.arkq .arkq-mc-cellw {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  font-size: 10.5px;
  color: var(--arkq-text-3);
}

.arkq .arkq-mc-clbl { white-space: nowrap; }

.arkq .arkq-mc-cell {
  display: flex;
  align-items: stretch;
  gap: 3px;
  min-width: 0;
}

.arkq .arkq-mc-cell select {
  flex: none;
  width: auto;
  padding: 4px 2px;
  font-size: 11px;
  color: var(--arkq-text-2);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 6px;
}

.arkq .arkq-mc-cell input {
  flex: 1;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 4px 5px;
  font-size: 11.5px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 6px;
}

.arkq .arkq-mc-field .arkq-mc-icon-in {
  flex: 0 0 54px;
  text-align: center;
}

/* ===== v3.0.0 模型卡：品牌图标 + 纯展示 + 配置弹窗 ===== */
.arkq .arkq-mc-vendor.is-logo {
  overflow: hidden;
}

.arkq .arkq-mc-vlogo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 3px;
  box-sizing: border-box;
}

.arkq .arkq-mc-vch { font-style: normal; }

.arkq .arkq-mc-sval {
  font-size: 12px;
  font-weight: 600;
  color: var(--arkq-text);
}

.arkq .arkq-mc-prices s {
  margin-right: 2px;
  font-weight: 400;
  opacity: .5;
}

.arkq .arkq-mc-cfgbtn {
  align-self: flex-end;
  padding: 4px 14px;
  font-size: 12px;
}

/* ---- 配置弹窗 ---- */
.arkq-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.arkq-modal[hidden] { display: none; }

.arkq-modal-mask {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, .62);
  backdrop-filter: blur(2px);
}

.arkq-modal-box {
  position: relative;
  width: min(480px, 100%);
  max-height: min(86vh, 720px);
  overflow-y: auto;
  padding: 16px 20px 20px;
  border-radius: 14px;
  background: var(--arkq-bg);
  border: 1px solid var(--arkq-border);
  box-shadow: 0 18px 50px rgba(2, 6, 23, .45);
  font-size: 13px;
  color: var(--arkq-text);
}

.arkq-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.arkq-modal-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--arkq-text);
}

.arkq-modal-x {
  padding: 2px 8px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 15px;
  color: var(--arkq-text-3);
}

.arkq-modal-x:hover { color: var(--arkq-text); }

.arkq-modal-id { margin: 0 0 12px; }

.arkq-modal-id code {
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  color: var(--arkq-text-2);
  background: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid var(--arkq-line);
  word-break: break-all;
}

.arkq-modal-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.arkq-modal .arkq-mc-field { margin-bottom: 10px; }

.arkq-modal .arkq-mc-field > span:first-child {
  flex: none;
  min-width: 64px;
  font-size: 12px;
  color: var(--arkq-text-3);
}

.arkq-modal .arkq-mc-field select,
.arkq-modal .arkq-mc-field input {
  padding: 5px 8px;
  font-size: 12.5px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq-modal .arkq-mc-field select {
  flex: 1;
  min-width: 0;
}

.arkq-modal .arkq-mc-cell {
  flex: 1;
  min-width: 0;
}

.arkq-modal .arkq-mc-cell input {
  flex: 1;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

.arkq-modal .arkq-mc-cell select {
  flex: none;
  width: auto;
}

.arkq-modal .arkq-mc-disc {
  flex: 0 0 62px;
  text-align: right;
}

/* v1.1.9：官网预填价 —— 淡色显示与手填值区分，悬停有「可直接修改」提示 */
.arkq-modal .arkq-mc-price.arkq-mc-preset {
  color: var(--arkq-text-4, var(--arkq-text-3));
}

.arkq-modal .arkq-mc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}

.arkq-modal .arkq-mc-cellw { min-width: 0; }

.arkq-modal .arkq-mc-actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.arkq-modal select option { color: #1f2937; background: #fff; }

@media (max-width: 480px) {
  .arkq-modal-row2 { grid-template-columns: 1fr; }
  .arkq-modal .arkq-mc-grid { grid-template-columns: 1fr 1fr; }
}

/* ===== v3.1.0 弹窗：显隐修复 + 图标上传 ===== */
/* 关键修复：.arkq-mc-field{display:flex} / .arkq-mc-grid{display:grid} 特异性高于 UA 的 [hidden]，
   导致「名称/图标」行和峰谷组从未真正隐藏 */
.arkq-modal [hidden] { display: none !important; }

.arkq .arkq-mc-iconwrap {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.arkq .arkq-mc-iconbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  font-size: 12px;
  color: var(--arkq-text-2);
  background: rgba(var(--arkq-accent2-rgb), .07);
  border: 1px dashed var(--arkq-border);
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
}

.arkq .arkq-mc-iconbtn:hover {
  color: var(--arkq-text);
  border-color: rgba(var(--arkq-accent2-rgb), .5);
}

.arkq .arkq-mc-iconprev {
  width: 30px;
  height: 30px;
  padding: 3px;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  border: 1px solid var(--arkq-border);
}

.arkq .arkq-mc-iconclear {
  padding: 2px 8px;
  font-size: 11.5px;
  color: var(--arkq-text-3);
  background: none;
  border: none;
  cursor: pointer;
}

.arkq .arkq-mc-iconclear:hover { color: var(--arkq-text); }

/* ===== v3.2.0 峰谷时段 ===== */
.arkq .arkq-mc-now {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.arkq .arkq-mc-now.is-off {
  color: #16a34a;
  background: rgba(22, 163, 74, .12);
  border: 1px solid rgba(22, 163, 74, .35);
}

.arkq .arkq-mc-now.is-peak {
  color: #dc2626;
  background: rgba(220, 38, 38, .12);
  border: 1px solid rgba(220, 38, 38, .35);
}

.arkq-modal .arkq-mc-peaktime {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(var(--arkq-accent2-rgb), .04);
  border: 1px dashed var(--arkq-border);
}

.arkq-modal .arkq-mc-peaktime[hidden] { display: none !important; }

.arkq-modal .arkq-mc-peaktime .arkq-mc-field > span:first-child {
  flex: none;
  min-width: 64px;
}

.arkq-modal .arkq-mc-peaktime input[type="time"] {
  padding: 4px 6px;
  font-size: 12.5px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq .arkq-mc-tdash {
  flex: none;
  color: var(--arkq-text-3);
}

/* ===== v3.3.0 配置按钮主题化 + 折扣价高亮 + 余额栏 + 弹窗加宽 ===== */
.arkq .arkq-mc-cfgbtn,
.arkq .arkq-rac-cfgbtn[data-role="ark-config"] {
  align-self: flex-end;
  padding: 5px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, rgb(var(--arkq-accent-rgb)), rgb(var(--arkq-accent2-rgb)));
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: filter .18s ease, transform .18s ease;
}

.arkq .arkq-mc-cfgbtn:hover,
.arkq .arkq-rac-cfgbtn[data-role="ark-config"]:hover {
  filter: brightness(1.12);
  transform: translateY(-1px);
}

/* 卡片底部「复制模型名」按钮：网关复制钮同款描边胶囊 */
.arkq .arkq-rac-cfgbtn.is-copy,
.arkq .arkq-rac-cfgbtn[data-copy] {
  background: transparent;
  border: 1px solid var(--arkq-border);
  color: var(--arkq-text-3);
  font-weight: 400;
}

.arkq .arkq-rac-cfgbtn.is-copy:hover,
.arkq .arkq-rac-cfgbtn[data-copy]:hover {
  color: var(--arkq-peach);
  border-color: rgba(var(--arkq-accent3-rgb), .5);
  filter: none;
}

.arkq .arkq-mc-prices b.is-disc {
  color: #f59e0b;
}

.arkq .arkq-mc-sval.is-bal b {
  margin-left: 2px;
  color: #16a34a;
}

/* ===== v3.9.0 余额卡：金额字号放大 + 三档预设徽章 ===== */
.arkq .arkq-mc-spec.is-bal {
  align-items: baseline;
  gap: 6px;
  padding: 4px 6px;
  margin: 2px -6px 0;
  border-radius: 8px;
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid rgba(var(--arkq-accent-rgb), .12);
  flex-wrap: wrap;
}

.arkq .arkq-mc-bal-sts {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1.4;
  color: #fff;
  background: var(--arkq-text-3);
  flex: none;
}
.arkq .arkq-mc-bal-sts.is-low  { background: #ef4444; }
.arkq .arkq-mc-bal-sts.is-warn { background: #f59e0b; }
.arkq .arkq-mc-bal-sts.is-ok   { background: #16a34a; }
.arkq .arkq-mc-bal-sts.is-info { background: #3b82f6; }
.arkq .arkq-mc-bal-sts.is-mute { background: #94a3b8; }

.arkq .arkq-mc-bal-amount {
  flex: none;
  font-weight: 800;
  line-height: 1;
}
.arkq .arkq-mc-bal-amount b {
  font-size: 18px;
  letter-spacing: -.5px;
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--arkq-text);
}

.arkq .arkq-mc-bal-label {
  font-size: 11px;
  color: var(--arkq-text-3);
  letter-spacing: .3px;
  flex: none;
}

.arkq .arkq-mc-bal-name {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--arkq-text-2);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  text-align: right;
}

/* ===== v3.9.0 弹窗内的「三档阈值/状态/颜色」编辑区 ===== */
.arkq-modal .arkq-bal-rules {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 10px;
  margin: 0 0 6px;
  border-radius: 8px;
  background: rgba(var(--arkq-accent2-rgb), .04);
  border: 1px dashed var(--arkq-border);
}
.arkq-modal .arkq-bal-rules .arkq-hint-mini {
  margin: 0 0 4px;
  font-size: 11.5px;
  color: var(--arkq-text-3);
}
.arkq-modal .arkq-bal-rules .arkq-modal-row3 {
  margin-bottom: 0;
}
.arkq-modal .arkq-bal-rules .arkq-mc-field > span:first-child {
  flex: none;
  min-width: 76px;
  font-size: 11.5px;
  color: var(--arkq-text-3);
}
.arkq-modal .arkq-bal-rules input[type="text"],
.arkq-modal .arkq-bal-rules input[type="number"],
.arkq-modal .arkq-bal-rules select {
  padding: 4px 8px;
  font-size: 12px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
  width: 100%;
  min-width: 0;
}

.arkq-modal-box {
  width: min(760px, 96vw);
}

.arkq-modal-row3 {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.arkq-modal .arkq-bal-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(var(--arkq-accent-rgb), .04);
  border: 1px dashed var(--arkq-border);
}

.arkq-modal .arkq-bal-box .arkq-mc-field > span:first-child {
  flex: none;
  min-width: 64px;
}

.arkq-modal .arkq-bal-box input[type="text"],
.arkq-modal .arkq-bal-box input[type="number"] {
  padding: 5px 8px;
  font-size: 12.5px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq-modal .arkq-bal-box input[type="number"] {
  flex: 1;
  min-width: 0;
  width: auto;
}

.arkq-modal .arkq-bal-box select {
  flex: none;
  padding: 5px 6px;
  font-size: 12.5px;
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
  border-radius: 7px;
}

.arkq .arkq-bal-msg {
  flex: 1;
  min-width: 0;
  font-size: 11.5px;
  color: var(--arkq-text-3);
  word-break: break-all;
}

/* v3.9.6：峰谷两组价格改为上下两行（每行 3 个，数字框随整行宽度加宽）；
   不启用峰谷时下面一组隐藏 */
.arkq-modal .arkq-mc-grid {
  margin-bottom: 10px;
}

.arkq-modal .arkq-mc-grid[hidden] { display: none !important; }

@media (max-width: 620px) {
  .arkq-modal-row3 { grid-template-columns: 1fr; }
  .arkq-modal .arkq-mc-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ==================================================================== */
/* 模型广场（v3.4.0）                                                    */
/* 一级 tab「模型广场」→ 二级菜单（火山引擎 / AI网关 / DeepSeek）          */
/* 内容复用 .arkq-block / .arkq-chips / .arkq-model-grid，                  */
/* 这里只补一条「平台条」把当前平台与数据来源说清楚。                      */
/* ==================================================================== */
.arkq .arkq-plaza-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(var(--arkq-accent2-rgb), .05);
  border: 1px solid var(--arkq-border);
}

.arkq .arkq-plaza-head .arkq-plaza-plat {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--arkq-text);
}

.arkq .arkq-plaza-head .arkq-plaza-plat .arkq-plaza-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--arkq-grad);
  box-shadow: 0 0 8px rgba(var(--arkq-accent-rgb), .55);
  flex: none;
}

.arkq .arkq-plaza-head .arkq-plaza-count {
  font-size: 12px;
  font-weight: 600;
  color: var(--arkq-cyan);
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(var(--arkq-accent2-rgb), .09);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .25);
}

.arkq .arkq-plaza-head .arkq-plaza-src {
  font-size: 11.5px;
  color: var(--arkq-text-4);
  margin-left: auto;
}

@media (max-width: 620px) {
  .arkq .arkq-plaza-head .arkq-plaza-src { margin-left: 0; }
}

/* ==================================================================== */
/* 模型广场 · 方舟套餐模型卡（v3.6.0）                                     */
/* Coding Plan 卡片主信息 = ×N 次/请求；Agent Plan 卡片主信息 = AFP 系数。   */
/* v3.6.0：卡片尺寸对齐 AI 网关（255px 起），新增模型名复制、                */
/*         套餐折算价 vs 官方按量价（划线）对比、⚙ 配置。                    */
/* ==================================================================== */
.arkq .arkq-model-grid.is-ark {
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
  gap: 12px;
}

.arkq .arkq-rac {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 13px 15px;
  border-radius: 12px;
  background: rgba(var(--arkq-accent2-rgb), .04);
  border: 1px solid var(--arkq-border);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.arkq .arkq-rac:hover {
  border-color: rgba(var(--arkq-accent2-rgb), .45);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .3);
}

.arkq .arkq-rac-h {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.arkq .arkq-rac-logo {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .07);
  font-size: 11px;
  font-weight: 700;
  color: var(--arkq-text);
  overflow: hidden;
}

.arkq .arkq-rac-logo img {
  width: 15px;
  height: 15px;
  object-fit: contain;
  display: block;
}

.arkq .arkq-rac-logo.is-fallback {
  background: rgba(var(--arkq-accent2-rgb), .16);
  color: var(--arkq-cyan);
}

/* v3.9.5：外层放开 overflow（否则自身 tooltip 被裁掉），省略号交给内层 code */
.arkq .arkq-rac-id {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12px;
  font-weight: 600;
  color: var(--arkq-text);
}
.arkq .arkq-rac-id > code {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arkq .arkq-rac-id > .arkq-rac-copy { flex: none; }

.arkq .arkq-rac-cat {
  flex: none;
  margin-left: auto;
  padding: 1px 7px;
  border-radius: 6px;
  font-size: 10.5px;
  color: var(--arkq-cyan);
  background: rgba(var(--arkq-accent2-rgb), .09);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .22);
}

.arkq .arkq-rac-r {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}

.arkq .arkq-rac-num {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.5px;
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.arkq .arkq-rac-num.is-none {
  font-size: 18px;
  -webkit-text-fill-color: var(--arkq-text-4);
}

.arkq .arkq-rac-u {
  font-size: 11px;
  line-height: 1.35;
  color: var(--arkq-text-4);
}

.arkq .arkq-rac-was {
  font-size: 11px;
  color: var(--arkq-text-4);
  text-decoration: line-through;
}

.arkq .arkq-rac-badge {
  flex: none;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  color: #ffd9a8;
  background: rgba(255, 160, 80, .13);
  border: 1px solid rgba(255, 160, 80, .32);
}

.arkq .arkq-rac-spec {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.arkq .arkq-rac-spec span {
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 10.5px;
  color: var(--arkq-text-3);
  background: rgba(255, 255, 255, .045);
}

.arkq .arkq-rac-note {
  font-size: 10.5px;
  line-height: 1.55;
  color: var(--arkq-text-4);
  padding-top: 7px;
  border-top: 1px dashed var(--arkq-border);
}

.arkq .arkq-rac-note.is-soft {
  color: #d9a464;
}

.arkq .arkq-rac-note code {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 10px;
  padding: 0 4px;
  border-radius: 4px;
  color: var(--arkq-cyan);
  background: rgba(var(--arkq-accent2-rgb), .1);
}

/* ==================================================================== */
/* v3.6.0 · 套餐折算价 vs 官方按量价（划线价）                            */
/* ==================================================================== */
.arkq .arkq-rac-cmp {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 9px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .028);
  border: 1px solid var(--arkq-line);
}

.arkq .arkq-rac-chead,
.arkq .arkq-rac-crow {
  display: grid;
  grid-template-columns: 62px 1fr 1fr auto;
  align-items: baseline;
  gap: 5px;
  font-size: 11.5px;
  min-width: 0;
}

.arkq .arkq-rac-chead {
  font-size: 10px;
  color: var(--arkq-text-4);
  padding-bottom: 3px;
  border-bottom: 1px dashed var(--arkq-border);
  letter-spacing: .2px;
}

.arkq .arkq-rac-chead span:nth-child(3),
.arkq .arkq-rac-chead span:nth-child(4) { text-align: right; }

.arkq .arkq-rac-crow.is-tier {
  padding-top: 4px;
  margin-top: 2px;
  border-top: 1px dashed var(--arkq-border);
}

.arkq .arkq-rac-crow.is-tier .arkq-rac-clbl {
  font-weight: 700;
  color: var(--arkq-text-2);
}

.arkq .arkq-rac-clbl {
  color: var(--arkq-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-rac-clbl.is-sub {
  padding-left: 8px;
  font-size: 10.5px;
  color: var(--arkq-text-4);
}

/* 官方按量价：划线 */
.arkq .arkq-rac-capi {
  text-align: right;
  color: var(--arkq-text-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-rac-capi s { text-decoration: line-through; }

.arkq .arkq-rac-capi i {
  font-style: normal;
  font-size: 10px;
  opacity: .75;
}

/* 套餐折算价 */
.arkq .arkq-rac-cafp {
  text-align: right;
  font-weight: 700;
  color: var(--arkq-cyan);
  white-space: nowrap;
}

/* 差额：省 = 青，贵 = 橙 */
.arkq .arkq-rac-csave {
  min-width: 52px;
  text-align: right;
  font-size: 10.5px;
  font-weight: 600;
  color: #6fe0a8;
  white-space: nowrap;
}

.arkq .arkq-rac-csave.is-up { color: #ffb080; }

/* v3.9.1：说明徽章「ⓘ 说明」——完整内容收进 data-tip，悬停浮出 tooltip（不再占版面） */
/* v3.9.5：徽章常作为 flex 纵排容器的子项，align-self 防被拉伸成整行 */
.arkq .arkq-hint-badge {
  display: inline-block;
  align-self: flex-start;
  max-width: 100%;
  cursor: help;
  margin: 6px 0 2px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 10.5px;
  line-height: 1.6;
  color: var(--arkq-cyan);
  background: rgba(var(--arkq-accent2-rgb), .1);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .35);
  white-space: nowrap;
}
/* 对比块（flex 纵排）与预览块里的徽章间距收紧 */
.arkq .arkq-rac-cmp .arkq-hint-badge,
.arkq .arkq-af-preview .arkq-hint-badge { margin: 5px 0 1px; }

.arkq .arkq-rac-cmp.is-flat .arkq-rac-crow {
  grid-template-columns: 1fr 1fr auto;
}

.arkq .arkq-rac-cmp.is-flat .arkq-rac-capi { text-align: left; }

/* 卡片底部按钮行 */
.arkq .arkq-rac-acts {
  display: flex;
  gap: 7px;
  margin-top: auto;
  padding-top: 2px;
}

.arkq .arkq-rac-cfgbtn {
  flex: 1;
  padding: 4px 8px;
  font-size: 11.5px;
  text-align: center;
}

/* 接入地址块（原本在「使用配置」里） */
.arkq .arkq-access .arkq-kv code { word-break: break-all; }

/* ===== v3.7.0 · 方舟峰谷定价 ===== */
/* 卡片对比块里的峰谷状态徽章（复用网关 .arkq-mc-now 配色） */
.arkq .arkq-rac-cmp .arkq-mc-now { margin-bottom: 6px; }
/* v3.8.1：峰谷徽章只显示「峰时 · 高 / 谷时 · 低」，时段与说明收进悬停 tooltip */
/* v3.9.5：所有 data-tip 载体共用同一套 tooltip 基础规则 */
.arkq .arkq-mc-now[data-tip],
.arkq .arkq-hint-badge[data-tip],
.arkq .arkq-rac-id[data-tip] {
  position: relative;
  cursor: help;
}
.arkq .arkq-mc-now[data-tip]::after,
.arkq .arkq-hint-badge[data-tip]::after,
.arkq .arkq-rac-id[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 60;
  width: max-content;
  max-width: 240px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  white-space: normal;
  text-align: left;
  color: var(--arkq-text);
  background: #101a2e;
  border: 1px solid var(--arkq-border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-3px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s;
  pointer-events: none;
}
.arkq .arkq-mc-now[data-tip]:hover::after,
.arkq .arkq-hint-badge[data-tip]:hover::after,
.arkq .arkq-rac-id[data-tip]:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* v3.9.2：别名卡合并后，「复制模型名」按钮悬停浮出别名徽章（向上，避开卡片下沿） */
.arkq .arkq-rac-cfgbtn[data-tip],
.arkq .arkq-mc-cfgbtn[data-tip] {
  position: relative;
  cursor: help;
  text-decoration: underline dotted rgba(var(--arkq-accent2-rgb), .55);
  text-underline-offset: 3px;
}
.arkq .arkq-rac-cfgbtn[data-tip]::after,
.arkq .arkq-mc-cfgbtn[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  z-index: 70;
  width: max-content;
  max-width: 240px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  white-space: normal;
  text-align: center;
  color: var(--arkq-cyan);
  background: #101a2e;
  border: 1px solid rgba(var(--arkq-accent2-rgb), .35);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(3px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s;
  pointer-events: none;
}
.arkq .arkq-rac-cfgbtn[data-tip]:hover::after,
.arkq .arkq-mc-cfgbtn[data-tip]:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
/* 弹窗：峰谷开关与后续网格的间距 */
.arkq-modal .arkq-af-block .arkq-mc-check { margin: 8px 0 2px; }
.arkq-modal .arkq-af-block .arkq-mc-peaktime { margin-top: 8px; }

/* ==================================================================== */
/* v3.6.0 · Agent Plan 模型配置弹窗                                      */
/* ==================================================================== */
.arkq-modal .arkq-af-block {
  padding: 12px 13px;
  margin-bottom: 12px;
  border-radius: 11px;
  background: rgba(var(--arkq-accent2-rgb), .04);
  border: 1px solid var(--arkq-border);
}

.arkq-modal .arkq-af-block .arkq-h2 { margin: 0 0 4px; }

.arkq-modal .arkq-af-grid3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}

/* 网格里的字段取消底部外边距；单元格内「输入框 + 单位」并排 */
.arkq-modal .arkq-af-grid3 .arkq-mc-field { margin-bottom: 0; }

/* v3.6.1 · 「AFP 单价 / 套餐档位 / 实付月费」行：档位列加宽，下拉必须可收缩，杜绝溢出遮挡 */
.arkq-modal .arkq-af-grid3.is-plan {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
}

.arkq-modal .arkq-mc-cell select,
.arkq-modal .arkq-af-grid3 select {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  text-overflow: ellipsis;
}

.arkq-modal .arkq-af-grid3 .arkq-mc-cell { min-width: 0; }
.arkq-modal .arkq-af-grid3 .arkq-mc-cell > * { min-width: 0; }

.arkq-modal .arkq-af-block .arkq-mc-cell {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ===== v1.1.3 · 账号配置弹窗里的余额区 =====
   ⚠️ 坑：全局有一条 .arkq-modal .arkq-mc-cell select{flex:1 1 auto;width:100%}（为 AFP 档位列写的），
   它会命中「余额数值 + 币种」这一格 —— 币种下拉撑满整格，把数值输入框挤成 18px 几乎不可见。
   这里按余额区收窄：数值框吃掉余量、币种下拉按内容宽度。 */
.arkq-modal .arkq-bal-box .arkq-mc-cell select {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
}
.arkq-modal .arkq-bal-box .arkq-mc-cell input[type="number"] {
  flex: 1 1 auto;
  min-width: 96px;
}
/* v1.1.12：余额数值行的「官网校准 / 手动校准」双按钮 —— 同格四控件，
   允许换行避免挤扁数值框；按钮按内容宽、不参与伸缩。 */
.arkq-modal .arkq-bal-box .arkq-mc-cell { flex-wrap: wrap; }
.arkq-modal .arkq-bal-box .arkq-mc-cell .arkq-bal-calibbtn {
  flex: 0 0 auto;
  width: auto;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
}

/* 阈值三档：每格保持一行（label 与控件并排），否则窄弹窗里 label 会被挤到单独一行、三列错位 */
.arkq-modal .arkq-bal-rules .arkq-mc-field { flex-wrap: nowrap; }
.arkq-modal .arkq-bal-rules .arkq-mc-field > span:first-child {
  min-width: 0;
  white-space: nowrap;
}
.arkq-modal .arkq-bal-rules .arkq-mc-field input,
.arkq-modal .arkq-bal-rules .arkq-mc-field select {
  flex: 1 1 auto;
  min-width: 0;
}

.arkq-modal .arkq-af-block .arkq-mc-field > span:first-child { min-width: 0; }

.arkq-modal .arkq-af-unit {
  flex: none;
  font-size: 10px;
  color: var(--arkq-text-4);
  white-space: nowrap;
}

.arkq-modal .arkq-af-preview {
  padding: 12px 13px;
  margin-bottom: 12px;
  border-radius: 11px;
  background: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .28);
}

.arkq-modal .arkq-af-phead {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--arkq-text);
}

.arkq-modal .arkq-af-phead span {
  margin-left: auto;
  font-size: 11px;
  font-weight: 400;
  color: var(--arkq-text-4);
}

.arkq-modal .arkq-af-prow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 78px 78px 84px;
  align-items: baseline;
  gap: 6px;
  padding: 3px 0;
  font-size: 12px;
}

.arkq-modal .arkq-af-prow.is-head {
  font-size: 10.5px;
  color: var(--arkq-text-4);
  padding-bottom: 4px;
  border-bottom: 1px dashed var(--arkq-border);
}

.arkq-modal .arkq-af-prow span:nth-child(n+2) { text-align: right; }

.arkq-modal .arkq-af-plbl {
  color: var(--arkq-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq-modal .arkq-af-papi { color: var(--arkq-text-4); text-decoration: line-through; }

.arkq-modal .arkq-af-pnow { font-weight: 700; color: var(--arkq-cyan); }

.arkq-modal .arkq-af-psave { font-size: 11px; font-weight: 600; color: #6fe0a8; }

.arkq-modal .arkq-af-psave.is-up { color: #ffb080; }

.arkq-modal .arkq-af-pnote {
  margin: 9px 0 0;
  padding-top: 8px;
  border-top: 1px dashed var(--arkq-border);
  font-size: 10.5px;
  line-height: 1.6;
  color: var(--arkq-text-4);
}

.arkq-modal .arkq-af-pnote b { color: var(--arkq-cyan); }

@media (max-width: 760px) {
  .arkq-modal .arkq-af-grid3,
  .arkq-modal .arkq-af-grid3.is-plan { grid-template-columns: 1fr; }
  .arkq-modal .arkq-af-prow { grid-template-columns: minmax(0, 1fr) 62px 62px 68px; }
}

@media (max-width: 620px) {
  .arkq .arkq-model-grid.is-ark {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
  .arkq .arkq-rac-num { font-size: 20px; }
  .arkq .arkq-rac-chead,
  .arkq .arkq-rac-crow { grid-template-columns: 52px 1fr 1fr auto; }
}

/* ==================================================================== */
/* v3.9.0 网关 / DeepSeek 卡片对齐方舟 + 弹窗输入框加宽                    */
/* ==================================================================== */

/* 底部按钮行：⚙ 配置 + 复制模型名（进入行内布局后取消旧的 align-self） */
.arkq .arkq-rac-acts .arkq-mc-cfgbtn { align-self: auto; }

/* 卡片价格区：大数字行与对比块的间距（复用方舟 .arkq-rac-* 样式） */
.arkq .arkq-mc-prices .arkq-rac-r { margin-bottom: 2px; }
.arkq .arkq-mc-prices .arkq-rac-cmp { font-size: 11px; }

/* 弹窗：上下文长度数字框加宽（可显示 4 位数，如 1280） */
.arkq-modal input[data-mf="ctx"] {
  flex: 1 1 64px;
  min-width: 64px;
}

/* 弹窗：余额数值框加宽（可显示 8 位数 + 两位小数，如 12345678.90）；
   选择器带 .arkq-bal-box 提升优先级，压过 .arkq-bal-box input[type="number"] 的 min-width:0 */
.arkq-modal .arkq-bal-box input[data-mf="balAmount"] {
  flex: 1 1 150px;
  min-width: 150px;
}

/* v3.9.1：弹窗内徽章 tooltip 改为向上浮出，避开 .arkq-modal-box 可滚动容器的下沿裁切 */
.arkq-modal .arkq-hint-badge[data-tip]::after {
  top: auto;
  bottom: calc(100% + 6px);
  transform: translateY(3px);
}
.arkq-modal .arkq-hint-badge[data-tip]:hover::after { transform: translateY(0); }


/* ==================================================================== */
/* v3.9.5 · data-tip 悬停徽章修复（兜底）                                 */
/* ==================================================================== */
/* 前面的基础规则若被误删，这里保证 content 仍存在，徽章不会静默失效 */
.arkq .arkq-mc-now[data-tip]::after,
.arkq .arkq-hint-badge[data-tip]::after,
.arkq .arkq-rac-id[data-tip]::after,
.arkq .arkq-rac-cfgbtn[data-tip]::after,
.arkq .arkq-mc-cfgbtn[data-tip]::after {
  content: attr(data-tip);
}
/* 模型名行的 tooltip 不继承等宽字体 */
.arkq .arkq-rac-id[data-tip]::after {
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}


/* ==================================================================== */
/* v3.10.0 · AI 网关「用量统计」                                          */
/*   三级筛选（用户 / 供应商 / API 类型 / 时间维度）+ 双月日历             */
/*   四级分布（按供应商 / 模型 / 模型组 / 上游账号 / 用户组 / 用户）        */
/* ==================================================================== */

/* ---------- 筛选行 ---------- */
/* v1.1.0：用量明细（火山 / 网关）的筛选条已搬进二级带右组，此容器不再渲染；
   保留规则仅为兼容历史结构，带内排布见 .arkq-detail-tools。 */
.arkq .arkq-gwst .arkq-gwst-bar {
  position: relative;      /* 时间维度面板相对整行定位，避免从按钮处向右溢出卡片 */
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

/* 把右侧的「请求模型 + 刷新」推到行尾 */
.arkq .arkq-gwst-gap {
  flex: 1 1 0;
  min-width: 0;
}

.arkq .arkq-gwst .arkq-pt-item select { max-width: 168px; }

.arkq .arkq-gwst-model {
  width: 168px;
  max-width: 100%;
}

.arkq .arkq-gwst-refresh {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  color: var(--arkq-text-3, var(--arkq-text));
  background: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid var(--arkq-border);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color .15s, color .15s;
}

.arkq .arkq-gwst-refresh:hover {
  color: var(--arkq-text, #fff);
  border-color: rgba(var(--arkq-accent-rgb), .5);
}

/* ---------- 时间维度：按钮 ---------- */
.arkq .arkq-gwdt {
  flex: 0 0 auto;
}

.arkq .arkq-gwdt-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  color: var(--arkq-text-2, var(--arkq-text));
  background-color: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid var(--arkq-border);
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color .15s, box-shadow .15s;
}

.arkq .arkq-gwdt-btn:hover,
.arkq .arkq-gwdt-btn.is-open {
  border-color: rgba(var(--arkq-accent-rgb), .5);
}

.arkq .arkq-gwdt-btn.is-open {
  box-shadow: 0 0 0 3px rgba(var(--arkq-accent-rgb), .15);
}

.arkq .arkq-gwdt-label { color: var(--arkq-text-4, var(--arkq-text-3)); }

.arkq .arkq-gwdt-caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: .6;
  transition: transform .18s;
}

.arkq .arkq-gwdt-btn.is-open .arkq-gwdt-caret { transform: rotate(180deg); }

/* ---------- 时间维度：弹出面板 ---------- */
.arkq .arkq-gwdt-pop {
  position: absolute;
  z-index: 40;
  top: calc(100% + 10px);
  left: 0;
  display: flex;
  align-items: stretch;
  max-width: min(660px, calc(100vw - 48px));
  background: var(--arkq-bg, #0d1424);
  border: 1px solid var(--arkq-border);
  border-radius: var(--arkq-radius, 14px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .42);
  overflow: hidden;
}

.arkq .arkq-gwdt-list {
  display: flex;
  flex-direction: column;
  flex: 0 0 108px;
  padding: 8px;
  gap: 2px;
  border-right: 1px solid var(--arkq-border);
  background: rgba(var(--arkq-accent2-rgb), .03);
}

.arkq .arkq-gwdt-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 7px 10px;
  font-size: 12.5px;
  font-family: inherit;
  color: var(--arkq-text-3, var(--arkq-text));
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition: background .15s, color .15s;
}

.arkq .arkq-gwdt-item:hover { background: rgba(var(--arkq-accent2-rgb), .1); }

.arkq .arkq-gwdt-item.is-on {
  color: var(--arkq-text, #fff);
  font-weight: 700;
  background: rgba(var(--arkq-accent-rgb), .14);
}

.arkq .arkq-gwdt-tick {
  font-style: normal;
  font-size: 11px;
  color: rgb(var(--arkq-accent-rgb));
}

/* ---------- 双月日历 ---------- */
.arkq .arkq-gwcal-box {
  padding: 10px 12px 8px;
  min-width: 0;
}

.arkq .arkq-gwcal-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 6px;
}

.arkq .arkq-gwcal-arrow {
  width: 26px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: inherit;
  line-height: 1;
  color: var(--arkq-text-3, var(--arkq-text));
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}

.arkq .arkq-gwcal-arrow:hover {
  color: var(--arkq-text, #fff);
  background: rgba(var(--arkq-accent2-rgb), .1);
  border-color: var(--arkq-border);
}

.arkq .arkq-gwcal-duo {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.arkq .arkq-gwcal { flex: 0 0 auto; }

.arkq .arkq-gwcal-title {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: var(--arkq-text-2, var(--arkq-text));
  letter-spacing: .5px;
}

.arkq .arkq-gwcal-wk,
.arkq .arkq-gwcal-grid {
  display: grid;
  grid-template-columns: repeat(7, 32px);
  gap: 2px;
}

.arkq .arkq-gwcal-wk {
  margin-bottom: 2px;
}

.arkq .arkq-gwcal-wk span {
  font-size: 11px;
  text-align: center;
  color: var(--arkq-text-4, var(--arkq-text-3));
}

.arkq .arkq-gwcal-d {
  width: 32px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12.5px;
  font-family: inherit;
  font-variant-numeric: tabular-nums;
  color: var(--arkq-text-2, var(--arkq-text));
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: background .13s, color .13s;
}

.arkq .arkq-gwcal-d.is-empty {
  cursor: default;
  background: transparent;
}

.arkq .arkq-gwcal-d:not(.is-empty):hover {
  background: rgba(var(--arkq-accent2-rgb), .16);
}

/* 区间内：淡底 */
.arkq .arkq-gwcal-d.is-in {
  background: rgba(var(--arkq-accent-rgb), .14);
  border-radius: 0;
}

/* 起止两天：实心圆 */
.arkq .arkq-gwcal-d.is-start,
.arkq .arkq-gwcal-d.is-end {
  color: #fff;
  font-weight: 700;
  background: rgb(var(--arkq-accent-rgb));
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(var(--arkq-accent-rgb), .5);
}

.arkq .arkq-gwcal-d.is-today:not(.is-start):not(.is-end) {
  border-color: rgba(var(--arkq-accent-rgb), .55);
}

.arkq .arkq-gwcal-tip {
  margin: 8px 0 0;
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--arkq-text-4, var(--arkq-text-3));
}

/* ---------- 六张分布表 ---------- */
.arkq .arkq-gwst-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
  gap: 16px;
  margin-bottom: 6px;
}

.arkq .arkq-gwst-card {
  border: 1px solid var(--arkq-border);
  border-radius: var(--arkq-radius, 14px);
  background: var(--arkq-bg, #0d1424);
  overflow: hidden;
}

.arkq .arkq-gwst-card-h {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .5px;
  color: var(--arkq-text-2, var(--arkq-text));
  border-bottom: 1px solid var(--arkq-border);
}

.arkq .arkq-gwst-card-t { min-width: 0; }

/* v1.1.8：表头右侧「显示已删除」开关 —— 已删除的历史记录默认收起 */
.arkq .arkq-gwst-delsw {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.5;
  color: var(--arkq-text-4, var(--arkq-text-3));
  background: transparent;
  border: 1px solid rgba(var(--arkq-accent-rgb), .3);
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .15s, background .15s, border-color .15s;
}

.arkq .arkq-gwst-delsw:hover {
  color: var(--arkq-text);
  border-color: rgba(var(--arkq-accent-rgb), .55);
}

.arkq .arkq-gwst-delsw.is-on {
  color: var(--arkq-text);
  background: rgba(var(--arkq-accent-rgb), .14);
  border-color: rgba(var(--arkq-accent-rgb), .5);
}

/* 已删除的行默认不占位置；开关打开（卡片 is-showdel）才展开 */
.arkq .arkq-gwst-table tr.arkq-gwst-delrow { display: none; }
.arkq .arkq-gwst-card.is-showdel tr.arkq-gwst-delrow { display: table-row; }
.arkq .arkq-gwst-table tr.arkq-gwst-delrow .arkq-gwst-name { opacity: .72; }

.arkq .arkq-gwst-scroll { overflow-x: auto; }

.arkq .arkq-gwst-table { width: 100%; }

.arkq .arkq-gwst-table th,
.arkq .arkq-gwst-table td {
  white-space: nowrap;
  padding: 9px 12px;
  font-size: 12.5px;
}

.arkq .arkq-gwst-table th:first-child,
.arkq .arkq-gwst-table td:first-child {
  white-space: normal;
  min-width: 128px;
}

.arkq .arkq-gwst-name-cell { max-width: 240px; }

.arkq .arkq-gwst-name { word-break: break-word; }

.arkq .arkq-gwst-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: var(--arkq-text-2, var(--arkq-text));
}

.arkq .arkq-gwst-table th.arkq-gwst-num { color: var(--arkq-text-4, var(--arkq-text-3)); }

/* ---------- 窄屏 ---------- */
@media (max-width: 720px) {
  .arkq .arkq-gwst-gap { display: none; }
  .arkq .arkq-gwst-refresh { margin-left: auto; }
  .arkq .arkq-gwst-model { width: 100%; }
  .arkq .arkq-gwdt-pop {
    left: 0;
    right: 0;
    flex-direction: column;
    max-width: none;
  }
  .arkq .arkq-gwdt-list {
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    border-right: 0;
    border-bottom: 1px solid var(--arkq-border);
  }
  .arkq .arkq-gwdt-item { flex: 0 0 auto; }
  .arkq .arkq-gwst-grid { grid-template-columns: 1fr; }
}


/* ==================================================================== */
/* v3.11.0 · 模型广场「官方价目」                                         */
/*   公开区块：火山方舟刊例价 + DeepSeek 官方定价，未登录访客同样可见。      */
/*   卡片沿用 .arkq-mc 外壳（品牌徽标 / 模型 ID / 规格行），只替换价格区，   */
/*   保证与「按凭据渲染」的既有卡片是同一套视觉。                          */
/* ==================================================================== */

/* ---------- 区块 ---------- */
.arkq .arkq-pub-block .arkq-model-grid.is-pub {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  margin-top: 10px;
}

/* 公开卡左侧一道品牌色细边，与依赖凭据的卡片区分开 */
.arkq .arkq-mc.is-pub {
  border-left: 2px solid rgba(var(--arkq-accent-rgb), .55);
}

/* ---------- 价格区 ---------- */
.arkq .arkq-pub {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 9px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .028);
  border: 1px solid var(--arkq-line);
}

.arkq .arkq-pub .arkq-mc-now { margin-bottom: 2px; }

.arkq .arkq-pub-head,
.arkq .arkq-pub-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px 96px;
  align-items: baseline;
  gap: 6px;
  font-size: 11.5px;
  min-width: 0;
}

/* 没有高峰价时（单值价 / 无峰谷模型），第三列不占位，让数值贴右 */
.arkq .arkq-pub-head.is-two,
.arkq .arkq-pub-head.is-two ~ .arkq-pub-row {
  grid-template-columns: minmax(0, 1fr) 96px 0;
}

.arkq .arkq-pub-head {
  font-size: 10px;
  letter-spacing: .2px;
  color: var(--arkq-text-4);
  padding-bottom: 3px;
  border-bottom: 1px dashed var(--arkq-border);
}

.arkq .arkq-pub-head span:nth-child(2),
.arkq .arkq-pub-head span:nth-child(3) { text-align: right; }

.arkq .arkq-pub-lbl {
  color: var(--arkq-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
}

.arkq .arkq-pub-v {
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--arkq-text);
}

.arkq .arkq-pub-pk {
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: var(--arkq-text-3);
}

.arkq .arkq-pub-note {
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
  color: var(--arkq-text-4);
}

/* ---------- 窄屏 ---------- */
@media (max-width: 520px) {
  .arkq .arkq-pub-block .arkq-model-grid.is-pub {
    grid-template-columns: 1fr;
  }
  .arkq .arkq-pub-head,
  .arkq .arkq-pub-row {
    grid-template-columns: minmax(0, 1fr) 78px 78px;
    font-size: 11px;
  }
  .arkq .arkq-pub-head.is-two,
  .arkq .arkq-pub-head.is-two ~ .arkq-pub-row {
    grid-template-columns: minmax(0, 1fr) 78px 0;
  }
}

/* ==================================================================== */
/* v3.12.0 · AI 网关「Token 用量趋势」+ 分布表「预估价格」                 */
/*   按日 × 按模型堆叠：竖向柱状（SVG）/ 横向柱状（DOM）/ 饼图（环形）      */
/*   头部：形态分段切换 + 时间维度（与「用量统计」共一层弹窗）              */
/* ==================================================================== */

/* ---------- 区块头 ---------- */
.arkq .arkq-gwt { position: relative; }

.arkq .arkq-gwt-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.arkq .arkq-gwt-titles { min-width: 0; }

.arkq .arkq-gwt-titles .arkq-h2 { margin-bottom: 2px; }

.arkq .arkq-gwt-titles .arkq-hint { margin-top: 0; }

.arkq .arkq-gwt-range {
  margin-left: 10px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--arkq-text-4, var(--arkq-text-3));
}

.arkq .arkq-gwt-ctl {
  position: relative;      /* 时间维度弹层相对控件区右对齐 */
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.arkq .arkq-gwt-ctl .arkq-gwdt-pop { left: auto; right: 0; }

/* ---------- 形态：分段切换 ---------- */
.arkq .arkq-gwkind {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--arkq-border);
  border-radius: 9px;
  background: rgba(var(--arkq-accent2-rgb), .06);
}

.arkq .arkq-gwkind-opt {
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.6;
  color: var(--arkq-text-4, var(--arkq-text-3));
  background: transparent;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .15s, background .15s, box-shadow .15s;
}

.arkq .arkq-gwkind-opt:hover { color: var(--arkq-text); }

.arkq .arkq-gwkind-opt.is-on {
  color: #070b14;
  background: var(--arkq-grad);
  box-shadow: 0 2px 8px rgba(var(--arkq-accent-rgb), .3);
}

/* ---------- 竖柱 / 饼图：SVG ---------- */
.arkq .arkq-gwt-chart { width: 100%; }

.arkq .arkq-gwt-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.arkq .arkq-gwt-grid {
  stroke: var(--arkq-border);
  stroke-dasharray: 3 5;
}

.arkq .arkq-gwt-ytick,
.arkq .arkq-gwt-xtick {
  font-size: 9.5px;
  fill: var(--arkq-text-4, var(--arkq-text-3));
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
}

.arkq .arkq-gwt-zero { fill: var(--arkq-track); }

.arkq .arkq-gwt-svg rect,
.arkq .arkq-gwt-svg path { transition: opacity .12s; }

.arkq .arkq-gwt-svg rect:hover,
.arkq .arkq-gwt-svg path:hover { opacity: .82; }

.arkq .arkq-gwt-pie-sum {
  font-size: 17px;
  font-weight: 700;
  fill: var(--arkq-text);
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
}

.arkq .arkq-gwt-pie-cap { font-size: 10px; fill: var(--arkq-text-4, var(--arkq-text-3)); }

.arkq .arkq-gwt-pierow {
  display: flex;
  align-items: center;
  gap: 10px 22px;
  flex-wrap: wrap;
}

.arkq .arkq-gwt-pierow .arkq-gwt-chart.is-pie {
  flex: 0 0 auto;
  width: 232px;
  max-width: 100%;
}

/* ---------- 横柱：一天一行（纯 DOM） ---------- */
.arkq .arkq-gwth {
  max-height: 420px;
  overflow-y: auto;
  /* v3.13.7：预留滚动条槽位 + 细滚动条，30 天时不再盖住右侧数值 */
  scrollbar-gutter: stable;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: var(--arkq-border, #33415e) transparent;
}

.arkq .arkq-gwth::-webkit-scrollbar { width: 8px; }
.arkq .arkq-gwth::-webkit-scrollbar-track { background: transparent; }
.arkq .arkq-gwth::-webkit-scrollbar-thumb {
  background: var(--arkq-border, #33415e);
  border-radius: 8px;
}

.arkq .arkq-gwth-scale,
.arkq .arkq-gwth-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.arkq .arkq-gwth-scale { margin-bottom: 6px; }

.arkq .arkq-gwth-day {
  flex: 0 0 44px;
  font-size: 10.5px;
  color: var(--arkq-text-4, var(--arkq-text-3));
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
}

.arkq .arkq-gwth-axis {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 13px;
}

.arkq .arkq-gwth-tick {
  position: absolute;
  top: 0;
  font-size: 9.5px;
  color: var(--arkq-text-4, var(--arkq-text-3));
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
  white-space: nowrap;
}

.arkq .arkq-gwth-total {
  flex: 0 0 56px;
  text-align: right;
  font-size: 10.5px;
  color: var(--arkq-text-3, var(--arkq-text-2));
  font-variant-numeric: tabular-nums;
}

.arkq .arkq-gwth-row { margin-bottom: 4px; }

.arkq .arkq-gwth-bar {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  height: 13px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--arkq-track);
}

.arkq .arkq-gwth-seg {
  display: block;
  flex: 0 0 auto;
  height: 100%;
  min-width: 0;
}

.arkq .arkq-gwth-seg + .arkq-gwth-seg { box-shadow: -1px 0 0 rgba(0, 0, 0, .18); }

/* ---------- 图例 ---------- */
.arkq .arkq-gwt-lg {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.arkq .arkq-gwt-lgi {
  display: inline-flex;
  /* v3.13.7：文字按基线对齐（修「数值比模型名高一截」） */
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  font-size: 12px;
  color: var(--arkq-text-3, var(--arkq-text-2));
}

.arkq .arkq-gwt-dot {
  flex: 0 0 auto;
  align-self: center;
  width: 9px;
  height: 9px;
  border-radius: 999px;
}

.arkq .arkq-gwt-lgname { color: var(--arkq-text-2, var(--arkq-text)); word-break: break-word; }

.arkq .arkq-gwt-lgval,
.arkq .arkq-gwt-lgpct {
  color: var(--arkq-text-4, var(--arkq-text-3));
  font-variant-numeric: tabular-nums;
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
}

/* 饼图图例：单列，值右对齐 */
.arkq .arkq-gwt-lg.is-pie {
  flex: 1 1 220px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 7px;
  margin-top: 0;
  min-width: 180px;
}

.arkq .arkq-gwt-lg.is-pie .arkq-gwt-lgi { display: flex; width: 100%; }

.arkq .arkq-gwt-lg.is-pie .arkq-gwt-lgname { flex: 1 1 auto; }

.arkq .arkq-gwt-lg.is-pie .arkq-gwt-lgval { flex: 0 0 auto; }

.arkq .arkq-gwt-lg.is-pie .arkq-gwt-lgpct { flex: 0 0 52px; text-align: right; }

.arkq .arkq-gwt-note { margin-top: 10px; }

/* ---------- 分布表：预估价格列 ---------- */
.arkq .arkq-gwst-table th.arkq-gwst-price,
.arkq .arkq-gwst-table td.arkq-gwst-price { color: var(--arkq-peach, var(--arkq-text-2)); }

.arkq .arkq-gwst-table th.arkq-gwst-price { color: var(--arkq-text-4, var(--arkq-text-3)); }

.arkq .arkq-gwst-q {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  border-radius: 999px;
  border: 1px solid currentColor;
  font-size: 9px;
  font-style: normal;
  line-height: 1;
  opacity: .65;
  cursor: help;
  vertical-align: 1px;
}

.arkq .arkq-gwst-unknown { opacity: .45; }

.arkq .arkq-stat.arkq-gwst-priced { cursor: help; }

/* v1.0.28：预估价格与其他统计数字同字号（原 22px 偏小） */
.arkq .arkq-stat.arkq-gwst-priced .arkq-stat-v { font-size: 28px; }

/* ---------- 窄屏 ---------- */
@media (max-width: 720px) {
  /* 弹层挂到整个区块上，避免被右侧控件区的宽度挤扁 */
  .arkq .arkq-gwt-ctl { position: static; width: 100%; }
  .arkq .arkq-gwt-ctl .arkq-gwdt-pop { left: 0; right: 0; max-width: none; }
  .arkq .arkq-gwt-ctl .arkq-gwdt-btn { flex: 1 1 auto; justify-content: center; }
  .arkq .arkq-gwth-day { flex: 0 0 38px; }
  .arkq .arkq-gwth-total { flex: 0 0 48px; }
  .arkq .arkq-gwt-pierow .arkq-gwt-chart.is-pie { width: 100%; }
}

/* ==================================================================== */
/* 大模型评测榜（v3.13.0）· Artificial Analysis 快照                       */
/* ==================================================================== */

/* 工具条 */
.arkq .arkq-aa-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
}

/* KPI 四格 */
.arkq .arkq-aa-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 14px 0;
}

.arkq .arkq-aa-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border: 1px solid var(--arkq-border);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(var(--arkq-accent-rgb), .05), transparent 70%);
}

.arkq .arkq-aa-kpi-v {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  color: var(--arkq-text);
  background: var(--arkq-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.arkq .arkq-aa-kpi-l {
  font-size: 12px;
  font-weight: 700;
  color: var(--arkq-text-2);
}

.arkq .arkq-aa-kpi-s {
  font-size: 11px;
  color: var(--arkq-text-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 榜首卡 */
.arkq .arkq-aa-champ {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(var(--arkq-accent-rgb), .35);
  border-radius: var(--arkq-radius);
  background: linear-gradient(135deg, rgba(var(--arkq-accent-rgb), .10), rgba(var(--arkq-accent2-rgb), .06));
}

.arkq .arkq-aa-champ-tag {
  flex: 0 0 auto;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  color: #fff;
  background: var(--arkq-grad);
  border-radius: 999px;
}

.arkq .arkq-aa-champ .arkq-mc-vendor { flex: 0 0 auto; }

.arkq .arkq-aa-champ-main { min-width: 0; flex: 1 1 auto; }

.arkq .arkq-aa-champ-name {
  font-size: 16px;
  font-weight: 800;
  color: var(--arkq-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-aa-champ-meta {
  font-size: 12px;
  color: var(--arkq-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-aa-champ-nums {
  display: flex;
  flex: 0 0 auto;
  gap: 18px;
}

.arkq .arkq-aa-champ-nums span {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.arkq .arkq-aa-champ-nums b {
  font-size: 15px;
  font-weight: 800;
  color: var(--arkq-text);
  white-space: nowrap;
}

.arkq .arkq-aa-champ-nums i {
  font-style: normal;
  font-size: 10.5px;
  color: var(--arkq-text-4);
  white-space: nowrap;
}

/* 排名表 */
.arkq .arkq-aa-table { margin-top: 4px; }

.arkq .arkq-aa-row {
  display: grid;
  grid-template-columns: 44px 30px minmax(0, 1fr) 150px 96px 96px 100px 92px;
  gap: 10px;
  align-items: center;
  padding: 9px 10px;
  border-bottom: 1px solid var(--arkq-line);
}

.arkq .arkq-aa-row.is-head {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--arkq-text-4);
  border-bottom: 1px solid var(--arkq-border);
}

.arkq .arkq-aa-row:not(.is-head):hover {
  background: rgba(var(--arkq-accent-rgb), .05);
}

.arkq .arkq-aa-rank {
  font-size: 13px;
  font-weight: 800;
  color: var(--arkq-text-3);
  text-align: center;
}

.arkq .arkq-aa-rank[data-none="1"] { color: var(--arkq-text-4); opacity: .6; }

.arkq .arkq-aa-vd { display: flex; justify-content: center; }

.arkq .arkq-aa-main { min-width: 0; }

.arkq .arkq-aa-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--arkq-text-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-aa-meta {
  font-size: 11px;
  color: var(--arkq-text-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arkq .arkq-aa-idx {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.arkq .arkq-aa-idx b {
  font-size: 13px;
  font-weight: 800;
  color: var(--arkq-text);
}

.arkq .arkq-aa-bar {
  flex: 1 1 auto;
  height: 6px;
  min-width: 30px;
  border-radius: 999px;
  background: var(--arkq-track);
  overflow: hidden;
}

.arkq .arkq-aa-bar i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--arkq-grad);
}

.arkq .arkq-aa-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.arkq .arkq-aa-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 2px 7px;
  font-size: 10.5px;
  color: var(--arkq-text-3);
  border: 1px solid var(--arkq-border);
  border-radius: 999px;
  white-space: nowrap;
}

.arkq .arkq-aa-chip b {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--arkq-text-2);
}

.arkq .arkq-aa-price,
.arkq .arkq-aa-cache,
.arkq .arkq-aa-speed {
  font-size: 12px;
  color: var(--arkq-text-2);
  text-align: right;
}

.arkq .arkq-aa-price b,
.arkq .arkq-aa-cache b,
.arkq .arkq-aa-speed b {
  font-weight: 700;
  color: var(--arkq-text);
}

.arkq .arkq-aa-slash { color: var(--arkq-text-4); margin: 0 2px; }

.arkq .arkq-aa-speed small {
  display: block;
  font-size: 10px;
  color: var(--arkq-text-4);
}

.arkq .arkq-aa-na { color: var(--arkq-text-4); opacity: .7; }

.arkq .arkq-aa-count {
  margin: 10px 2px 0;
  font-size: 11.5px;
  color: var(--arkq-text-4);
}

/* 署名（AA 许可强制要求） */
.arkq .arkq-aa-attrib {
  margin: 12px 2px 0;
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--arkq-text-4);
}

.arkq .arkq-aa-attrib a {
  color: rgb(var(--arkq-accent2-rgb));
  text-decoration: none;
}

.arkq .arkq-aa-attrib a:hover { text-decoration: underline; }

/* 管理员同步条 */
.arkq .arkq-aa-admin {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.arkq .arkq-aa-admmsg {
  font-size: 11.5px;
  color: var(--arkq-text-3);
}

/* 窄屏 */
@media (max-width: 860px) {
  .arkq .arkq-aa-kpis { grid-template-columns: repeat(2, 1fr); }
  .arkq .arkq-aa-champ { flex-wrap: wrap; }
  .arkq .arkq-aa-champ-nums { width: 100%; justify-content: space-between; }
  .arkq .arkq-aa-row { grid-template-columns: 34px 26px minmax(0, 1fr) 110px; }
  .arkq .arkq-aa-sub,
  .arkq .arkq-aa-row.is-head .arkq-aa-sub,
  .arkq .arkq-aa-price,
  .arkq .arkq-aa-row.is-head .arkq-aa-price,
  .arkq .arkq-aa-cache,
  .arkq .arkq-aa-row.is-head .arkq-aa-cache,
  .arkq .arkq-aa-row.is-head .arkq-aa-speed { display: none; }
}

@media (max-width: 560px) {
  .arkq .arkq-aa-kpis { grid-template-columns: 1fr 1fr; gap: 8px; }
  .arkq .arkq-aa-row { grid-template-columns: 30px 26px minmax(0, 1fr) 84px; padding: 8px 6px; gap: 7px; }
  .arkq .arkq-aa-speed { display: none; }
  .arkq .arkq-aa-row.is-head .arkq-aa-vd { visibility: hidden; }
}

/* 能力对比柱状图（v3.13.1） */
.arkq .arkq-aa-chart-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 10px 0 4px;
}

.arkq .arkq-aa-chart-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.arkq .arkq-aa-chart-tab {
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  font-family: inherit;
  color: var(--arkq-text-3);
  background: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid var(--arkq-border);
  border-radius: 999px;
  cursor: pointer;
  transition: color .15s, border-color .15s, background .15s;
}

.arkq .arkq-aa-chart-tab:hover {
  color: var(--arkq-text-2);
  border-color: rgba(var(--arkq-accent-rgb), .5);
}

.arkq .arkq-aa-chart-tab.is-active {
  color: #fff;
  background: var(--arkq-grad);
  border-color: transparent;
}

.arkq .arkq-aa-chart-n {
  margin-left: auto;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  font-family: inherit;
  color: var(--arkq-text-2);
  background-color: rgba(var(--arkq-accent2-rgb), .06);
  border: 1px solid var(--arkq-border);
  border-radius: 8px;
  cursor: pointer;
}

.arkq .arkq-aa-chart-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  margin-top: 18px;
}

.arkq .arkq-aa-chart-title {
  font-size: 14px;
  font-weight: 800;
  color: var(--arkq-text);
}

.arkq .arkq-aa-chart-sub {
  font-size: 11.5px;
  color: var(--arkq-text-4);
}

.arkq .arkq-aa-chart-svg {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 4px;
}

.arkq .arkq-aa-cv {
  font-size: 11px;
  font-weight: 800;
  fill: #fff;
}

.arkq .arkq-aa-cv.is-out {
  fill: var(--arkq-text-3);
}

.arkq .arkq-aa-cl {
  font-size: 10.5px;
  fill: var(--arkq-text-4);
}

.arkq .arkq-aa-chart-svg g:hover rect {
  filter: brightness(1.15);
}

@media (max-width: 620px) {
  .arkq .arkq-aa-chart-n { margin-left: 0; }
  .arkq .arkq-aa-cl { font-size: 12px; }
}

/* v3.13.3：评测榜内厂商图标垫白底（Kimi/智谱等近黑 logo 在深色主题下不可见） */
.arkq .arkq-aa-vd .arkq-mc-vendor,
.arkq .arkq-aa-champ .arkq-mc-vendor,
.arkq .arkq-aa-tip .arkq-mc-vendor {
  background: #fff !important;
  border-radius: 8px;
}

/* v3.13.3：对比图悬浮徽章 */
.arkq [data-role="aa-chartbox"] {
  position: relative;
}

.arkq .arkq-aa-tip {
  position: absolute;
  z-index: 30;
  display: none;
  align-items: center;
  gap: 8px;
  max-width: 300px;
  padding: 7px 11px;
  font-size: 12px;
  color: var(--arkq-text-2);
  background: var(--arkq-bg);
  border: 1px solid rgba(var(--arkq-accent-rgb), .45);
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .45);
  pointer-events: none;
  white-space: nowrap;
}

.arkq .arkq-aa-tip .arkq-mc-vendor {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
}

.arkq .arkq-aa-tip-t {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.arkq .arkq-aa-tip-t b {
  font-weight: 800;
  color: var(--arkq-text);
  overflow: hidden;
  text-overflow: ellipsis;
}

.arkq .arkq-aa-tip-t i {
  font-style: normal;
  font-size: 11px;
  color: var(--arkq-text-4);
}

/* v3.13.8：厂商图标官网链接 / 徽章可钉住 */
.arkq .arkq-aa-vd a,
.arkq .arkq-aa-champ > a,
.arkq .arkq-aa-tip > a {
  display: inline-flex;
  border-radius: 8px;
  outline-offset: 2px;
}

.arkq .arkq-aa-vd a:hover .arkq-mc-vendor,
.arkq .arkq-aa-champ > a:hover .arkq-mc-vendor,
.arkq .arkq-aa-tip > a:hover .arkq-mc-vendor {
  outline: 2px solid rgb(var(--arkq-accent2-rgb));
}

.arkq .arkq-aa-tip.is-pin {
  pointer-events: auto;
  border-color: rgb(var(--arkq-accent2-rgb));
  box-shadow: 0 10px 32px rgba(0, 0, 0, .55);
}

.arkq .arkq-aa-tip .arkq-aa-tip-t a {
  color: rgb(var(--arkq-accent2-rgb));
  text-decoration: none;
  font-weight: 700;
}

.arkq .arkq-aa-tip .arkq-aa-tip-t a:hover { text-decoration: underline; }

.arkq .arkq-aa-chart-svg a { cursor: pointer; }
.arkq .arkq-aa-chart-svg a:hover rect,
.arkq .arkq-aa-chart-svg a:hover circle { stroke: rgb(var(--arkq-accent2-rgb)); stroke-width: 2; }

/* ---------- v1.0.7 右上角「设置、配置」入口 + 「关于」弹窗 ---------- */
/* v1.0.9：设置入口固定在标签栏右侧（grid 第三列、贴右） */
.arkq .arkq-setwrap {
  grid-column: 3;
  justify-self: end;
  display: inline-flex;
  align-items: center;
}

/* v1.0.10：去掉了原来的 ▾ 下拉箭头 —— 设置不再是「从按钮掉下来的菜单」。
   v1.0.15：它不再是「模式开关」，而是与一级菜单同款的【面板切换项】：
     · 未选中 = 描边幽灵态，规格与 .arkq-tab 逐项对齐（padding/字号/圆角/字重全一致），
       不再「天生实心」—— 只有被选中才亮
     · 选中（点开）= 凭据信号色：没配任何密钥/API = 红；已配任一 = 绿
     · 点它不再让一级菜单四项褪色熄火（那套 opacity:.5 规则已整体删除）
   信号色靠 setwrap 上的 is-nocred 类分派（PHP 渲染时按 HAS_CRED 打，JS refreshAccess 同步）。 */
.arkq .arkq-setbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 18px;
  font-size: 13.5px;
  font-weight: 400;
  font-family: inherit;
  line-height: 1.4;
  border-radius: 999px;
  border: 1px solid var(--arkq-border);
  background: var(--arkq-bg);
  color: var(--arkq-text-2);
  cursor: pointer;
  box-shadow: none;
  transition: all .25s;
}

.arkq .arkq-setbtn:hover {
  border-color: rgba(var(--arkq-accent-rgb), .55);
  color: var(--arkq-text);
  transform: translateY(-1px);
}

/* ---------- 「设置、配置」按钮的选中态（.arkq.is-settings） ----------
   v1.0.17：is-settings 现在 =「当前面板是使用配置」，由 activateTab() 维护 ——
     · 「设置、配置」按钮被选中着色（凭据信号灯：没配任何密钥/API = 红，已配任一 = 绿）
     · 二级菜单带【不再】跟它绑定：带是常驻的，内容由当前一级项决定（见 .arkq-submenu）
   一级菜单四项在任何状态下都保持正常外观，不褪色、不熄火。 */
.arkq.is-settings .arkq-setwrap.is-nocred .arkq-setbtn {
  background: linear-gradient(135deg, #ff8a8a, #f4453f);
  border-color: transparent;
  color: #fff;
  font-weight: 700;
  transform: none;
  box-shadow: 0 4px 18px rgba(244, 69, 63, .45);
}

.arkq.is-settings .arkq-setwrap:not(.is-nocred) .arkq-setbtn {
  background: linear-gradient(135deg, var(--arkq-ok-2), var(--arkq-ok));
  border-color: transparent;
  color: #04170f;
  font-weight: 700;
  transform: none;
  box-shadow: 0 4px 18px rgba(61, 220, 151, .42);
}

/* v1.0.15：删除了「一级菜单褪色熄火」的两条规则
   （原来 .arkq.is-settings .arkq-tabbar .arkq-tab { opacity:.5; ... } 及其 :hover 复原）。
   「设置、配置」现在是面板切换项，点它不该影响一级菜单的外观 ——
   进设置面板后四项本来就没有 is-active、自动回到正常的描边幽灵态，
   「当前在哪」交给右侧按钮自己的选中态表达。 */

/* 使用文档面板（占位内容样式） */
.arkq .arkq-docs h3 {
  margin: 0 0 6px;
  font-size: 16px;
  color: var(--arkq-text);
}

.arkq .arkq-docs h4 {
  margin: 16px 0 6px;
  font-size: 13.5px;
  letter-spacing: .04em;
  color: var(--arkq-peach);
}

.arkq .arkq-docs p,
.arkq .arkq-docs li {
  font-size: 13.5px;
  line-height: 1.85;
  color: var(--arkq-text-2);
}

.arkq .arkq-docs ol,
.arkq .arkq-docs ul {
  margin: 6px 0;
  padding-left: 20px;
}

.arkq .arkq-docs-note {
  font-size: 12.5px;
  color: var(--arkq-text-3);
}

/* ---------- v1.0.24 使用文档三级页签 ---------- */

/* 文档页切换靠 hidden 属性：.arkq-docs 若被任何 display 规则命中会吃掉 hidden，兜一条保险 */
.arkq .arkq-docs[hidden] { display: none !important; }

/* 安全警示页的权限警告框：琥珀色警示（深色主题下描边 ≥45% 保证可见） */
.arkq .arkq-docs-warn {
  margin: 10px 0 14px;
  padding: 12px 14px;
  background: rgba(255, 149, 0, .10);
  border: 1px solid rgba(255, 149, 0, .45);
  border-left: 3px solid rgba(255, 149, 0, .75);
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.8;
  color: var(--arkq-text-2);
}

.arkq .arkq-docs-warn strong {
  color: var(--arkq-peach);
}

/* 调用教程页的代码块：等宽 + 站内卡片底色，横向可滚动 */
.arkq .arkq-docs-code {
  margin: 10px 0 14px;
  padding: 12px 14px;
  overflow-x: auto;
  background: rgba(0, 0, 0, .28);
  border: 1px solid rgba(var(--arkq-accent-rgb), .30);
  border-radius: 10px;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--arkq-text-2);
}

/* 更新日志表：行分隔线用 accent 30%+（深色主题下与底色要有区分度） */
.arkq .arkq-docs-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 14px;
  font-size: 13px;
}

.arkq .arkq-docs-table th,
.arkq .arkq-docs-table td {
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(var(--arkq-accent-rgb), .32);
  color: var(--arkq-text-2);
  line-height: 1.7;
}

.arkq .arkq-docs-table th {
  color: var(--arkq-text);
  font-weight: 700;
  white-space: nowrap;
}

.arkq .arkq-docs-table td:first-child {
  white-space: nowrap;
  font-weight: 600;
}

/* ---------- v1.0.25 使用文档三级页签行（.arkq-submenu-docs） ----------
   三级菜单【不放二级菜单带里】，单独放在带的正下方（带的兄弟节点），
   只在「使用文档」激活时显示（hidden 起始，JS syncSubmenu() 驱动整行显隐）。
   不做 sticky：二级带已吸顶，这一行随内容滚动（滚过时被不透明底的带盖住，不穿帮）。
   胶囊观感与二级带同族但更轻（底色/描边各降一档），视觉上是带的从属行。 */
.arkq .arkq-submenu-docs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 10px;
  padding: 5px 6px;
  margin: -12px 0 16px;   /* 负上边距贴住带的下缘，归入同一视觉块 */
  background: linear-gradient(180deg,
              rgba(var(--arkq-accent2-rgb), .10),
              rgba(var(--arkq-accent2-rgb), .05));
  border: 1px solid rgba(var(--arkq-accent2-rgb), .24);
  border-radius: 12px;
}

/* display:flex 会吃掉 hidden 属性，必须补这条才真隐藏（免闪 + 切走时收行） */
.arkq .arkq-submenu-docs[hidden] { display: none !important; }

.arkq .arkq-submenu-docs-left,
.arkq .arkq-submenu-docs-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

/* ---------- v1.0.17 统一二级菜单带（.arkq-submenu） ----------
   这是【全局唯一】的一条二级菜单，在标签栏下方、内容区上方，内容随当前一级项变化
   （由 JS 的 SUBMENU 表驱动）：
     · subs / detail       → 左组平台三按钮
     · plaza               → 左组平台三按钮 + 右组该平台自己的筛选工具
     · config（设置、配置） → 左组平台三按钮 + 右组 全部用户 / 使用文档 / 主题外观 / 关于
     · aa / docs / appearance / about / admin → 没有二级项 → 整条隐藏
   演进：v1.0.10 它是「设置」专属的卡片（只在设置态出现）；
        v1.0.13 改成 sticky 冻结区（点里面的项不收起）；
        v1.0.17 升格为所有一级项共用 —— 同时把订阅管理 / 用量明细 / 模型广场
                原来塞在【面板内容里】的平台切换条全部删掉，做到「二级菜单与内容分开」。
   结构上它是 <nav class="arkq-tabs"> 的兄弟节点（不在 grid 里，否则 sticky 会被父容器高度限制住）。
   底色必须不透明（--arkq-bg），否则内容滚过时会透出来。 */
.arkq .arkq-submenu {
  position: sticky;
  /* 吸顶位置由 JS 动态写进 --arkq-sticky-top：站点导航栏是固定吸顶的（视口高 52~97px），
     直接钉 top:8px 会被它压住（实测视口顶部命中的是 nav.navbar）。
     JS 测量导航栏底边后写变量，宽屏/窄屏/滚动收起三种情况都能自适应。 */
  top: var(--arkq-sticky-top, 72px);
  z-index: 60;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 10px;      /* v1.0.18：列间距 12 → 10 */
  padding: 11px 12px;  /* v1.0.18：14 → 12（左右各省 2px） */
  margin: -14px 0 18px;   /* 负上边距吃掉部分 .arkq-tabs 的下边距，让带贴近标签栏 */
  background: var(--arkq-bg);
  border: 1px solid rgba(var(--arkq-accent-rgb), .28);
  border-radius: var(--arkq-radius);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .38);
}

.arkq .arkq-submenu[hidden] { display: none !important; }

/* v1.0.11 起：带里的每一组都是「悬浮胶囊条」—— 自带底色 + 描边 + 圆角 + 上浮阴影，
   从带的底面上浮起一层。v1.0.17 起左组（平台）与右组各粒（广场筛选 / 设置入口）规格完全一致。
   v1.0.12（加强）：原来底色只有 6% 次强调、描边是 #1c2a44，跟卡片底 #0d1424 几乎同色，
   肉眼只看到一道隐约的框、没有「浮起」感。这里把三样一起调重：
     · 底色 → 上下渐变（16% → 7% 次强调），有体积感而不是平铺
     · 描边 → 32% 次强调（跟主色同源，比灰蓝边框显眼）
     · 阴影 → 8px/20px 深投影 + 一道顶部内高光（模拟受光面，是「浮起」的关键）
   ⚠️ 深色主题下「半透明同色系底 + 同色系描边」在视觉上等于没加，别把这三样减回去。 */
.arkq .arkq-submenu-left,
.arkq .arkq-submenu-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 5px;
  background: linear-gradient(180deg,
              rgba(var(--arkq-accent2-rgb), .16),
              rgba(var(--arkq-accent2-rgb), .07));
  border: 1px solid rgba(var(--arkq-accent2-rgb), .32);
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .45),
              inset 0 1px 0 rgba(255, 255, 255, .07);
}

.arkq .arkq-submenu-group[hidden] { display: none !important; }

/* v1.0.20：冻结窗格四子页（docs / appearance / about / admin）左组走 hidden，
   上面 .arkq-submenu-left 的 display:flex 会吃掉 hidden 属性，必须补这条才真隐藏。 */
.arkq .arkq-submenu-left[hidden] { display: none !important; }

/* 右组是【容器】不是胶囊 —— 它可能装一粒胶囊（广场筛选 / v1.1.0 起用量明细筛选），
   可能装另一粒（设置入口），也可能一粒都没有（订阅管理）—— 此时 flex 让左组独自靠左、右组不占宽度。 */
.arkq .arkq-submenu-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* 模型广场的筛选工具（v1.0.17：从广场面板内部升格到二级菜单带的右组，
   外面套的还是同一件胶囊外壳 .arkq-submenu-group，这里只调内部排布） */
.arkq .arkq-submenu-group.arkq-plaza-tools {
  gap: 6px;
  padding: 5px 8px;
}

/* ---------- v1.1.0：用量明细的筛选工具（与广场筛选同构的第二粒胶囊） ----------
   火山引擎（模型 / 时间维度 / 刷新）与 AI 网关（用户 / 供应商 / API 类型 / 时间维度 /
   请求模型 / 刷新）两条筛选条从面板内容区搬进二级带右组，与平台按钮同排、贴右对齐。
   两粒胶囊同一时刻只显示一粒（SUBMENU.detail.dtools 与 .plaza.tools 互斥）。 */
.arkq .arkq-submenu-group.arkq-detail-tools {
  /* 时间维度弹层相对【本粒】定位 —— 右侧那粒贴带子右缘，弹层必须向左展开 */
  position: relative;
  gap: 6px;
  padding: 5px 8px;
  flex-wrap: nowrap;
}

.arkq .arkq-detail-tools .arkq-pt-item select { max-width: 132px; }
.arkq .arkq-detail-tools .arkq-gwst-model { width: 130px; }
.arkq .arkq-detail-tools .arkq-gwdt { flex: 0 0 auto; }

/* ⚠️ 版式铁律（v1.1.0 实测踩过的坑）：时间维度弹层 .arkq-gwdt-pop 默认
   position:absolute; left:0，是相对【按钮】向右展开的。原来它在面板里、按钮在左侧，
   向右展开没问题；搬进二级带右组后按钮已在带子最右侧，660px 宽的弹层会直接冲出容器边界
   （实测溢出、被裁）。带内必须改成右对齐向左展开 —— 相对本粒胶囊（position:relative）定位。
   这条不改就上线，弹层会飞出屏幕。 */
.arkq .arkq-detail-tools .arkq-gwdt-pop { left: auto; right: 0; }

/* 紧凑档：供 AI 网关那条 6 控件用（比广场筛选再密一档，实测右组 743px 单排） */
.arkq .arkq-detail-tools.is-dense { gap: 5px; padding: 4px 7px; }
.arkq .arkq-detail-tools.is-dense .arkq-pt-item { gap: 4px; font-size: 11.5px; }
.arkq .arkq-detail-tools.is-dense .arkq-pt-item select { max-width: 96px; padding: 5px 20px 5px 7px; }
.arkq .arkq-detail-tools.is-dense .arkq-gwdt-btn { padding: 6px 9px; gap: 6px; }
.arkq .arkq-detail-tools.is-dense .arkq-gwst-model { width: 116px; padding: 6px 9px; }
.arkq .arkq-detail-tools.is-dense .arkq-gwst-refresh { padding: 6px 9px; }

@media (max-width: 760px) {
  /* 与广场筛选同理：窄屏下这粒也独占一行，别跟平台按钮挤在半行里 */
  .arkq .arkq-submenu-group.arkq-detail-tools { flex: 1 0 100%; }
}

/* 二级菜单带里的面板项（全部用户 / 使用文档 / 主题外观 / 关于）：
   复用 .arkq-tab（is-active 高亮 / acc 显隐自动生效），
   规格与左组平台按钮（.arkq-subtab）对齐，保证整条带观感一致 */
.arkq .arkq-submenu .arkq-tab {
  width: auto;
  justify-content: center;
  padding: 6px 15px;   /* v1.0.18：与左组 .arkq-subtab 逐项同规格 */
  border-radius: 9px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--arkq-text-3);
  font-size: 13px;
  font-weight: 600;
}

.arkq .arkq-submenu .arkq-tab:hover {
  background: rgba(var(--arkq-accent-rgb), .10);
  border-color: rgba(var(--arkq-accent-rgb), .35);
  transform: none;
}

.arkq .arkq-submenu .arkq-tab.is-active {
  background: var(--arkq-grad);
  color: #070b14;
  font-weight: 700;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(var(--arkq-accent-rgb), .32);
}

/* 窄屏降级：grid 三栏挤不下时回到流式换行（一级菜单居中，设置跟排）。
   v1.0.17：二级菜单带是 <nav> 的兄弟节点、不参与这套 order 排列，
   所以原来的 `.arkq-setmenu { order:3; flex:1 0 100% }` 已删（它靠自身 flex-wrap 换行）。 */
@media (max-width: 680px) {
  .arkq .arkq-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .arkq .arkq-tabbar { order: 1; }
  .arkq .arkq-setwrap { order: 2; }
}

/* 关于按钮：与「刷新」同排的幽灵按钮 */
.arkq .arkq-aboutbtn {
  padding: 5px 14px;
  font-size: 13px;
}

/* ---------- 关于 / 使用说明弹窗 ---------- */
.arkq .arkq-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.arkq .arkq-modal[hidden] { display: none !important; }

.arkq .arkq-modal-mask {
  position: absolute;
  inset: 0;
  background: rgba(4, 8, 18, .68);
  backdrop-filter: blur(3px);
}

.arkq .arkq-modal-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 580px;
  max-height: 82vh;
  overflow: auto;
  background: var(--arkq-bg);
  border: 1px solid var(--arkq-border);
  border-radius: 18px;
  padding: 22px 24px 20px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
}

.arkq .arkq-modal-card h3 {
  margin: 0 26px 10px 0;
  font-size: 17px;
  color: var(--arkq-text);
}

.arkq .arkq-modal-card h4 {
  margin: 16px 0 6px;
  font-size: 13.5px;
  color: var(--arkq-peach);
  letter-spacing: .04em;
}

.arkq .arkq-modal-card p {
  margin: 6px 0;
  font-size: 13.5px;
  line-height: 1.85;
  color: var(--arkq-text-2);
}

.arkq .arkq-modal-card ul,
.arkq .arkq-modal-card ol {
  margin: 6px 0;
  padding-left: 20px;
}

.arkq .arkq-modal-card li {
  font-size: 13.5px;
  line-height: 1.85;
  color: var(--arkq-text-2);
}

/* v1.0.13：「关于」由弹窗改为普通面板项，继续复用弹窗卡片的排版规则，
   只把浮层定位（居中/限宽/限高/滚动/大投影）去掉，让它作为页面内容平铺。 */
.arkq .arkq-about-inline {
  position: static;
  max-width: none;
  max-height: none;
  overflow: visible;
  box-shadow: none;
}

.arkq .arkq-about-inline h3 { margin-right: 0; }

.arkq .arkq-modal-x {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--arkq-text-3);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.arkq .arkq-modal-x:hover {
  color: var(--arkq-peach);
  background: rgba(var(--arkq-accent-rgb), .10);
}

/* ---------- v1.0.19：网关地址安检提示 + 危险确认弹窗 + 汇总预估价行 ---------- */

.arkq .arkq-req {
  color: #ff5b5b;
  font-style: normal;
  margin-left: 2px;
}

/* 网关地址实时安检提示（域名 https / IP 直连警示） */
.arkq .arkq-base-hint {
  margin: -6px 0 12px;
  font-size: 12.5px;
  line-height: 1.6;
}

.arkq .arkq-base-hint.is-err { color: #ff8f7a; }
.arkq .arkq-base-hint.is-warn { color: #fbbf24; }
.arkq .arkq-base-hint.is-ok { color: var(--arkq-cyan); }

/* 危险操作确认弹窗（5 秒冷静期） */
.arkq .arkq-confirm-body {
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--arkq-text-2);
}

.arkq .arkq-confirm-body ul {
  margin: 8px 0;
  padding-left: 20px;
}

.arkq .arkq-confirm-body li { margin: 4px 0; }
.arkq .arkq-confirm-body b { color: var(--arkq-text); }

.arkq .arkq-confirm-warn {
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(245, 158, 11, .08);
  border: 1px solid rgba(245, 158, 11, .35);
  color: #fbbf24;
  font-size: 13px;
  line-height: 1.7;
}

.arkq .arkq-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.arkq .arkq-confirm-actions [disabled] {
  opacity: .55;
  cursor: not-allowed;
}

/* 订阅管理网关卡：两个预估价行 */
.arkq .arkq-win .arkq-meta-row.arkq-gwst-priced {
  margin-top: 8px;
  cursor: help;
}

/* v1.0.27：标签列默认 78px 太窄，「统计范围预估（… ~ …）」会折成数行 —— 放开自适宽 */
.arkq .arkq-win .arkq-meta-row.arkq-gwst-priced .arkq-k {
  flex: 0 0 auto;
  white-space: nowrap;
}

.arkq .arkq-win .arkq-meta-row.arkq-gwst-priced .arkq-v {
  color: var(--arkq-peach);
  font-weight: 600;
}

/* v1.0.28：网关卡字号/金额放大（作用域 = .arkq-plan-card-gw，不影响其他套餐卡）
   —— 用户反馈：字体稍微加大，金额数字更大 */
.arkq .arkq-plan-card-gw .arkq-meta-row {
  font-size: 16px;              /* 15px → 16px：左侧信息行整体微调 */
}

.arkq .arkq-plan-card-gw .arkq-admin-stats .arkq-stat-v {
  font-size: 28px;              /* 26px → 28px：汇总数字 */
  white-space: nowrap;          /* 「471.5 万」这类带空格的值不在格内折行 */
}

.arkq .arkq-plan-card-gw .arkq-stat-l {
  font-size: 12.5px;            /* 12px → 12.5px：统计标签 */
}

.arkq .arkq-plan-card-gw .arkq-win .arkq-meta-row.arkq-gwst-priced {
  font-size: 16.5px;            /* 预估价行标签文字 */
}

.arkq .arkq-plan-card-gw .arkq-win .arkq-meta-row.arkq-gwst-priced .arkq-v {
  font-size: 21px;              /* 15px → 21px：金额数字明显加大 */
  font-weight: 700;
}

/* v1.0.30：未登录「设置、配置」→ 二级带平台按钮位置显示登录引导 */
.arkq .arkq-sublogin {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  color: var(--arkq-text-3);
  padding: 0 8px;
  white-space: nowrap;
}
.arkq .arkq-sublogin[hidden] { display: none !important; }
.arkq .arkq-sublogin a {
  color: rgb(var(--arkq-accent2-rgb));
  font-weight: 600;
  text-decoration: none;
}
.arkq .arkq-sublogin a:hover { text-decoration: underline; }

/* ==================================================================== */
/* 账号池 + 二级账号平台（v1.1.1，仅超管）                                */
/* 卡片语言与网关卡一致：玻璃面 + accent 描边 30%+（深色主题下可见）      */
/* ==================================================================== */

/* 徽章补充档：冷却中 / 部分异常 */
.arkq .arkq-badge.is-warn {
  color: #ffd27a;
  border-color: rgba(255, 210, 122, .45);
  background: rgba(255, 210, 122, .1);
}

/* 区块外壳 */
.arkq .arkq-acc-pool { margin-top: 14px; }
.arkq .arkq-acc-block { margin-top: 6px; }
.arkq .arkq-acc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 12px;
  margin-top: 10px;
}

/* 账号卡 */
.arkq .arkq-acc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 13px 14px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(var(--arkq-accent2-rgb), .07), rgba(var(--arkq-accent2-rgb), .035));
  border: 1px solid rgba(var(--arkq-accent2-rgb), .32);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
  min-width: 0;
}
.arkq .arkq-acc-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.arkq .arkq-acc-name {
  font-size: 15px;
  font-weight: 700;
  color: rgb(var(--arkq-accent2-rgb));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 46%;
}
.arkq .arkq-acc-head .arkq-badge { margin-right: auto; }

/* 字段区 */
.arkq .arkq-acc-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12.5px;
}
.arkq .arkq-acc-meta-row {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 8px;
  align-items: baseline;
  min-width: 0;
}
.arkq .arkq-acc-meta-row > span:first-child {
  color: rgba(var(--arkq-accent2-rgb), .62);
  flex: none;
}
.arkq .arkq-acc-meta-row b { font-weight: 600; word-break: break-all; }

/* 协议 chips / 模型映射 */
.arkq .arkq-acc-chips { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.arkq .arkq-acc-chip {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.7;
  color: rgb(var(--arkq-accent2-rgb));
  border: 1px solid rgba(var(--arkq-accent2-rgb), .38);
  background: rgba(var(--arkq-accent2-rgb), .08);
  white-space: nowrap;
}
.arkq .arkq-acc-maps { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.arkq .arkq-acc-map {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .88);
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .14);
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arkq .arkq-acc-mapn {
  font-style: normal;
  font-size: 11px;
  color: rgba(var(--arkq-accent2-rgb), .75);
  flex: none;
}
.arkq .arkq-acc-maplist { margin: 0; padding-left: 16px; }

/* 余额行：余额（与模型卡同构：金额 + 「余额」+ 名称 + 状态徽章）+ 预估。
   v1.1.3：卡片上只留摘要（完整配置在「⚙ 配置」弹窗里），前端余额与预估余额统一为同一套数字样式。 */
.arkq .arkq-acc-balrow {
  display: flex;
  align-items: baseline;
  gap: 6px 12px;
  flex-wrap: wrap;
  padding-top: 9px;
  margin-top: 9px;
  border-top: 1px dashed rgba(var(--arkq-accent2-rgb), .16);
}
.arkq .arkq-acc-balsum {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
/* 余额金额：与右上「预估余额」同字号同字重，视觉上成一对 */
.arkq .arkq-acc-balnum,
.arkq .arkq-acc-estv {
  font-weight: 700;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.arkq .arkq-acc-balnum { color: rgb(var(--arkq-accent2-rgb)); }
.arkq .arkq-acc-estv { color: rgb(var(--arkq-accent2-rgb)); margin-left: auto; }
.arkq .arkq-acc-balflow {
  margin-left: auto;
  font-size: 12.5px;
  color: rgba(var(--arkq-accent2-rgb), .62);
  flex: none;
}
.arkq .arkq-acc-balflow + .arkq-acc-estv { margin-left: 0; }
.arkq .arkq-acc-balname {
  font-size: 12px;
  color: rgba(var(--arkq-accent2-rgb), .5);
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* v1.1.2：卡片内联余额块（与模型广场弹窗内余额区同构，故复用 .arkq-bal-box 样式）
   ⚠️ 卡片比弹窗窄得多（340~420px），弹窗里的横排布局必须改成竖排，
      否则 select 被压窄截断、阈值三列会溢出卡片外。 */
.arkq .arkq-acc-balbox {
  margin-top: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(var(--arkq-accent2-rgb), .16);
  border-radius: 9px;
  background: rgba(var(--arkq-accent2-rgb), .04);
}
.arkq .arkq-acc-balbox .arkq-mc-field {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  font-size: 12px;
  color: var(--arkq-text-2);
  margin: 0;
  min-width: 0;
}
.arkq .arkq-acc-balbox .arkq-mc-field > span:first-child {
  font-size: 12px;
  color: rgba(var(--arkq-accent2-rgb), .62);
  flex: none;
}
.arkq .arkq-acc-balbox .arkq-mc-field select,
.arkq .arkq-acc-balbox .arkq-mc-field input[type="text"],
.arkq .arkq-acc-balbox .arkq-mc-field input[type="number"] {
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
}
.arkq .arkq-acc-balbox .arkq-mc-cell {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: wrap;   /* v1.1.12：容纳校准双按钮，窄卡换行不挤 */
}
.arkq .arkq-acc-balbox .arkq-mc-cell input[type="number"] { flex: 1 1 auto; }
.arkq .arkq-acc-balbox .arkq-mc-cell select { flex: 0 0 auto; }
.arkq .arkq-acc-balbox .arkq-mc-cell .arkq-bal-calibbtn {
  flex: 0 0 auto;
  width: auto;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
}
/* 第一行：余额下拉 + 「API 查询」按钮。用 flex+wrap（非 grid）自适应：
   卡够宽时并排；卡很窄时按钮换行，绝不把 select 压到截断。 */
.arkq .arkq-acc-balbox > .arkq-modal-row2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
}
.arkq .arkq-acc-balbox > .arkq-modal-row2 > .arkq-mc-field {
  flex: 1 1 150px;
  min-width: 0;
}
.arkq .arkq-acc-balbox > .arkq-modal-row2 > .arkq-acc-balq {
  flex: 0 0 auto;
}
/* 卡内「查询」行内不再重复标题（按钮文案已自明） */
.arkq .arkq-acc-balbox > .arkq-modal-row2 > .arkq-acc-balq > span:first-child {
  display: none;
}
.arkq .arkq-acc-balbox [data-acc-role="bal-query"] {
  white-space: nowrap;
  flex: none;
}
.arkq .arkq-acc-balbox .arkq-bal-msg {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 11.5px;
  color: rgba(var(--arkq-accent2-rgb), .6);
  word-break: break-all;
}
/* 编辑区（余额名称 / 余额数值）：窄卡里改为上下两行 */
.arkq .arkq-acc-balbox [data-acc-role="bal-edit"] > .arkq-modal-row2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  margin-top: 7px;
}
.arkq .arkq-acc-balbox input[type="text"],
.arkq .arkq-acc-balbox input[type="number"],
.arkq .arkq-acc-balbox select {
  padding: 4px 9px !important;
  font-size: 13px !important;
}
.arkq .arkq-acc-balbox .arkq-bal-rules { margin-top: 8px; }
.arkq .arkq-acc-balbox .arkq-bal-rules .arkq-hint-mini {
  margin: 0 0 7px;
  font-size: 11.5px;
  color: var(--arkq-text-3);
  line-height: 1.55;
}
/* 阈值三档：三格一行，格内 label 在上、控件在下 —— 窄卡里不溢出 */
.arkq .arkq-acc-balbox .arkq-modal-row3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 7px;
}
.arkq .arkq-acc-balbox .arkq-modal-row3:last-child { margin-bottom: 0; }
.arkq .arkq-acc-balbox .arkq-bal-rules .arkq-mc-field {
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
}
.arkq .arkq-acc-balbox .arkq-bal-rules .arkq-mc-field > span:first-child {
  flex: none;
  font-size: 11.5px;
  color: var(--arkq-text-3);
}
.arkq .arkq-acc-balbox .arkq-bal-rules input[type="text"],
.arkq .arkq-acc-balbox .arkq-bal-rules input[type="number"],
.arkq .arkq-acc-balbox .arkq-bal-rules select {
  padding: 3px 7px !important;
  font-size: 12.5px !important;
  width: 100%;
}
.arkq .arkq-acc-balbox .arkq-mc-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: rgba(var(--arkq-accent2-rgb), .78);
  cursor: pointer;
}
/* ⚠️ [hidden] 必须显式处理：本块内 .arkq-mc-field{display:flex} 特异性高于 UA 的 [hidden] */
.arkq .arkq-acc-balbox [hidden] { display: none !important; }
.arkq .arkq-acc-balbox .arkq-hint-badge { align-self: flex-start; }
.arkq .arkq-acc-estmark { font-style: normal; color: #ffd27a; margin-left: 2px; cursor: help; }
/* v1.1.6：已校准预估的标识（⌛）—— 说明扣减已从校准点重新起算 */
.arkq .arkq-acc-calibmark { font-style: normal; color: var(--arkq-cyan); margin-left: 2px; cursor: help; }

/* 操作行：与模型广场卡片同序 —— 「⚙ 配置」主按钮在前，「测试」描边胶囊在后 */
.arkq .arkq-acc-acts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.arkq .arkq-acc-acts .arkq-btn { padding: 4px 12px; font-size: 12.5px; }
/* 「⚙ 配置」：直接复用模型广场的渐变主按钮样式，仅对齐方式改回行内 */
.arkq .arkq-acc-acts .arkq-mc-cfgbtn { align-self: auto; }
.arkq .arkq-acc-testbtn { white-space: nowrap; }
.arkq .arkq-acc-testmsg { font-size: 12px; color: rgba(255, 255, 255, .55); }
.arkq .arkq-acc-testmsg.is-ok { color: #7fe3a8; }
.arkq .arkq-acc-testmsg.is-err { color: #ff8f8f; }

/* 账号配置弹窗底部操作栏：危险按钮靠左，取消/保存在右（中间用 spacer 撑开） */
.arkq-modal .arkq-acc-cfgacts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.arkq-modal .arkq-acc-cfgacts .arkq-acc-acts-spacer { flex: 1 1 auto; }
/* 危险按钮：红色描边，hover 才填充 —— 与「保存配置」主按钮拉开视觉权重 */
.arkq-modal .arkq-acc-cfgacts .arkq-btn-danger {
  color: #ff8f8f;
  background: transparent;
  border: 1px solid rgba(255, 143, 143, .45);
}
.arkq-modal .arkq-acc-cfgacts .arkq-btn-danger:hover {
  color: #fff;
  background: rgba(220, 53, 69, .85);
  border-color: rgba(220, 53, 69, .85);
}

/* v1.1.6：三个余额操作按钮（删除 / 重置 / 校准）的悬浮说明徽章。
   直接沿用项目已验证的 .arkq-mc-cfgbtn[data-tip] 模式（向上浮出，避开弹窗滚动容器下沿）。
   ⚠️ 三个按钮的说明较长，这里把 max-width 放宽到 320px 并改左对齐，保证可读。 */
.arkq .arkq-acc-tipbtn[data-tip] {
  position: relative;
  overflow: visible;
}
.arkq .arkq-acc-tipbtn[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: auto;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 900;
  width: 320px;
  max-width: 86vw;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.75;
  white-space: normal;
  text-align: left;
  color: var(--arkq-cyan);
  background: #101a2e;
  border: 1px solid rgba(var(--arkq-accent2-rgb), .35);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .55);
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s;
  pointer-events: none;
}
.arkq .arkq-acc-tipbtn[data-tip]:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/* 弹窗底部操作栏里按钮靠左，tooltip 改左对齐展开更自然 */
.arkq-modal .arkq-acc-cfgacts .arkq-acc-tipbtn[data-tip]::after {
  right: auto;
  left: 0;
}
/* 「校准预估」：青色描边 —— 语义是「无损对齐」而非破坏性操作，与另两个区分 */
.arkq-modal .arkq-acc-cfgacts .arkq-acc-calibbtn {
  color: var(--arkq-cyan);
  border: 1px solid rgba(var(--arkq-accent2-rgb), .45);
}
.arkq-modal .arkq-acc-cfgacts .arkq-acc-calibbtn:hover {
  color: #fff;
  background: rgba(var(--arkq-accent2-rgb), .28);
  border-color: rgba(var(--arkq-accent2-rgb), .7);
}
/* 卡片上的「⚙ 配置」按钮：提示三个操作都在弹窗里 */
.arkq .arkq-acc-acts .arkq-mc-cfgbtn[data-tip]::after {
  left: 0;
  transform: translateY(4px);
}
.arkq .arkq-acc-acts .arkq-mc-cfgbtn[data-tip]:hover::after {
  transform: translateY(0);
}

/* 「二级」开关 */
.arkq .arkq-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
  flex: none;
}
.arkq .arkq-switch input { position: absolute; opacity: 0; pointer-events: none; }
.arkq .arkq-switch-ui {
  width: 34px;
  height: 19px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .22);
  position: relative;
  transition: background .18s ease, border-color .18s ease;
  flex: none;
}
.arkq .arkq-switch-ui::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .85);
  transition: transform .18s ease;
}
.arkq .arkq-switch input:checked + .arkq-switch-ui {
  background: rgba(var(--arkq-accent-rgb), .55);
  border-color: rgba(var(--arkq-accent-rgb), .8);
}
.arkq .arkq-switch input:checked + .arkq-switch-ui::after { transform: translateX(15px); }
.arkq .arkq-switch input:focus-visible + .arkq-switch-ui {
  outline: 1px solid rgba(var(--arkq-accent2-rgb), .8);
  outline-offset: 1px;
}
.arkq .arkq-switch-txt { font-size: 11.5px; color: rgba(255, 255, 255, .6); }

/* 二级账号平台视图：订阅 / 配置共用的账号大卡
   v1.1.14c：四个金额（余额 / 预估余额 / 当日用量 / 统计范围用量）统一 24px / 800 / 表格数字，
   各自占一行、数值靠右（.arkq-v 的 margin-left:auto + text-align:right）。
   徽章规则：余额类走账户池三档徽章（accBalBadgeHtml），消耗类走固定阈值配色（accCostCls）。 */
.arkq .arkq-acc-plan .arkq-acc-est-big,
.arkq .arkq-acc-plan .arkq-acc-bal-big,
.arkq .arkq-acc-plan .arkq-acc-cost-big {
  font-size: 24px;
  font-weight: 800;
  white-space: nowrap;
  color: rgb(var(--arkq-accent2-rgb));
  font-variant-numeric: tabular-nums;
}
.arkq .arkq-acc-plan .arkq-acc-cost-big { color: var(--arkq-peach); }
/* v1.1.13：预估余额按余额的三档阈值着色（红 / 黄 / 绿）——
   账号池卡片与配置弹窗预览走 .arkq-acc-estv > b，派生订阅卡大数字走 .arkq-acc-est-big */
.arkq .arkq-acc-estv b.is-low,
.arkq .arkq-acc-plan .arkq-acc-est-big.is-low { color: #ef4444; }
.arkq .arkq-acc-estv b.is-warn,
.arkq .arkq-acc-plan .arkq-acc-est-big.is-warn { color: #f59e0b; }
.arkq .arkq-acc-estv b.is-ok,
.arkq .arkq-acc-plan .arkq-acc-est-big.is-ok { color: #16a34a; }
/* v1.1.14：消耗金额按固定阈值着色（不跟余额三档）——
   当日 <10 绿 / 10~20 黄 / >20 红；统计范围 <50 绿 / 50~100 黄 / >100 红 */
.arkq .arkq-acc-plan .arkq-acc-cost-big.is-low  { color: #ef4444; }
.arkq .arkq-acc-plan .arkq-acc-cost-big.is-warn { color: #f59e0b; }
.arkq .arkq-acc-plan .arkq-acc-cost-big.is-ok   { color: #16a34a; }
.arkq .arkq-acc-plan .arkq-acc-balrow { margin-top: 8px; }

/* 账号用量明细表 */
.arkq .arkq-acc-tablewrap { overflow-x: auto; margin-top: 8px; }
.arkq .arkq-acc-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}
.arkq .arkq-acc-table th,
.arkq .arkq-acc-table td {
  padding: 7px 9px;
  text-align: right;
  border-bottom: 1px solid rgba(var(--arkq-accent-rgb), .3);
  white-space: nowrap;
}
.arkq .arkq-acc-table th:first-child,
.arkq .arkq-acc-table td:first-child { text-align: left; }
.arkq .arkq-acc-table thead th {
  color: rgba(var(--arkq-accent2-rgb), .75);
  font-weight: 600;
}
.arkq .arkq-acc-table tfoot td { font-weight: 700; color: rgb(var(--arkq-accent2-rgb)); }

/* 隐藏属性兜底（铁律：hidden 遇 display:flex 失效，必须显式补） */
.arkq .arkq-acc-card[hidden],
.arkq .arkq-switch[hidden],
.arkq .arkq-acc-pool[hidden] { display: none !important; }

/* ====================================================================
   v1.1.7：上游账号派生平台（账号池「二级」派生的平台）
     ① 订阅管理 —— 与 AI 网关同构的订阅卡，右侧窗口「上游账号的用量汇总」
     ② 用量明细 —— 汇总卡 / 按模型分布 / Token 用量趋势（只统计该账号）
     ③ 设置、配置 —— 账号池卡片按宽屏重新排版
   ==================================================================== */

/* ① 订阅卡：余额来源行与「去账号池改余额」小按钮 */
.arkq .arkq-acc-plan .arkq-acc-balhint .arkq-v {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.arkq .arkq-acc-jumpbtn {
  padding: 2px 9px;
  font-size: 11.5px;
  white-space: nowrap;
}
.arkq .arkq-acc-plan .arkq-acc-balpair {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(var(--arkq-accent-rgb), .22);
}
.arkq .arkq-acc-plan .arkq-acc-balpair .arkq-meta-row { font-size: 14.5px; }

/* ② 用量明细：标题行上的账号名与区间 */
.arkq .arkq-accst > .arkq-h2 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.arkq .arkq-accst-name {
  color: rgb(var(--arkq-accent2-rgb));
  font-weight: 700;
}
.arkq .arkq-accst .arkq-gwst-grid {
  grid-template-columns: 1fr;      /* 只有「按模型分布」一张表，占满整行 */
}

/* ③ 设置、配置：账号池卡片按宽屏重新排版 */
.arkq .arkq-acccfg {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.arkq .arkq-acccfg-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.arkq .arkq-acccfg-head .arkq-acc-name {
  font-size: 16px;
  font-weight: 700;
}
.arkq .arkq-acccfg-sub {
  font-size: 11.5px;
  color: rgba(255, 255, 255, .5);
  margin-left: auto;
}
/* 信息栅格：宽屏四列，窄屏两列，模型映射整行 */
.arkq .arkq-acccfg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px 14px;
}
.arkq .arkq-acccfg-cell {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 7px 10px;
  border-radius: 10px;
  background: rgba(var(--arkq-accent-rgb), .07);
  border: 1px solid rgba(var(--arkq-accent-rgb), .18);
  min-width: 0;
}
.arkq .arkq-acccfg-cell.is-wide { grid-column: 1 / -1; }
.arkq .arkq-acccfg-cell > span:first-child {
  font-size: 11.5px;
  color: rgba(255, 255, 255, .55);
}
.arkq .arkq-acccfg-cell > b {
  font-size: 13.5px;
  font-weight: 600;
  word-break: break-all;
}
/* 余额与预估并排一行 */
.arkq .arkq-acccfg-balrow {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(var(--arkq-accent-rgb), .07);
  border: 1px solid rgba(var(--arkq-accent-rgb), .18);
}
.arkq .arkq-acccfg-balrow .arkq-acc-balsum {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.arkq .arkq-acccfg-balrow .arkq-acc-balflow { margin-left: auto; }
.arkq .arkq-acccfg-balrow .arkq-acc-estv { margin-left: 0; }
.arkq .arkq-acccfg-consume {
  font-size: 11.5px;
  color: rgba(255, 255, 255, .5);
  cursor: help;
}
.arkq .arkq-acccfg-note .arkq-input { width: 100%; resize: vertical; }
.arkq .arkq-acccfg-acts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.arkq .arkq-acccfg-acts .arkq-btn { padding: 5px 14px; font-size: 12.5px; }
.arkq .arkq-acccfg-acts .arkq-acc-testmsg { margin-left: 2px; }
/* 卡片作用域（非 .arkq-modal）下，余额块里 [hidden] 必须显式兜底 */
.arkq .arkq-acccfg .arkq-acc-balbox [hidden] { display: none !important; }