feat(admin): 分组管理改为树形表格（图标/排序/状态）

- 参考需求页重做分组管理：树形表格（名称/排序权重/关联网页数/状态/操作），去掉展开全部/折叠全部，新建根分组置于左侧
- 分组弹窗支持上级分组移动、格式、图标（可留空）、排序权重、启停状态
- 数据层 v20：node.enabled 启停；icon/sort 可编辑；禁用分组前台侧栏与卡片隐藏
- 修复同一父级下编辑排序权重被重置为末尾
- 测试 59 passed；Playwright 验证无图标/图标/排序/禁用/折叠

stash-web/src/App.css

@@ -1048,6 +1048,186 @@
   gap: var(--su-space-2);
 }
 
+/* 分组管理：参考后台的树形表格 */
+.group-toolbar {
+  display: flex;
+  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;
+  align-items: center;
+  gap: var(--su-space-2);
+}
+
+.group-caret {
+  width: 20px;
+  flex: none;
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--su-text-muted);
+  font-size: var(--su-font-size-sm);
+  line-height: 1;
+  cursor: pointer;
+}
+
+.group-caret-empty {
+  cursor: default;
+}
+
+.group-mark {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  color: var(--su-color-primary);
+  font-size: var(--su-font-size-lg);
+}
+
+.group-mark-empty {
+  width: 20px;
+}
+
+.group-mark-text {
+  font-size: var(--su-font-size-md);
+}
+
+.group-name {
+  color: var(--su-text-main);
+  font-weight: 500;
+}
+
+.group-format {
+  padding: 0 var(--su-space-2);
+  border-radius: var(--su-radius-xs);
+  background-color: var(--su-bg-subtle);
+  color: var(--su-text-muted);
+  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 {
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--su-color-primary);
+  font-size: var(--su-font-size-sm);
+  cursor: pointer;
+}
+
+.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;
+  align-items: center;
+  gap: var(--su-space-2);
+}
+
+.group-icon-preview {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: 1px solid var(--su-border-strong);
+  border-radius: var(--su-radius-sm);
+  background-color: var(--su-bg-subtle);
+}
+
+.group-dialog-row {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--su-space-3);
+}
+
 .admin-category-row > * {
   min-width: 0;
 }