iter(e04): 新增 empty 空状态组件

packages/skin/ui/ui.css

@@ -814,6 +814,35 @@ button.ua-step-dot:hover {
   border-radius: 4px;
 }
 
+/* —— 空状态 —— */
+.ua-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--ua-space-2);
+  padding: var(--ua-space-4);
+  min-height: 120px; /* 撑出足够留白感 */
+  justify-content: center;
+  text-align: center;
+}
+.ua-empty-icon {
+  font-size: 34px;
+  line-height: 1;
+  color: var(--ua-color-border); /* 装饰符号弱化为边框色 */
+}
+.ua-empty-title {
+  font-size: var(--ua-font-size-md);
+  font-weight: 600;
+  color: var(--ua-color-text);
+}
+.ua-empty-desc {
+  font-size: var(--ua-font-size-sm);
+  color: var(--ua-color-text-muted);
+}
+.ua-empty-action {
+  margin-top: var(--ua-space-1);
+}
+
 /* —— 徽标 —— */
 .ua-badge {
   display: inline-block;