.friend-card-horizontal[data-v-d601938e]{display:flex;align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:20px;transition:all .3s ease;border:1px solid #f0f0f0;max-width:500px;margin:15px 0}.friend-card-horizontal[data-v-d601938e]:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.card-avatar[data-v-d601938e]{flex-shrink:0;margin-right:20px}.avatar-container[data-v-d601938e]{width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid #e8e8e8;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.avatar[data-v-d601938e]{width:100%;height:100%;object-fit:cover;display:block}.card-content[data-v-d601938e]{flex:1;display:flex;justify-content:space-between;align-items:center;gap:15px}.card-main[data-v-d601938e]{flex:1}.blog-name[data-v-d601938e]{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0 0 5px}.blog-url[data-v-d601938e]{font-size:.85rem;color:#6c757d;margin:0 0 10px;word-break:break-all}.message[data-v-d601938e]{font-size:.9rem;color:#555;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visit-btn[data-v-d601938e]{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease;flex-shrink:0;white-space:nowrap}.visit-btn[data-v-d601938e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.visit-btn svg[data-v-d601938e]{transition:transform .3s ease}.visit-btn:hover svg[data-v-d601938e]{transform:translate(2px)}@media(max-width:768px){.friend-card-horizontal[data-v-d601938e]{padding:15px;max-width:100%}.avatar-container[data-v-d601938e]{width:60px;height:60px}.card-avatar[data-v-d601938e]{margin-right:15px}.card-content[data-v-d601938e]{flex-direction:column;align-items:flex-start;gap:12px}.visit-btn[data-v-d601938e]{align-self:flex-end}}@media(max-width:480px){.friend-card-horizontal[data-v-d601938e]{flex-direction:column;text-align:center;padding:20px}.card-avatar[data-v-d601938e]{margin-right:0;margin-bottom:15px}.card-content[data-v-d601938e]{align-items:center;text-align:center}.visit-btn[data-v-d601938e]{align-self:center}}