优化前端ui

apps/frontend/src/styles/admin-config-pages.css

@@ -146,25 +146,12 @@
   font-size: var(--text-sm);
 }
 
-/* ---------- 数据表 ---------- */
+/* ---------- 数据表 (用于 el-table，具体单元格样式见各页面 :deep() 规则) ---------- */
 .data-table {
   width: 100%;
-  border-collapse: collapse;
   margin-top: 12px;
 }
 
-.data-table th,
-.data-table td {
-  text-align: left;
-  border-bottom: 1px solid rgba(86, 108, 138, 0.08);
-  vertical-align: top;
-}
-
-.data-table th {
-  font-size: var(--text-xs);
-  font-weight: 700;
-}
-
 .cell-stack {
   display: grid;
   gap: 4px;

apps/frontend/src/styles/element-overrides.css

@@ -116,4 +116,17 @@
   color: var(--text-muted);
 }
 
-.mt-4 { margin-top: 16px; }
+/* ---- 通用工具类 ---- */
+.mt-4 { margin-top: var(--space-4); }
+.mb-4 { margin-bottom: var(--space-4); }
+.w-full { width: 100%; }
+.text-muted-xs { font-size: var(--text-xs); color: var(--text-muted); }
+.fw-600 { font-weight: 600; }
+.text-danger { color: var(--color-danger); }
+.ml-2 { margin-left: var(--space-2); }
+.pagination-center {
+  margin-top: var(--space-4);
+  display: flex;
+  justify-content: center;
+}
+.filter-col-160 { width: 160px; }

apps/frontend/src/styles/main.css

@@ -3,7 +3,7 @@
   background:
     radial-gradient(circle at top left, rgba(44, 133, 247, 0.22), transparent 32%),
     radial-gradient(circle at top right, rgba(114, 184, 255, 0.18), transparent 26%),
-    linear-gradient(180deg, #eef4ff 0%, #f7fbff 100%);
+    linear-gradient(180deg, var(--bg-page) 0%, #f7fbff 100%);
   font-family: var(--font-sans);
   line-height: 1.5;
   font-weight: 400;