style(admin): 分组管理表格整理

- 折叠箭头改成和前台侧栏 Menu 一样的 CSS 角标（6px 折角，展开/收起旋转）
- 分组默认全部收起，首次拿到数据时统一折叠
- 操作列：加子分组 -> 新建子分组，并与编辑、删除一起配上图标
- 表格上方说明前加「说明：」

stash-web/src/App.css

@@ -975,22 +975,51 @@
   gap: var(--su-space-2);
 }
 
+/* 折叠箭头：与前台侧栏 Menu 的 caret 同一套画法（CSS 画的 6px 角标） */
 .group-caret {
-  width: 20px;
+  display: inline-flex;
   flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
   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::before {
+  content: '';
+  width: 6px;
+  height: 6px;
+  border-left: 1px solid currentColor;
+  border-bottom: 1px solid currentColor;
+  opacity: 0.4;
+  transform: rotate(315deg);
+  transition:
+    transform var(--su-duration-base) var(--su-ease-in-out),
+    opacity var(--su-duration-base) var(--su-ease-in-out);
+}
+
+.group-caret:hover::before {
+  opacity: 0.7;
+}
+
+.group-caret-open::before {
+  opacity: 0.7;
+  transform: rotate(135deg);
+}
+
 .group-caret-empty {
   cursor: default;
 }
 
+.group-caret-empty::before {
+  display: none;
+}
+
 /* 分组图标选择：搜索 + 图标网格 */
 .icon-picker {
   display: flex;
@@ -1080,12 +1109,16 @@
 }
 
 .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 {