refactor(admin): 三张手写表格改用库里的 Table，文字按钮/开关行收进库

- 分组管理 / 数据管理 / 内容卡片 / 本地服务 四处手写 <table> 全部换成 Table size='sm'
- 行内操作（新建子分组 / 编辑 / 删除）改用 TextButton，删除统一 danger 色
- 侧边栏、页头共 7 处开关行改用 ToggleRow
- 空状态改用 Empty
- 删掉随之失效的 CSS：.group-table* / .entry-table* / .cards-table* / .group-action* /
  .sidebar-toggle-row / .admin-item-title 等，App.css 净减 144 行

视觉：表格外框、表头底色、行 hover 统一由 @stash/ui 提供，与接口页一致

stash-web/src/App.css

@@ -795,15 +795,7 @@
   gap: var(--su-space-2);
 }
 
-.admin-item-row > :first-child:not(.admin-item-title) {
-  grid-column: span 1;
-}
 
-.admin-item-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 
 .admin-nav-row {
   grid-template-columns: auto minmax(0, 1fr) auto;
@@ -927,10 +919,6 @@
   padding-left: var(--su-space-6);
 }
 
-.admin-nav-group-row .admin-item-title {
-  color: var(--su-text-sub);
-  font-size: var(--su-font-size-sm);
-}
 
 /* 归类页：一行一个分区，标题 / 类型 / 图标 / 色条 / 条数 / 保存 / 删除 */
 .admin-category-row {
@@ -977,62 +965,15 @@
   justify-content: flex-start;
 }
 
-.group-table-wrap {
-  overflow: hidden;
-  border: 1px solid var(--su-card-border);
-  border-radius: var(--su-radius-md);
-  background-color: var(--su-bg-card);
-}
 
-.group-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: var(--su-font-size-md);
-}
 
-.group-table th {
-  padding: var(--su-space-3) var(--su-space-4);
-  background-color: var(--su-bg-subtle);
-  border-bottom: 1px solid var(--su-card-border);
-  color: var(--su-text-muted);
-  font-size: var(--su-font-size-sm);
-  font-weight: 600;
-  text-align: left;
-  white-space: nowrap;
-}
 
-.group-table td {
-  padding: var(--su-space-3) var(--su-space-4);
-  border-bottom: 1px solid var(--su-card-border);
-  vertical-align: middle;
-}
 
-.group-table tbody tr:last-child td {
-  border-bottom: none;
-}
 
-.group-table tbody tr:hover {
-  background-color: var(--su-bg-subtle);
-}
 
-.group-col-sort {
-  width: 110px;
-}
 
-.group-col-count {
-  width: 120px;
-  text-align: center !important;
-}
 
-.group-col-status {
-  width: 90px;
-  text-align: center !important;
-}
 
-.group-col-actions {
-  width: 190px;
-  text-align: right !important;
-}
 
 .group-name-cell {
   display: flex;
@@ -1183,49 +1124,12 @@
   font-size: var(--su-font-size-sm);
 }
 
-.group-sort {
-  color: var(--su-text-muted);
-  font-family: var(--su-font-mono);
-  font-size: var(--su-font-size-sm);
-}
 
-.group-count {
-  color: var(--su-text-sub);
-  text-align: center;
-}
 
-.group-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--su-space-3);
-}
 
-.group-action {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--su-space-1);
-  padding: 0;
-  border: none;
-  background: none;
-  color: var(--su-color-primary);
-  font-size: var(--su-font-size-sm);
-  cursor: pointer;
-  white-space: nowrap;
-}
 
-.group-action:hover {
-  text-decoration: underline;
-}
 
-.group-action-danger {
-  color: var(--su-color-danger);
-}
 
-.group-empty {
-  padding: var(--su-space-6) 0 !important;
-  color: var(--su-text-muted);
-  text-align: center;
-}
 
 .group-icon-field {
   display: flex;
@@ -1251,14 +1155,7 @@
   gap: var(--su-space-3);
 }
 
-/* 内容页：与分组管理一致的列表 */
-.entry-table .entry-col-href {
-  width: 36%;
-}
 
-.entry-table .entry-col-format {
-  width: 80px;
-}
 
 .entry-format {
   display: inline-block;
@@ -1269,9 +1166,6 @@
   font-size: var(--su-font-size-sm);
 }
 
-.entry-table .entry-col-group {
-  width: 180px;
-}
 
 .entry-title {
   color: var(--su-text-main);
@@ -1303,19 +1197,7 @@ a.entry-href:hover {
   font-size: var(--su-font-size-sm);
 }
 
-/* 侧边栏勾选：标题在左，开关在右 */
-.sidebar-toggle-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--su-space-3);
-  padding: var(--su-space-1) 0;
-}
 
-.sidebar-toggle-row .admin-item-title {
-  flex: 1;
-  min-width: 0;
-}
 
 /* 首页：左右栏共用一个滚动区，左侧吸顶交给 CSS sticky */
 #page-scroll {
@@ -1500,44 +1382,12 @@ a.entry-href:hover {
   min-width: 0;
 }
 
-.cards-table-head {
-  display: flex;
-  align-items: center;
-  gap: var(--su-space-2);
-  margin-bottom: var(--su-space-2);
-}
 
-.cards-table-wrap {
-  margin-top: var(--su-space-2);
-  /* 列多了以后表格会比面板宽，横向滚动而不是把名字挤成两三行 */
-  overflow-x: auto;
-}
 
-.cards-table th,
-.cards-table td {
-  padding: var(--su-space-2);
-}
 
-.cards-col-limit {
-  width: 100px;
-}
 
-/* 分组名不换行，超长省略；列宽固定，保证五列都落在面板内 */
-.cards-table {
-  table-layout: fixed;
-}
 
-.cards-table td:first-child .group-name {
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
 
-.cards-table th,
-.cards-table td {
-  padding: var(--su-space-2) var(--su-space-4);
-}
 
 /* 首页 Tab：侧边栏设置 + 首页卡片上下两段 */
 .admin-home {
@@ -1552,14 +1402,7 @@ a.entry-href:hover {
   gap: var(--su-space-3);
 }
 
-/* 首页卡片：分组展示顺序（表格里的「顺序」列，上下箭头即时保存） */
-.cards-col-state {
-  width: 72px;
-}
 
-.cards-col-order {
-  width: 112px;
-}
 
 .card-order-cell {
   display: flex;
@@ -1682,17 +1525,7 @@ a.entry-href:hover {
   border-bottom: 1px solid var(--su-border);
 }
 
-/* 删除按钮：可删的用危险色，不可删的用弱化色（都取主题令牌） */
-.admin-item-actions .admin-remove,
-.cards-table-head .admin-remove {
-  color: var(--su-color-danger);
-}
 
-.admin-item-actions .admin-remove:not(:disabled):hover,
-.cards-table-head .admin-remove:not(:disabled):hover {
-  color: var(--su-color-danger);
-  background-color: color-mix(in srgb, var(--su-color-danger) 10%, transparent);
-}
 
 .admin-item-actions .admin-remove:disabled {
   color: var(--su-text-muted);
@@ -1700,3 +1533,26 @@ a.entry-href:hover {
   opacity: 0.45;
 }
 
+
+/* 后台表格里的操作列与卡片标题栏（其余表格样式已交给 @stash/ui 的 Table） */
+.group-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--su-space-3);
+}
+
+.cards-table-head {
+  display: flex;
+  align-items: center;
+  gap: var(--su-space-2);
+  margin-bottom: var(--su-space-2);
+}
+
+.cards-table-head .admin-remove {
+  color: var(--su-color-danger);
+}
+
+.cards-table-head .admin-remove:not(:disabled):hover {
+  color: var(--su-color-danger);
+  background-color: color-mix(in srgb, var(--su-color-danger) 10%, transparent);
+}