iter(g329): 新增 editable 行内编辑

packages/skin/ui/ui.css

@@ -6193,3 +6193,55 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   break-inside: avoid; /* 卡片不被拆到两列：图片墙里断半截最刺眼 */
   page-break-inside: avoid; /* 打印时同样不拆断 */
 }
+
+/* —— 行内编辑 —— */
+.ua-editable {
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--ua-space-05);
+  min-width: 0;
+  max-width: 100%;
+}
+.ua-editable-view {
+  margin: 0 calc(-1 * var(--ua-space-1)); /* 反向外扩：hover 底的 padding 不改变文字基线位置，进出编辑态不跳 */
+  padding: 0 var(--ua-space-1);
+  border: 1px dashed transparent; /* 静止态不占视觉，hover 才显出「这里能改」 */
+  border-radius: var(--ua-radius-sm);
+  background: transparent;
+  color: var(--ua-color-text);
+  font: inherit;
+  text-align: left;
+  cursor: text;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), background var(--ua-duration-fast) var(--ua-ease);
+}
+.ua-editable-view:hover:not(:disabled) {
+  border-color: var(--ua-color-border);
+  background: var(--ua-color-surface-2);
+}
+.ua-editable-view:disabled {
+  color: var(--ua-color-text-muted);
+  cursor: not-allowed;
+}
+.ua-editable-view.is-empty {
+  color: var(--ua-color-text-muted); /* 空值给占位口气，但仍是可点区域 */
+}
+.ua-editable-input {
+  box-sizing: border-box;
+  width: 100%;
+  padding: var(--ua-space-1) var(--ua-space-2);
+  border: 1px solid var(--ua-color-accent); /* 编辑态直接上主题色描边：与静止态一眼可分 */
+  border-radius: var(--ua-radius-sm);
+  background: var(--ua-color-bg);
+  color: var(--ua-color-text);
+  font: inherit;
+  line-height: var(--ua-leading-normal);
+  box-shadow: var(--ua-focus-ring);
+}
+.ua-editable-input[aria-invalid='true'] {
+  border-color: var(--ua-color-danger);
+  box-shadow: var(--ua-focus-ring-danger);
+}
+.ua-editable-error {
+  font-size: var(--ua-font-size-sm);
+  color: var(--ua-color-danger);
+}