.yaan-blog-card-container{font-family:var(--font-inter), sans-serif;background-color:#fff;border:1px solid #eaeaea;border-radius:20px;flex-direction:column;gap:20px;height:100%;padding:24px;transition:box-shadow .3s;display:flex}.yaan-blog-card-container:hover{box-shadow:0 10px 30px #0000000d}.yaan-blog-card-header{justify-content:space-between;align-items:center;display:flex}.yaan-blog-card-category{color:#111827;font-size:13px;font-weight:700}.yaan-blog-card-heart-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.yaan-blog-card-heart-btn:hover{color:#ef4444}.yaan-blog-card-image-placeholder{background-color:#0000;border-radius:12px;width:100%;height:180px}.yaan-blog-card-image{background-position:50%;background-size:cover;border-radius:12px;width:100%;height:180px}.yaan-blog-card-content{flex-direction:column;flex-grow:1;gap:12px;display:flex}.yaan-blog-card-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.yaan-blog-card-meta-item{align-items:center;gap:6px;display:flex}.yaan-blog-card-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.yaan-blog-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.yaan-blog-card-author{align-items:center;gap:10px;display:flex}.yaan-blog-card-avatar{border-radius:50%;width:32px;height:32px;overflow:hidden}.yaan-blog-card-avatar img{object-fit:cover;width:100%;height:100%}.yaan-blog-card-avatar-placeholder{background-color:#d1d5db;width:100%;height:100%}.yaan-blog-card-author-name{color:#111827;font-size:14px;font-weight:600}.yaan-blog-card-read-btn{color:#111827;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.yaan-blog-card-read-btn:hover{background-color:#e5e7eb}