iter: b02 新增 toast 消息提示组件（四语义工厂 + 右上角堆叠 + 3s 自动消失）

packages/skin/ui/ui.css

@@ -379,6 +379,48 @@
   background: color-mix(in srgb, var(--ua-color-danger) 12%, transparent);
 }
 
+/* —— toast 消息提示：右上角堆叠，转瞬即逝 —— */
+.ua-toast-host {
+  position: fixed;
+  top: var(--ua-space-4);
+  right: var(--ua-space-4);
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--ua-space-2);
+  pointer-events: none;
+}
+.ua-toast {
+  padding: var(--ua-space-2) var(--ua-space-3);
+  border-radius: var(--ua-radius-md);
+  border: 1px solid;
+  font-size: var(--ua-font-size-md);
+  opacity: 0;
+  transform: translateX(12px);
+  transition: opacity 0.22s ease-out, transform 0.22s ease-out;
+}
+.ua-toast.ua-open {
+  opacity: 1;
+  transform: translateX(0);
+}
+.ua-toast-info {
+  border-color: var(--ua-color-accent);
+  background: color-mix(in srgb, var(--ua-color-accent) 8%, var(--ua-color-bg));
+}
+.ua-toast-success {
+  border-color: var(--ua-color-success);
+  background: color-mix(in srgb, var(--ua-color-success) 10%, var(--ua-color-bg));
+}
+.ua-toast-warning {
+  border-color: var(--ua-color-warning);
+  background: color-mix(in srgb, var(--ua-color-warning) 10%, var(--ua-color-bg));
+}
+.ua-toast-danger {
+  border-color: var(--ua-color-danger);
+  background: color-mix(in srgb, var(--ua-color-danger) 10%, var(--ua-color-bg));
+}
+
 /* —— 加载指示器 —— */
 .ua-spinner {
   display: inline-block;
@@ -664,6 +706,7 @@
   .ua-progress-fill::after,
   .ua-alert,
   .ua-tip,
+  .ua-toast,
   .ua-form-error,
   .ua-modal,
   .ua-modal-overlay {