.blog-page{min-height:100vh}.container-wide{width:100%;max-width:1600px;padding:0 var(--space-2xl);margin:0 auto}.blog-hero{padding:var(--space-xl)0 var(--space-lg);text-align:center;background:linear-gradient(180deg,var(--color-bg-dark),var(--color-bg-medium));border-bottom:1px solid #4a9b9f33}.blog-hero h1{font-size:var(--text-5xl);margin-bottom:var(--space-md)}.blog-hero .subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);font-style:italic}.blog-filters{align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);padding:0 var(--space-md);display:flex}.blog-filters label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:800}.blog-filters select{padding:var(--space-sm)var(--space-lg);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);background:#1f304899;font-weight:600}.blog-filters select:hover{border-color:var(--color-primary-light);background:#4a9b9f1a}.blog-table-wrapper{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid #4a9b9f33;overflow:hidden}.blog-table{border-collapse:collapse;width:100%}.blog-table thead tr{background:#0a162880;border-bottom:1px solid #4a9b9f1a}.blog-table th{text-align:left;padding:var(--space-lg)var(--space-xl);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:800}.blog-table th.text-center{text-align:center}.blog-table tbody tr{transition:background var(--transition-fast);cursor:pointer;border-bottom:1px solid #ffffff08}.blog-table tbody tr:hover{background:#ffffff08}.blog-table tbody tr:last-child{border-bottom:none}.blog-table td{padding:var(--space-md)var(--space-xl);vertical-align:middle;color:var(--color-text-primary);font-size:var(--text-sm)}.blog-table td.text-center{text-align:center}.blog-thumb{border-radius:var(--radius-sm);background:var(--color-bg-medium);border:1px solid #ffffff1a;justify-content:center;align-items:center;width:60px;height:40px;display:flex;overflow:hidden}.blog-thumb img{object-fit:cover;width:100%;height:100%;display:block}.blog-thumb-placeholder{color:var(--color-text-muted)}.stat-cell{justify-content:center;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--text-xs);display:flex}.stat-cell.views{color:var(--color-text-muted)}.stat-cell.likes{color:#f472b6}.stat-cell.comments{color:#60a5fa}@media (max-width:1024px){.container-wide{padding:0 var(--space-lg)}}@media (max-width:768px){.container-wide{padding:0 var(--space-md)}.blog-hero h1{font-size:var(--text-3xl)}.blog-hero .subtitle{font-size:var(--text-base)}.blog-table-wrapper{overflow:visible}.blog-table thead{display:none}.blog-table tbody{display:block}.blog-table tbody tr{margin-bottom:var(--space-lg);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid #4a9b9f4d;display:block}.blog-table tbody tr:hover{background:#1f3048e6}.blog-table td{padding:var(--space-sm)0;border-bottom:1px solid #4a9b9f1a;display:block;text-align:left!important}.blog-table td:last-child{border-bottom:none}.blog-table td:before{content:attr(data-label);text-transform:uppercase;font-weight:800;font-size:var(--text-xs);color:var(--color-primary);margin-bottom:var(--space-xs);letter-spacing:.1em;display:block}.blog-thumb{width:100%;height:200px;margin-bottom:var(--space-sm)}.stat-cell{font-size:var(--text-sm);justify-content:flex-start}}@media (max-width:480px){.blog-hero h1{font-size:var(--text-2xl)}.blog-filters{flex-direction:column;align-items:stretch}.blog-filters select{width:100%}}