iter: d10 toast 手动关闭 + 堆叠上限

packages/skin/ui/ui.css

@@ -741,6 +741,9 @@
   pointer-events: none;
 }
 .ua-toast {
+  display: flex;
+  align-items: center;
+  gap: var(--ua-space-3);
   padding: var(--ua-space-2) var(--ua-space-3);
   border-radius: var(--ua-radius-md);
   border: 1px solid;
@@ -753,6 +756,23 @@
   opacity: 1;
   transform: translateX(0);
 }
+/* 仅带关闭按钮的 toast 接收指针，其余保持穿透不挡页面 */
+.ua-toast.is-closable {
+  pointer-events: auto;
+}
+.ua-toast-close {
+  padding: 0 2px;
+  border: none;
+  background: none;
+  color: var(--ua-color-text-muted);
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+  transition: color 0.15s;
+}
+.ua-toast-close:hover {
+  color: var(--ua-color-text);
+}
 .ua-toast-info {
   border-color: var(--ua-color-accent);
   background: color-mix(in srgb, var(--ua-color-accent) 8%, var(--ua-color-bg));