.\[\&_\[data-slot\=table\]\]\:text-\[13px\] [data-slot="table"], .\[\&_\[data-slot\=table\]_td\]\:text-\[13px\] [data-slot="table"] td, .\[\&_\[data-slot\=table\]_td_\*\]\:text-\[13px\] [data-slot="table"] td *, .\[\&_\[data-slot\=table\]_th\]\:text-\[13px\] [data-slot="table"] th, .\[\&_\[data-slot\=table\]_th_\*\]\:text-\[13px\] [data-slot="table"] th *{
    font-size:12px;
}

/* ── 错误行：去掉红色背景，和普通行一致 ── */
/* 错误行由 Tailwind 类 bg-rose-50/40 dark:bg-rose-950/20 上色，类名里都含 "rose" */
html[data-path^="/usage-logs"] tr[class*="rose"] {
  background-color: transparent !important;
}
/* 悬停态：复用普通行的 hover 高亮，保证鼠标悬停表现一致 */
html[data-path^="/usage-logs"] tr[class*="rose"]:hover {
  background-color: color-mix(in oklch, var(--muted) 50%, var(--background)) !important;
}

/* ── 耗时列（第 4 列）：弱化为次要灰色 ── */
/* 这些是 status-badge，其文字色是 Tailwind 的 !important 工具类且位于 cascade layer，
   普通的 color !important 无法覆盖，故用 -webkit-text-fill-color（Tailwind 未设置，直接生效） */
html[data-path^="/usage-logs"] tbody tr td:nth-child(4) span[data-slot="status-badge"],
html[data-path^="/usage-logs"] tbody tr td:nth-child(4) span[data-slot="status-badge"] span {
  -webkit-text-fill-color: var(--muted-foreground) !important;
  color: var(--muted-foreground) !important;
}
/* 耗时列徽章的红/绿边框和底色一并去掉，变成纯文字 */
html[data-path^="/usage-logs"] tbody tr td:nth-child(4) span[data-slot="status-badge"] {
  border-color: transparent !important;
  background-color: transparent !important;
}

/* ── 整体观感：字重回归常规 ── */
/* 表格正文原本几乎全是 medium(500)/semibold(600)，整体偏粗；统一降为常规 400 */
html[data-path^="/usage-logs"] tbody td,
html[data-path^="/usage-logs"] tbody td * {
  font-weight: 400 !important;
}
/* 费用金额是关键数字，保留轻微强调（medium 而非 semibold） */
html[data-path^="/usage-logs"] tbody td:nth-child(6),
html[data-path^="/usage-logs"] tbody td:nth-child(6) * {
  font-weight: 500 !important;
}

/* ── 色彩层级：突出费用与缓存，弱化次要列 ── */
/* 时间（第 1 列）：弱化 */
html[data-path^="/usage-logs"] tbody td:nth-child(1) > div > span:first-child {
  color: var(--muted-foreground) !important;
}
/* Tokens 数值（第 5 列主值）：弱化 */
html[data-path^="/usage-logs"] tbody td:nth-child(5) > div > span:first-child {
  color: var(--muted-foreground) !important;
}
/* 缓存（第 5 列次行 缓存↓/↑）：强化 */
html[data-path^="/usage-logs"] tbody td:nth-child(5) .text-muted-foreground\/60 {
  
}
/* 费用（第 6 列）：用 text-success 绿色 */
html[data-path^="/usage-logs"] tbody td:nth-child(6),
html[data-path^="/usage-logs"] tbody td:nth-child(6) * {
  color: var(--success) !important;
}
/* 详情（第 7 列）：弱化 */
html[data-path^="/usage-logs"] tbody td:nth-child(7) .text-foreground {
  color: var(--muted-foreground) !important;
}


/* ==========================================================================
   模型广场页 (/pricing)：整卡重设计，突出「价格」和「详情」按钮
   标记类 (iii-model-card / iii-price-row / iii-detail-btn) 由 backend.js
   的 enhancePricingCards() 动态添加
   ========================================================================== */

/* 卡片本体：更清晰的边框、圆角与 hover 抬升 */
html[data-path^="/pricing"] .iii-model-card {
  border-radius: 14px !important;
  border: 1px solid color-mix(in oklab, var(--foreground) 12%, transparent) !important;
  background: var(--card) !important;
  padding: 16px 17px !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
html[data-path^="/pricing"] .iii-model-card:hover {
  border-color: color-mix(in oklab, var(--foreground) 26%, transparent) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px -16px rgba(0, 0, 0, .7);
}

/* 图标块：缩小到 32×32、方角 squircle + 细边 */
html[data-path^="/pricing"] .iii-model-card .bg-muted\/40 {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  border: 1px solid color-mix(in oklab, var(--foreground) 9%, transparent);
}
/* SVG 图标：28 → 20 */
html[data-path^="/pricing"] .iii-model-card .bg-muted\/40 svg {
  width: 20px !important;
  height: 20px !important;
}

/* 模型名：等宽、适度字号 */
html[data-path^="/pricing"] .iii-model-card h3 {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
}

/* 价格 → 重点信息面板：固定两列网格，输入|输出 恒定并排、缓存整行在下 */
html[data-path^="/pricing"] .iii-price-row {
  margin-top: 11px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: baseline !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  background: color-mix(in oklab, var(--foreground) 6%, transparent) !important;
  border: 1px solid color-mix(in oklab, var(--foreground) 10%, transparent) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
html[data-path^="/pricing"] .iii-price-row > span {
  padding: 8px 12px !important;
  white-space: nowrap !important;
  font-size: 11px !important;
}
/* 输入 | 输出 之间的竖分隔线 */
html[data-path^="/pricing"] .iii-price-row > span:nth-child(2) {
  border-left: 1px solid color-mix(in oklab, var(--foreground) 10%, transparent);
}
/* 缓存价：次要层级，整行独占，顶部分隔线 + 更暗底色 */
html[data-path^="/pricing"] .iii-price-row > span:nth-child(3) {
  grid-column: 1 / -1;
  border-top: 1px solid color-mix(in oklab, var(--foreground) 10%, transparent);
  padding: 5px 12px !important;
  background: color-mix(in oklab, var(--foreground) 3%, transparent);
}
/* 输入/输出价格数值：放大加粗，是全卡最抢眼的信息 */
html[data-path^="/pricing"] .iii-price-row .font-semibold {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: +.12em !important;
  margin: 0 10px;
}

/* 「按请求」等单一价格卡片：无 输入/输出，改为单列整行显示 */
html[data-path^="/pricing"] .iii-price-row.iii-price-single {
  grid-template-columns: 1fr !important;
}
html[data-path^="/pricing"] .iii-price-row.iii-price-single > span {
  padding: 9px 14px !important;
}

/* 详情按钮 → 主操作 CTA（黑白主题下实心白底最抢眼） */
html[data-path^="/pricing"] .iii-detail-btn {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  padding: 6px 13px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
html[data-path^="/pricing"] .iii-detail-btn svg {
  color: var(--primary-foreground) !important;
  width: 13px;
  height: 13px;
}
html[data-path^="/pricing"] .iii-detail-btn:hover {
  filter: brightness(.9);
}
/* 复制按钮：ghost，圆角对齐 */
html[data-path^="/pricing"] .iii-model-card button[title="复制"] {
  border-radius: 8px !important;
}

/* 描述文案：收敛、行距舒适 */
html[data-path^="/pricing"] .iii-model-card > p {
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin-top: 13px !important;
}

/* 底部次要信息：分组 / 计费做成 chip，视觉更整齐 */
html[data-path^="/pricing"] .iii-model-card .text-muted-foreground.font-medium {
  border: 1px solid color-mix(in oklab, var(--foreground) 9%, transparent);
  border-radius: 999px;
  padding: 1.5px 8px;
  font-size: 11px !important;
  line-height: 1.5;
}