iter(g144): 新增头像组组件 avatarGroup

packages/skin/ui/ui.css

@@ -4439,3 +4439,25 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   gap: var(--ua-space-2);
   padding-bottom: var(--ua-space-1);
 }
+
+/* —— 头像组：负边距叠放，底色描边切出入口 —— */
+.ua-avatar-group {
+  display: inline-flex;
+  align-items: center;
+}
+.ua-avatar-group > .ua-avatar {
+  margin-left: calc(-1 * var(--ua-space-2));
+  box-shadow: 0 0 0 2px var(--ua-color-bg);
+}
+.ua-avatar-group > .ua-avatar:first-child {
+  margin-left: 0;
+}
+.ua-avatar-group > .ua-avatar:hover {
+  position: relative;
+  z-index: 1; /* 悬停的那个压在最上面，不被后一个盖住 */
+}
+.ua-avatar-more {
+  background: color-mix(in srgb, var(--ua-color-text-muted) 18%, transparent);
+  color: var(--ua-color-text);
+  font-weight: 500;
+}