.blog-page[data-v-13da36a1]{max-width:var(--sm-max-width);margin:0 auto;padding:32px var(--sm-page-padding) 64px}.page-head[data-v-13da36a1]{text-align:center;margin-bottom:24px}.page-head h1[data-v-13da36a1]{font-size:26px;font-weight:800;margin:0 0 8px}.page-head p[data-v-13da36a1]{font-size:15px;color:var(--sm-text-secondary)}.category-tabs[data-v-13da36a1]{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px}.cat-pill[data-v-13da36a1]{border:1px solid var(--sm-border-light);background:#fff;color:var(--sm-text-secondary);padding:7px 16px;border-radius:999px;font-size:14px;cursor:pointer;transition:all .2s}.cat-pill[data-v-13da36a1]:hover{border-color:var(--sm-primary);color:var(--sm-primary)}.cat-pill--active[data-v-13da36a1]{background:var(--sm-primary);border-color:var(--sm-primary);color:#fff}.blog-grid[data-v-13da36a1]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card[data-v-13da36a1]{border-radius:var(--sm-radius-xl);border:1px solid var(--sm-border-light);overflow:hidden;cursor:pointer;background:#fff;transition:transform .2s,box-shadow .2s}.blog-card[data-v-13da36a1]:hover{transform:translateY(-3px);box-shadow:var(--sm-shadow-card-hover)}.blog-card__cover[data-v-13da36a1]{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--sm-bg)}.blog-card__cover[data-v-13da36a1] .el-image{width:100%;height:100%}.blog-card__placeholder[data-v-13da36a1]{display:flex;align-items:center;justify-content:center;height:100%;font-size:40px;font-weight:800;color:var(--sm-primary);background:var(--sm-primary-muted)}.blog-card__cat[data-v-13da36a1]{position:absolute;top:10px;left:10px;background:#0000008c;color:#fff;font-size:11px;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-card__body[data-v-13da36a1]{padding:16px}.blog-card__body h3[data-v-13da36a1]{margin:0 0 8px;font-size:16px;font-weight:650;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt[data-v-13da36a1]{margin:0 0 12px;font-size:13px;color:var(--sm-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta[data-v-13da36a1]{display:flex;gap:14px;font-size:12px;color:var(--sm-text-muted)}.blog-card__meta span[data-v-13da36a1]{display:flex;align-items:center;gap:3px}.empty[data-v-13da36a1]{text-align:center;padding:60px;color:var(--sm-text-muted)}@media(max-width:768px){.blog-grid[data-v-13da36a1]{grid-template-columns:1fr}}