.friends-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:10px 0}.friends-item{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 15px rgba(0,0,0,.05);transition:all .3s ease;display:flex;gap:16px;align-items:flex-start;text-decoration:none}.friends-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.09)}.friends-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #eee}.friends-info{flex:1}.friends-name{font-size:17px;font-weight:600;color:#111;margin-bottom:6px}.friends-desc{font-size:14px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:640px){.friends-list{grid-template-columns:1fr}.friends-item{padding:16px}.friends-avatar{width:56px;height:56px}}