iter(g164): 描述列表支持竖排与标题操作区

packages/skin/ui/ui.css

@@ -2247,6 +2247,29 @@ button.ua-step-dot:hover {
   font-size: var(--ua-font-size-md);
   font-weight: 600;
 }
+.ua-desc-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ua-space-3);
+  min-width: 0;
+}
+.ua-desc-extra {
+  display: flex;
+  align-items: center;
+  gap: var(--ua-space-1);
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-sm);
+}
+.ua-desc.is-vertical .ua-desc-item {
+  flex-direction: column;
+  gap: 2px; /* 竖排时字段名与值贴紧，避免看成两行内容 */
+}
+.ua-desc.is-vertical.is-bordered .ua-desc-label {
+  border-right: 0;
+  background: transparent;
+  padding-bottom: 0;
+}
 .ua-desc-item {
   display: flex;
   gap: var(--ua-space-2);