iter(g09): 新增 descriptions 描述列表组件

packages/skin/ui/ui.css

@@ -1816,3 +1816,67 @@ button.ua-step-dot:hover {
     transition: none !important;
   }
 }
+
+/* —— 描述列表：label : value 网格，列数走 --ua-desc-col，窄屏自动单列 —— */
+.ua-desc {
+  display: grid;
+  grid-template-columns: repeat(var(--ua-desc-col, 3), minmax(0, 1fr));
+  gap: var(--ua-space-2) var(--ua-space-3);
+}
+.ua-desc-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ua-space-2);
+}
+.ua-desc-title {
+  color: var(--ua-color-text);
+  font-size: var(--ua-font-size-md);
+  font-weight: 600;
+}
+.ua-desc-item {
+  display: flex;
+  gap: var(--ua-space-2);
+  min-width: 0;
+  padding: 4px 0;
+}
+.ua-desc-label {
+  flex: 0 0 auto;
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-md);
+}
+.ua-desc-value {
+  min-width: 0;
+  color: var(--ua-color-text);
+  font-size: var(--ua-font-size-md);
+  overflow-wrap: anywhere;
+}
+.ua-desc-sm .ua-desc-label,
+.ua-desc-sm .ua-desc-value {
+  font-size: var(--ua-font-size-sm);
+}
+.ua-desc.is-bordered {
+  gap: 0;
+  border: 1px solid var(--ua-color-border);
+  border-radius: var(--ua-radius-md);
+  overflow: hidden;
+}
+.ua-desc.is-bordered .ua-desc-item {
+  padding: 0;
+  border-right: 1px solid var(--ua-color-border);
+  border-bottom: 1px solid var(--ua-color-border);
+}
+.ua-desc.is-bordered .ua-desc-label {
+  padding: 6px 10px;
+  background: color-mix(in srgb, var(--ua-color-text) 4%, transparent);
+  border-right: 1px solid var(--ua-color-border);
+  white-space: nowrap;
+}
+.ua-desc.is-bordered .ua-desc-value {
+  padding: 6px 10px;
+  flex: 1;
+}
+@media (max-width: 640px) {
+  .ua-desc {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}