.ui-user-card { display: flex; align-items: center; background: var(--color-bg-card); padding: var(--spacing-3) var(--spacing-page-x); border-bottom: 1rpx solid var(--color-divider); } .ui-user-card__select { margin-right: var(--spacing-3); } .ui-user-card__checkbox { width: 40rpx; height: 40rpx; border-radius: 50%; border: 2rpx solid var(--color-text-disabled); position: relative; background: var(--color-bg-card); transition: all var(--motion-fast) var(--ease-standard); } .ui-user-card__checkbox--checked { background: var(--color-primary); border-color: var(--color-primary); } .ui-user-card__checkbox--checked::after { content: ''; position: absolute; left: 12rpx; top: 6rpx; width: 10rpx; height: 18rpx; border: solid #FFFFFF; border-width: 0 3rpx 3rpx 0; transform: rotate(45deg); } .ui-user-card__body { flex: 1; min-width: 0; margin-left: var(--spacing-3); } .ui-user-card__name-row { display: flex; align-items: baseline; margin-bottom: var(--spacing-1); } .ui-user-card__name { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-text-primary); margin-right: var(--spacing-2); } .ui-user-card__age { font-size: var(--font-size-sm); color: var(--color-text-tertiary); } .ui-user-card__meta { font-size: var(--font-size-sm); color: var(--color-text-secondary); line-height: var(--line-height-normal); margin-top: 4rpx; } .ui-user-card__actions { flex-shrink: 0; margin-left: var(--spacing-2); }