.ui-avatar {
  position: relative;
  flex-shrink: 0;
  background: var(--color-bg-disabled);
  overflow: hidden;
}
.ui-avatar--circle { border-radius: 50%; }
.ui-avatar--square { border-radius: var(--radius-md); }

/* 尺寸：sm 60 / md 88 / lg 120 / xl 160 */
.ui-avatar--sm { width: 60rpx; height: 60rpx; }
.ui-avatar--md { width: 88rpx; height: 88rpx; }
.ui-avatar--lg { width: 120rpx; height: 120rpx; }
.ui-avatar--xl { width: 160rpx; height: 160rpx; }

.ui-avatar__img {
  width: 100%;
  height: 100%;
  display: block;
}
.ui-avatar__fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary-light);
}
.ui-avatar__fallback-text {
  font-size: var(--font-size-lg);
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
}
.ui-avatar__fallback-icon {
  width: 100%;
  height: 100%;
}
.ui-avatar__badges {
  position: absolute;
  bottom: -4rpx;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6rpx;
}
.ui-avatar__badge {
  font-size: 16rpx;
  line-height: 1;
  padding: 4rpx 8rpx;
  border-radius: var(--radius-full);
  color: #FFFFFF;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
.ui-avatar__badge--verified { background: var(--color-success); }
.ui-avatar__badge--reviewed { background: var(--color-info); }

/* 小尺寸时隐藏徽标避免溢出 */
.ui-avatar--sm .ui-avatar__badges { display: none; }