.friend-card{display:inline-block;vertical-align:top;width:180px;height:150px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,5%);position:relative;text-decoration:none;color:inherit;transition:transform .2s ease;margin:.5rem;padding:1rem 1rem .8rem;box-sizing:border-box}@media(max-width:768px){.friend-card{width:calc(50% - 1rem);margin:.4rem}}.friend-card:hover{transform:translateY(-4px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.card-logo img{width:40px;height:40px;border-radius:6px;object-fit:cover}.card-tags{display:flex;gap:.3rem}.card-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;color:#fff;font-weight:700;line-height:1.2}.card-title{font-weight:700;font-size:1rem;margin-bottom:.5rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:.85rem;color:#666;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.tag-code{background-color:#3b82f6}.tag-hugo{background-color:#ff3db4}.tag-life{background-color:#10b981}.tag-design{background-color:#f59e0b}.tag-misc{background-color:#8b5cf6}