.blog-header{text-align:center;margin-top:48px;margin-bottom:40px}.blog-title{color:#0f1512;letter-spacing:-.02em;margin:0;font-size:3rem;font-weight:800;line-height:1.2}.blog-desc{color:#5a6c62;max-width:640px;margin:16px auto 0;font-size:1.125rem;line-height:1.6}.blog-filter-form{background:#f8faf9;border:1px solid #e5e9e7;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:48px;padding:20px;display:flex}.blog-filter-select,.blog-filter-input{background:#fff;border:1px solid #d0d7d3;border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.blog-filter-select:hover,.blog-filter-input:hover{border-color:#1170ff}.blog-filter-select:focus,.blog-filter-input:focus{border-color:#1170ff;box-shadow:0 0 0 3px #1170ff1a}.blog-filter-select{min-width:160px}.blog-filter-input{flex:1;min-width:220px}.blog-filter-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1170ff 0%,#0d5dd9 100%);border:none;border-radius:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #1170ff33}.blog-filter-btn:hover{background:linear-gradient(135deg,#0d5dd9 0%,#0a4cb3 100%);transform:translateY(-1px);box-shadow:0 4px 12px #1170ff4d}.blog-filter-btn:active{transform:translateY(0)}.blog-post-title{color:#0f1512;margin:12px 0 8px;font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .2s}.blog-post-summary{color:#5a6c62;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:3em;margin:0 0 12px;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-post-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.blog-post-tag{color:#1170ff;background:linear-gradient(135deg,#e8f1ff 0%,#dce8f9 100%);border:1px solid #c5d9f2;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600}.blog-pagination{justify-content:center;gap:8px;margin:64px 0 48px;display:flex}.blog-page-btn{color:#0f1512;text-align:center;background:#f8faf9;border:1px solid #e5e9e7;border-radius:8px;min-width:44px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .2s}.blog-page-btn:hover{color:#1170ff;background:#fff;border-color:#1170ff;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.blog-page-btn.active{color:#fff;background:linear-gradient(135deg,#1170ff 0%,#0d5dd9 100%);border-color:#1170ff;font-weight:700;box-shadow:0 4px 12px #1170ff4d}.blog-list{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;margin-bottom:32px;padding:0;display:grid}.blog-list>a{color:inherit;text-decoration:none;transition:transform .3s;display:block}.blog-list>a:hover .blog-post{border-color:#1170ff;box-shadow:0 12px 32px #0000001f}.blog-list>a:hover .blog-post-title{color:#1170ff}.blog-post{box-sizing:border-box;background:#fff;border:1px solid #e5e9e7;border-radius:12px;height:100%;padding:0;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.blog-post h2{color:#0f1512}.blog-post figure{margin:0 0 16px;padding:0;display:block;overflow:hidden}.blog-post figure>div{transition:transform .4s}.blog-list>a:hover .blog-post figure>div{transform:scale(1.05)}.blog-post>:not(figure){padding-left:20px;padding-right:20px}.blog-post>small{color:#7a8c82;padding-bottom:20px;font-size:.875rem;font-weight:500;display:block}@media (max-width:1024px){.blog-title{font-size:2.5rem}.blog-list{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.blog-header{margin-top:32px;margin-bottom:32px}.blog-title{font-size:2rem}.blog-desc{font-size:1rem}.blog-filter-form{flex-direction:column;gap:12px}.blog-filter-select,.blog-filter-input,.blog-filter-btn{width:100%}}@media (max-width:640px){.blog-list{grid-template-columns:1fr;gap:20px}.blog-title{font-size:1.75rem}}.blog-empty-state{text-align:center;color:#7a8c82;background:#f8faf9;border:2px dashed #d0d7d3;border-radius:12px;grid-column:1/-1;padding:80px 20px;font-size:1.125rem}.blog-empty-state p{margin:0;font-weight:500}