.blog{padding:var(--space-xl) 0 var(--space-2xl)}.blog__head{text-align:center;margin-bottom:var(--space-xl)}.blog__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-xs)}.blog__subtitle{color:var(--text-secondary);font-size:var(--fs-md)}.blog__empty{text-align:center;color:var(--text-secondary);padding:var(--space-2xl) 0}.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-lg);gap:var(--space-lg)}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color,rgba(0,0,0,.06));text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.1)}.blog-card__cover{aspect-ratio:16/9;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-card__cover img{width:100%;height:100%;object-fit:cover}.blog-card__placeholder{font-size:42px;opacity:.4}.blog-card__body{padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1}.blog-card__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:1.3}.blog-card__excerpt{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5;flex:1 1}.blog-card__meta{font-size:var(--fs-xs);color:var(--text-tertiary,var(--text-secondary));margin-top:var(--space-xs)}.blog-article{max-width:760px}.blog-article__back{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:var(--fs-sm);margin-bottom:var(--space-lg)}.blog-article__back:hover{color:var(--color-primary,#ff7a00)}.blog-article__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:1.2;margin-bottom:var(--space-sm)}.blog-article__meta{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--space-lg)}.blog-article__cover{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.blog-article__cover img{width:100%;display:block}.blog-article__body{font-size:var(--fs-md);line-height:1.7;color:var(--text-primary)}.blog-article__body p{margin-bottom:var(--space-md)}@media (max-width:900px){.blog__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog__grid{grid-template-columns:1fr}}