iter(e05): 新增 divider 分隔线组件

packages/skin/ui/ui.css

@@ -843,6 +843,46 @@ button.ua-step-dot:hover {
   margin-top: var(--ua-space-1);
 }
 
+/* —— 分隔线 —— */
+.ua-divider {
+  display: flex;
+  align-items: center;
+  gap: var(--ua-space-3);
+  margin: var(--ua-space-3) 0;
+}
+.ua-divider::before,
+.ua-divider::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: var(--ua-color-border);
+}
+.ua-divider-dashed::before,
+.ua-divider-dashed::after {
+  background: none;
+  border-top: 1px dashed var(--ua-color-border);
+}
+.ua-divider-label {
+  font-size: var(--ua-font-size-sm);
+  color: var(--ua-color-text-muted);
+  white-space: nowrap;
+}
+.ua-divider-vertical {
+  display: inline-block;
+  align-self: stretch;
+  width: 1px;
+  min-height: 20px;
+  margin: 0 var(--ua-space-2);
+}
+.ua-divider-vertical::before,
+.ua-divider-vertical::after {
+  content: none; /* 垂直线：单线无伪元素 */
+}
+.ua-divider-vertical.ua-divider-dashed {
+  background: none;
+  border-left: 1px dashed var(--ua-color-border); /* 垂直虚线走边框 */
+}
+
 /* —— 徽标 —— */
 .ua-badge {
   display: inline-block;