From 10945762c53029f2af2232670a5f67f5ffef57f1 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Tue, 15 Sep 2026 16:05:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E7=AD=9B=E9=80=89=E6=A0=8F?=
 =?UTF-8?q?=E6=8E=A7=E4=BB=B6=E9=AB=98=E5=BA=A6=EF=BC=8C=E6=B6=88=E9=99=A4?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E5=88=97=E4=B8=8E=E5=B7=A6=E4=BE=A7=E6=95=B0?=
 =?UTF-8?q?=E5=80=BC=E5=88=97=E7=9A=84=E9=97=B4=E8=B7=9D=E7=A9=BA=E6=B4=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- period-switch / date-field / refresh 统一为 40px 高，变窄的 padding 配合固定高度，与 tab 组齐平
- 输入输出列定宽 118px、请求列定宽 112px，避免与 Token 列平分剩余宽度导致数字右对齐后左侧留白过大
---
 src/App.vue   |  2 +-
 src/style.css | 24 ++++++++++++++++++------
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c69e4ad..520ed8b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -677,7 +677,7 @@ useAutoRefresh(load, { isLoading: () => loading.value })
           <col class="col-share hide-sm" />
           <col class="col-num" />
           <col class="col-share hide-sm" />
-          <col class="col-num hide-sm" />
+          <col class="col-io hide-sm" />
           <col class="col-requests" />
           <col class="col-time hide-sm" />
           <col class="col-time hide-sm" />
diff --git a/src/style.css b/src/style.css
index 2aeffac..e23bde3 100644
--- a/src/style.css
+++ b/src/style.css
@@ -143,13 +143,14 @@ h1 {
   border: 1px solid var(--line);
   border-radius: 10px;
   gap: 2px;
+  height: 40px;
 }
 
 .period-switch button {
   border: 0;
   background: transparent;
   color: var(--muted);
-  padding: 7px 18px;
+  padding: 0 18px;
   border-radius: 7px;
   min-width: 56px;
   font-size: 14px;
@@ -173,9 +174,11 @@ h1 {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 10px;
-  padding: 7px 10px;
+  padding: 0 12px;
   color: var(--muted);
   font-size: 12px;
+  height: 40px;
+  box-sizing: border-box;
 }
 
 .date-field input {
@@ -189,12 +192,15 @@ h1 {
 .refresh {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
   border: 1px solid var(--line);
   background: #fff;
   color: var(--text);
   border-radius: 10px;
-  padding: 8px 14px;
+  padding: 0 14px;
   font-size: 14px;
+  height: 40px;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, color 0.15s ease;
 }
 
@@ -504,10 +510,16 @@ table.rank > tbody > tr.user-row > td.share-col {
   justify-content: flex-start;
 }
 
-/* 请求列与 Token / 输入输出同为数值列，交给 auto 平分剩余空间，
-   避免固定宽度截断大数（近30天请求数可达百万级千分位） */
+/* 请求列定宽：千分位整数（如 123,456,789）内容约占 9 位。
+   固定宽度避免与 Token/输入输出列平分剩余空间，消除数字右对齐造成的空旷间距。
+   空间让给左侧 Token 列（auto 吸收剩余） */
 table.rank .col-requests {
-  width: auto;
+  width: 112px;
+}
+
+/* 输入/输出列定宽：数值带单位（万/亿）较紧凑，固定宽度同样防止平分撑宽 */
+table.rank .col-io {
+  width: 118px;
 }
 
 /* 时间列定宽：精准时间形如「MM-DD HH:MM」（10 字符），不需要很大 */