.blog-hero-content{padding-bottom:72px}@media (max-width:479px){.blog-hero-content{padding-bottom:56px}}.blog-hero-stats{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.blog-stat{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);text-align:left}.blog-stat-icon{width:44px;height:44px;background:var(--color-primary-surface);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-stat-icon svg{width:20px;height:20px;color:var(--color-primary)}.blog-stat-num{font-size:28px;font-weight:700;letter-spacing:-.8px;line-height:1;color:var(--color-text)}.blog-stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;line-height:1.3}.blog-controls{background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--container-padding);position:sticky;top:var(--header-height);z-index:10}.blog-controls-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;gap:var(--space-4)}.blog-search{position:relative;flex-shrink:0;width:220px}.blog-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--color-text-tertiary);pointer-events:none}.blog-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-family);color:var(--color-text);background:var(--color-surface-1);outline:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.blog-search-input:focus{border-color:var(--color-primary);background:var(--color-bg)}.blog-search-input::placeholder{color:var(--color-text-tertiary)}.blog-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.blog-chip{padding:5px 14px;border-radius:var(--radius-full);font-size:12.5px;font-weight:500;font-family:var(--font-family);cursor:pointer;border:1px solid var(--color-border-hover);background:0 0;color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.blog-chip:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-surface)}.blog-chip.active{background:var(--color-primary-surface);border-color:var(--color-primary-light);color:var(--color-primary);font-weight:500}.blog-content{padding:var(--space-8) 0 var(--space-12)}.blog-content .container{max-width:var(--container-max)}.blog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:stretch}a.blog-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .3s var(--ease-out);text-decoration:none;color:inherit;cursor:pointer}a.blog-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}a.blog-card.hidden{display:none}.blog-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.blog-card__date{font-size:11.5px;color:var(--color-text-tertiary);white-space:nowrap}.blog-card__category{font-size:10.5px;font-weight:500;padding:3px 9px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;background:var(--color-primary-surface);color:var(--color-primary)}.blog-card__title{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--color-text)}.blog-card__desc{font-size:12.5px;color:var(--color-text-secondary);line-height:1.55;flex:1}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:auto}.blog-card__author{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--color-text-tertiary);flex-shrink:0}.blog-card__author-icon{width:14px;height:14px;color:var(--color-text-tertiary)}.blog-card__reading-time{font-size:11px;color:var(--color-text-tertiary);white-space:nowrap}.blog-card__tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.blog-card__tag{font-size:10.5px;padding:2px 7px;border-radius:4px;font-weight:500;background:var(--color-surface-2);color:var(--color-text-tertiary)}.blog-empty{display:none;text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-sm)}.blog-empty.show{display:block}@media (max-width:767px){.blog-hero-stats{flex-direction:column;align-items:center}.blog-stat{width:100%;max-width:300px}.blog-controls-inner{flex-direction:column;gap:var(--space-3)}.blog-search{width:100%}.blog-chips{flex-wrap:wrap;justify-content:flex-start}.blog-cards{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.blog-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-cards{grid-template-columns:repeat(3,1fr)}}