.friends-section{max-width:860px}.friends-intro{font-size:14.5px;color:var(--text-soft);line-height:1.8}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:26px}.friend-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 20px 22px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.friend-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.4);box-shadow:var(--shadow-hover)}.friend-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--bg-soft);box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--accent-soft);transition:transform .3s ease;margin-bottom:14px}.friend-card:hover .friend-avatar{transform:scale(1.08)}.friend-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-soft))}.friend-info{min-width:0;width:100%}.friend-name{font-size:16.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.friend-card:hover .friend-name{color:var(--accent)}.friend-desc{margin-top:6px;font-size:13.5px;line-height:1.6;color:var(--text-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}@media(max-width:640px){.friend-grid{grid-template-columns:1fr 1fr;gap:12px}.friend-card{padding:20px 14px 16px}.friend-avatar{width:60px;height:60px}.friend-name{font-size:15px}.friend-desc{font-size:12.5px}.friend-arrow{font-size:12.5px}}@media(max-width:420px){.friend-grid{grid-template-columns:1fr 1fr;gap:10px}.friend-card{padding:16px 10px 14px}.friend-avatar{width:52px;height:52px;margin-bottom:10px}.friend-name{font-size:14px}.friend-desc{font-size:12px;-webkit-line-clamp:2}}