.blog-page{background:var(--bg-base);min-height:100vh}.blog-hero{padding:var(--space-20) 0;text-align:center;border-bottom:1px solid var(--border-light);background:var(--bg-base)}.blog-hero h1{font-size:var(--text-6xl);font-weight:var(--font-black);letter-spacing:-.05em;margin-bottom:var(--space-4)}.blog-hero p{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-grid{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.blog-error-note{color:#991b1b;border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-8);background:#fef2f2;border:1px solid #fecaca}.blog-empty-state{margin-top:var(--space-10);border:1px dashed var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--text-secondary)}.blog-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:transform var(--transition-medium), box-shadow var(--transition-medium);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-4px)}.blog-cover-wrap{aspect-ratio:16/9;border-bottom:1px solid var(--border-light);background:var(--bg-subtle);width:100%;overflow:hidden}.blog-cover-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-card-content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-date{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.blog-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-3);line-height:1.3}.blog-excerpt{font-size:var(--text-base);color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;margin-bottom:var(--space-4);-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more{font-weight:var(--font-bold);color:var(--primary);font-size:var(--text-sm);align-items:center;gap:var(--space-1);margin-top:auto;display:flex}.pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-16);padding-bottom:var(--space-16);display:flex}.page-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-hero h1{font-size:var(--text-4xl)}}