.blog-card{display:flex;flex-direction:column;background:var(--tf-color-card-bg);backdrop-filter:blur(var(--tf-glass-blur-md));-webkit-backdrop-filter:blur(var(--tf-glass-blur-md));border:1px solid var(--tf-accent-22);border-radius:var(--tf-radius-xl);overflow:hidden;transition:var(--tf-transition-smooth);position:relative;clip-path:polygon(0 0,calc(100% - var(--tf-clip-angle)) 0,100% var(--tf-clip-angle),100% 100%,0 100%)}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tf-color-accent),var(--tf-color-secondary));opacity:0;transition:opacity .3s ease;z-index:2}.blog-card:hover{transform:translateY(-6px);border-color:var(--tf-color-accent);filter:drop-shadow(0 20px 45px var(--tf-accent-18)) drop-shadow(0 0 35px var(--tf-accent-10))}.blog-card:hover:before{opacity:1}.blog-cover{width:100%;height:var(--tf-cover-height);border-bottom:1px solid var(--tf-color-card-border);transition:transform .6s ease}.blog-card:hover .blog-cover{transform:scale(1.08)}.blog-info{flex:1;display:flex;flex-direction:column;padding:var(--tf-space-6)}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.88rem;color:var(--tf-color-text-secondary)}.blog-date{font-family:var(--tf-font-code);color:var(--tf-color-accent);font-weight:600}.blog-title{font-family:var(--tf-font-body);font-size:1.35rem;font-weight:600;margin-bottom:.75rem;color:var(--tf-color-text-primary);line-height:var(--tf-leading-tight);transition:color .3s ease}.blog-card:hover .blog-title{color:var(--tf-color-accent)}.blog-excerpt{flex:1;color:var(--tf-color-text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1.2rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto}.blog-like-badge{position:absolute;top:.85rem;right:.85rem;z-index:5;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;background:var(--tf-color-bg-elevated);border:1px solid var(--tf-accent-30);border-radius:var(--tf-radius-pill);color:var(--tf-color-accent);font-size:.75rem;font-weight:600;font-family:var(--tf-font-code);letter-spacing:.02em;backdrop-filter:blur(var(--tf-glass-blur-sm));-webkit-backdrop-filter:blur(var(--tf-glass-blur-sm));pointer-events:none;line-height:1}.blog-like-badge svg{flex-shrink:0;opacity:.85}.blog-like-count{min-width:.6em;text-align:center}html.light .blog-like-badge{background:#f8fafc;border-color:#0369a133;color:#0369a1}html.light .blog-like-badge svg{opacity:.7}@media (prefers-reduced-motion: reduce){.blog-card{transition:none!important}.blog-card:hover{transform:none!important}.blog-cover{transition:none!important}.blog-card:hover .blog-cover{transform:none!important}.blog-like-badge{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (max-width: 768px){.blog-info{padding:var(--tf-space-4)}.blog-title{font-size:1.15rem}.blog-meta{font-size:.84rem}.blog-excerpt{font-size:.88rem}}@media (max-width: 640px){.blog-title{font-size:1.1rem}.blog-meta{font-size:.8rem}.blog-excerpt{font-size:.85rem}.blog-like-badge{top:.6rem;right:.6rem;padding:.2rem .5rem;font-size:.7rem}}@media (min-width: 1400px){.blog-info{padding:var(--tf-card-padding)}}