.user-list-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md,12px);min-height:60px;padding:.375rem var(--spacing-md,12px);transition:background-color var(--transition-fast,.2s ease);width:100%}.platform-web .user-list-item:hover{background-color:var(--gray-background-color,#f5f5f5)}.user-list-item-avatar{flex-shrink:0;height:56px;width:56px}.user-list-item-avatar-img{background-color:var(--gray-background-color,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);border-radius:50%;height:100%;object-fit:cover;width:100%}.user-list-item-content{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xxs,2px);min-width:0}.user-list-item-username{color:var(--text-primary,#1d1d1f);font-size:1.1rem;font-weight:var(--font-weight-semibold,600);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-item-subtitle{color:var(--text-secondary,#6e6e73);font-size:.9rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-item-follow-btn{align-items:center;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--border-radius-md,8px);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:var(--font-weight-semibold,600);gap:var(--spacing-xxs,4px);justify-content:center;min-width:80px;padding:var(--spacing-xs,6px) var(--spacing-md,16px);transition:all var(--transition-fast,.2s ease);white-space:nowrap}.user-list-item-follow-btn:focus{box-shadow:0 0 0 3px rgba(54,134,255,.1);outline:none}.user-list-item-follow-btn:disabled{cursor:not-allowed;opacity:var(--opacity-disabled,.6)}.user-list-item-follow-btn-primary{background-color:var(--primary-color,#3686ff);border-color:var(--primary-color,#3686ff);color:#fff}.user-list-item-follow-btn-primary:hover:not(:disabled){background-color:var(--primary-color-hover,#2a6fd9);border-color:var(--primary-color-hover,#2a6fd9)}.user-list-item-follow-btn-primary:active:not(:disabled){background-color:var(--primary-color-active,#1f5bb3);border-color:var(--primary-color-active,#1f5bb3)}.user-list-item-follow-btn-secondary{background-color:var(--widget-background-color,#fff);border-color:var(--border-color,#e0e0e0);color:var(--text-primary,#1d1d1f)}.user-list-item-follow-btn-secondary:hover:not(:disabled){background-color:var(--gray-background-color,#f5f5f5);border-color:var(--border-color,#e0e0e0)}.user-list-item-follow-btn-secondary:active:not(:disabled){background-color:var(--secondary-background-color-hover,#e8e8ed);border-color:var(--border-color,#e0e0e0)}.user-list-item-loading-spinner{animation:user-list-item-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;display:inline-block;height:14px;width:14px}@keyframes user-list-item-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.user-list-item,.user-list-item-follow-btn,.user-list-item-loading-spinner{animation:none;transition:none}}