.blog-card{color:inherit;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;min-height:clamp(176px,24vw,220px);padding:24px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 32px #00000014}@media (prefers-reduced-motion:reduce){.blog-card:hover{transform:none;box-shadow:0 8px 24px #0000000f}}.blog-card-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.blog-tag{letter-spacing:.02em;color:var(--accent);background:#f1543f1a;border-radius:999px;flex-shrink:0;width:fit-content;margin-bottom:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.blog-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;margin:0 0 3px;font-size:clamp(15px,1.15vw,18px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-desc-wrap{flex:1;align-items:center;min-height:0;display:flex}.blog-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin:auto 0 0;font-size:clamp(12px,.95vw,14px);line-height:1.45;display:-webkit-box;overflow:hidden}.blog-footer{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:16px;display:flex}.blog-date,.blog-read-time{color:var(--text-muted);font-size:11px}@media (max-width:640px){.blog-card{border-radius:12px;min-height:182px;padding:20px}.blog-tag{margin-bottom:4px;padding:3px 8px;font-size:10px}.blog-title{-webkit-line-clamp:2;margin-bottom:2px;font-size:15px}.blog-desc{-webkit-line-clamp:2;font-size:13px;line-height:1.4}.blog-date,.blog-read-time{font-size:11px}}
.blogs-home-page{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}.blogs-main{padding-top:var(--nav-height);flex-direction:column;flex:1;display:flex}.blogs-container{width:100%;max-width:960px;padding:var(--space-16)clamp(16px,4vw,36px)var(--space-xl);box-sizing:border-box;margin:0 auto}.blogs-header{margin-bottom:var(--space-xl);text-align:center}.blogs-header h1{color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em;opacity:0;font-size:32px;font-weight:600;line-height:1.2;animation:.6s forwards blogsHeaderFadeUp;transform:translateY(8px)}.blogs-subtitle{color:var(--text-muted);opacity:0;margin:0;font-size:16px;line-height:1.5;animation:.6s 80ms forwards blogsHeaderFadeUp;transform:translateY(8px)}@keyframes blogsHeaderFadeUp{to{opacity:1;transform:translateY(0)}}.blogs-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.blogs-empty{color:var(--text-muted);text-align:center;padding:var(--space-xxl);font-size:15px}@media (max-width:640px){.blogs-container{max-width:100%;padding:var(--space-16)}.blogs-header h1{font-size:28px}.blogs-subtitle{font-size:15px}.blogs-grid{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){.blogs-header h1,.blogs-subtitle{opacity:1;animation:none;transform:none}}