/* ============================================================
   Summer API · new-api 控制台视觉微调
   ------------------------------------------------------------
   与 summer-theme.css 分开存放的原因：
     这个文件里的规则依赖具体的元素与浏览器特性，属于"锦上添花"。
     官方前端改版时，它有失效的可能；而 summer-theme.css 依赖的是
     语义变量契约，通常跨版本稳定。
     一旦发现布局异常，删掉本文件即可回退到"配色已统一"的兜底状态，
     不影响整体观感。

   刻意不做的事：
     不修改任何布局（宽高、间距、定位、层叠），只改观感细节，
     以免与官方组件的自适应逻辑打架。
   ============================================================ */


/* 选中文字：暖色高亮，替换浏览器默认的蓝色 */
::selection {
  background: #f8d7c9;
  color: #3a2a24;
}
.dark ::selection,
[data-theme="dark"] ::selection,
[data-mode="dark"] ::selection {
  background: #6b4226;
  color: #f8d7c9;
}


/* 滚动条：细一点、暖一点，不再是系统灰 */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(139, 90, 60, 0.30) transparent;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(139, 90, 60, 0.28);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(139, 90, 60, 0.46);
  background-clip: content-box;
}
.dark ::-webkit-scrollbar-thumb,
[data-theme="dark"] ::-webkit-scrollbar-thumb,
[data-mode="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(240, 230, 230, 0.22);
  background-clip: content-box;
}
.dark ::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
[data-mode="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(240, 230, 230, 0.38);
  background-clip: content-box;
}


/* 键盘焦点环：统一成金色，替换框架默认的蓝色环 */
:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}


/* 标题衬线化：呼应首页的 Cormorant 标题语言。
   拉丁字形走 Cormorant，中文字形由 Noto Serif SC 承接。 */
h1, h2, h3 {
  font-family: var(--font-serif);
  font-weight: 500;
  letter-spacing: 0.01em;
}


/* 表格里的数字统一成等宽，便于纵向对比额度与用量 */
table {
  font-variant-numeric: tabular-nums;
}