fix(table): 卡片设置面板与操作按钮交互打磨

- 外点收起改捕获阶段监听，点击筛选列等其他工具按钮时面板正确消失
- 排序点击后面板保持打开并就地刷新高亮，可连续切换排序
- 设置面板行距压缩（行高约 28px、最小宽 160px）
- 卡片操作按钮间距紧凑（清零 layui 相邻 margin，统一 6px gap）

public/static/admin/css/public.css

@@ -852,12 +852,16 @@ table样式
 .ua-data-card-operat {
   display: flex;
   flex-wrap: wrap;
-  gap: 4px;
+  gap: 6px;
   justify-content: flex-end;
 }
 .ua-data-card-operat a {
   margin: 0;
 }
+/* 压过 layui 基类 .layui-btn+.layui-btn{margin-left:10px}（特异性 0,3,0 > 0,2,0） */
+.ua-data-card-operat .layui-btn + .layui-btn {
+  margin-left: 0;
+}
 
 /* 卡片操作按钮三态显隐：卡片网格内默认隐藏（保占位防 footer 跳动）、
    hover 显示；设置面板开关写入容器的 ua-card-operat-always 类后常显
@@ -891,7 +895,7 @@ table样式
   flex-basis: 100%;
   display: flex;
   justify-content: flex-end;
-  gap: 4px;
+  gap: 6px;
   flex-wrap: wrap;
 }
 
@@ -913,7 +917,7 @@ table样式
 .ua-card-setting-panel {
   position: absolute;
   z-index: 999;
-  min-width: 200px;
+  min-width: 160px;
   border: 1px solid #d2d2d2;
   background-color: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
@@ -923,7 +927,7 @@ table样式
 }
 
 .ua-card-setting-title {
-  padding: 10px 18px 2px;
+  padding: 6px 12px 0;
   color: #999;
   font-size: 12px;
 }
@@ -933,11 +937,17 @@ table样式
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  padding: 8px 18px;
+  padding: 4px 12px;
 }
 .ua-card-setting-item:hover {
   background-color: #f8f8f8;
 }
+/* 排序行紧凑：压过 .ul-nav-block .item 基类的 padding: 8px 18px
+   （同特异性 0,2,0，源序靠后胜出，不用 !important） */
+.ua-card-setting-panel .ua-card-setting-sort-item {
+  padding: 4px 12px;
+  line-height: 20px;
+}
 
 .ua-card-setting-switch {
   position: relative;

public/static/admin/css/public.scss

@@ -873,12 +873,17 @@ table样式
 .ua-data-card-operat {
     display: flex;
     flex-wrap: wrap;
-    gap: 4px;
+    gap: 6px;
     justify-content: flex-end;
 
     a {
         margin: 0;
     }
+
+    // 压过 layui 基类 .layui-btn+.layui-btn{margin-left:10px}（特异性 0,3,0 > 0,2,0）
+    .layui-btn + .layui-btn {
+        margin-left: 0;
+    }
 }
 
 // 卡片操作按钮三态显隐：卡片网格内默认隐藏（保占位防 footer 跳动）、
@@ -913,7 +918,7 @@ table样式
     flex-basis: 100%;
     display: flex;
     justify-content: flex-end;
-    gap: 4px;
+    gap: 6px;
     flex-wrap: wrap;
 }
 
@@ -936,7 +941,7 @@ table样式
 .ua-card-setting-panel {
     position: absolute;
     z-index: 999;
-    min-width: 200px;
+    min-width: 160px;
     border: 1px solid #d2d2d2;
     background-color: #fff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
@@ -946,7 +951,7 @@ table样式
 }
 
 .ua-card-setting-title {
-    padding: 10px 18px 2px;
+    padding: 6px 12px 0;
     color: #999;
     font-size: 12px;
 }
@@ -956,13 +961,20 @@ table样式
     align-items: center;
     justify-content: space-between;
     gap: 12px;
-    padding: 8px 18px;
+    padding: 4px 12px;
 
     &:hover {
         background-color: #f8f8f8;
     }
 }
 
+// 排序行紧凑：压过 .ul-nav-block .item 基类的 padding: 8px 18px
+//（同特异性 0,2,0，源序靠后胜出，不用 !important）
+.ua-card-setting-panel .ua-card-setting-sort-item {
+    padding: 4px 12px;
+    line-height: 20px;
+}
+
 .ua-card-setting-switch {
     position: relative;
     flex: none;