From 71c0371c318fa34e96d9e993e9193dbc64066dc5 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Tue, 27 Oct 2026 17:32:22 +0800
Subject: [PATCH] =?UTF-8?q?style(ui):=20=E6=95=B0=E6=8D=AE=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E7=BB=9F=E4=B8=80=E7=BB=86=E8=8A=82=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E8=A1=A8=E5=A4=B4=E8=A7=84=E6=A0=BC=E3=80=81=E9=80=89=E4=B8=AD?=
 =?UTF-8?q?=E8=A1=8C=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 全站表格表头统一为 11px/700/0.07em 次要色，上下 11px
- 多选表格（用户/违禁词/兑换码）选中行加灰底 + 左缘黑条高亮
- 未显式设色的 td 默认次要文本色

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 frontend/src/style.css                 | 17 ++++++++++++++++-
 frontend/src/views/BannedWordsView.vue |  2 +-
 frontend/src/views/CdksView.vue        |  3 ++-
 frontend/src/views/UsersView.vue       |  3 ++-
 4 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/frontend/src/style.css b/frontend/src/style.css
index 942b074..017ff5f 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -340,10 +340,25 @@ button:not(:disabled), [role="button"]:not([aria-disabled="true"]) { cursor: poi
   background: #fafafa;
   border-bottom: 1px solid rgb(24 24 27 / 0.07);
 }
-.theme-text .card table thead :is(th, td) { font-weight: 700; letter-spacing: 0.04em; }
+/* 表头统一：各页曾分别写 10px/11px、tracking 0.2em/0.04em——收拢到同一规格。 */
+.theme-text .card table thead :is(th, td) {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.07em;
+  color: var(--fg-3);
+  padding-top: 11px;
+  padding-bottom: 11px;
+  white-space: nowrap;
+}
 .theme-text .card table tbody tr { transition: background-color 0.12s ease; }
 .theme-text .card table tbody tr:hover { background-color: #f7f7f8; }
 .theme-text .card table tbody tr:last-child { border-bottom: 0; }
+/* 多选表格的选中行高亮（行加 .row-on） */
+.theme-text .card table tbody tr.row-on { background-color: rgb(24 24 27 / 0.035); }
+.theme-text .card table tbody tr.row-on:hover { background-color: #f0f0f2; }
+/* 表体单元格基线：没显式设颜色的 td 统一次要色，数字/名称列各自覆盖 */
+.theme-text .card table tbody td { color: var(--fg-2); }
+.theme-text .card table tbody tr.row-on td:first-child { box-shadow: inset 2px 0 0 #18181b; }
 .public-dark .hover\:bg-slate-50:hover { background: rgb(255 255 255 / 0.04); }
 .public-dark .hover\:bg-slate-100:hover { background: rgb(255 255 255 / 0.06); }
 
diff --git a/frontend/src/views/BannedWordsView.vue b/frontend/src/views/BannedWordsView.vue
index 5be09c7..c10fdf7 100644
--- a/frontend/src/views/BannedWordsView.vue
+++ b/frontend/src/views/BannedWordsView.vue
@@ -154,7 +154,7 @@ onMounted(load)
         <tbody>
           <tr v-if="loading && !items.length"><td colspan="5" class="text-center text-xs text-white/40 py-10">加载中…</td></tr>
           <tr v-else-if="!items.length"><td colspan="5" class="text-center text-xs text-white/40 py-10">还没有违禁词</td></tr>
-          <tr v-for="w in pagedItems" :key="w.id" class="border-b border-white/[0.04] hover:bg-white/[0.03] transition-colors">
+          <tr v-for="w in pagedItems" :key="w.id" class="border-b border-white/[0.04] hover:bg-white/[0.03] transition-colors" :class="selected.has(w.id) && 'row-on'">
             <td class="px-3 py-3.5 align-middle text-center">
               <input type="checkbox" :checked="selected.has(w.id)" @change="toggleSelect(w.id)" @click.stop class="chk" />
             </td>
diff --git a/frontend/src/views/CdksView.vue b/frontend/src/views/CdksView.vue
index b6a038f..b78d110 100644
--- a/frontend/src/views/CdksView.vue
+++ b/frontend/src/views/CdksView.vue
@@ -249,7 +249,8 @@ const pageNumbers = computed(() => {
         </thead>
         <tbody>
           <tr v-for="c in pagedItems" :key="c.code"
-              class="border-b border-white/[0.04] hover:bg-white/[0.03] transition-colors">
+              class="border-b border-white/[0.04] hover:bg-white/[0.03] transition-colors"
+              :class="selected.has(c.code) && 'row-on'">
             <td class="px-3 py-3.5 align-middle text-center">
               <input type="checkbox" :checked="selected.has(c.code)" @change="toggleSelect(c.code)" @click.stop
                      class="chk" />
diff --git a/frontend/src/views/UsersView.vue b/frontend/src/views/UsersView.vue
index 2b4aab9..1a6516f 100644
--- a/frontend/src/views/UsersView.vue
+++ b/frontend/src/views/UsersView.vue
@@ -310,7 +310,8 @@ async function doRecharge() {
         </thead>
         <tbody>
           <tr v-for="u in pagedItems" :key="u.id"
-              class="border-b border-white/[0.04] hover:bg-white/[0.03] transition-colors">
+              class="border-b border-white/[0.04] hover:bg-white/[0.03] transition-colors"
+              :class="selected.has(u.id) && 'row-on'">
             <td class="px-3 py-3.5 align-middle text-center">
               <input type="checkbox" :checked="selected.has(u.id)" @change="toggleSelect(u.id)" @click.stop
                      class="chk" />