.blog{background-color:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.blog-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.blog-title{color:var(--color-text);margin:0 0 var(--spacing-sm)0;font-size:24px;font-weight:700}.blog-description{color:var(--color-text-secondary);margin:0;font-size:14px}.blog-content{padding:var(--spacing-xl);flex:1;padding-bottom:100px;overflow-y:auto}.blog-empty{min-height:200px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:15px;display:flex}.blog-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-content:start;display:grid}.blog-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-light)}.blog-card-image{aspect-ratio:16/9;background-color:var(--color-bg-tertiary);width:100%;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%}.blog-card-body{padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.blog-card-meta{align-items:center;gap:var(--spacing-sm);font-size:12px;display:flex}.blog-card-category{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-weight:600}.blog-card-date{color:var(--color-text-muted)}.blog-card-title{color:var(--color-text);margin:0;font-size:18px;font-weight:600;line-height:1.35}.blog-card-description{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-tags{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.blog-card-tag{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:2px 8px;font-size:11px}.pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);display:flex}.pagination-btn{color:var(--color-text);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn-disabled{color:var(--color-text-muted);cursor:default;opacity:.5}.pagination-btn-disabled:hover{border-color:var(--color-border);color:var(--color-text-muted)}.pagination-info{color:var(--color-text-secondary);font-size:14px}@media (max-width:768px){.blog-header{padding-left:70px;padding-right:var(--spacing-md)}.blog-title{font-size:20px}.blog-content{padding:var(--spacing-md)}.blog-grid{grid-template-columns:1fr}}