.blog-hero{background:var(--brand);padding:calc(var(--section-sp) + 40px) 0 var(--section-sp);text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";z-index:1;background:radial-gradient(circle at 70% 30%,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.blog-hero .container{z-index:2;position:relative}.blog-hero h1{font-size:var(--fs-h1);color:#fff;letter-spacing:-.02em;margin-bottom:20px;font-weight:900}.blog-hero p{font-size:var(--fs-body-lg);color:#ffffffd9;max-width:600px;margin:0 auto}.blog-filters{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f7fbcc;flex-wrap:wrap;justify-content:center;gap:12px;padding:40px 0;display:flex;position:sticky;top:100px}.filter-btn{border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#fff;padding:10px 24px;font-weight:600}.filter-btn:hover,.filter-btn.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 8px 20px #7b82f44d}.blog-grid-section{padding:60px 0 var(--section-sp)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-card{border:1px solid var(--border-light);transition:var(--transition);background:#fff;border-radius:32px;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-xl);border-color:var(--brand-light);transform:translateY(-10px)}.blog-img-wrap{height:240px;position:relative;overflow:hidden}.blog-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-img-wrap img{transform:scale(1.1)}.blog-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--brand);text-transform:uppercase;letter-spacing:.05em;z-index:2;background:#ffffffe6;border-radius:12px;padding:6px 14px;font-size:11px;font-weight:800;position:absolute;top:20px;left:20px}.blog-content{flex-direction:column;flex-grow:1;padding:32px;display:flex}.blog-meta{color:var(--text-secondary);gap:16px;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.blog-content h3{color:var(--text);margin-bottom:16px;font-size:20px;font-weight:800;line-height:1.4}.blog-content p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:24px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-link{color:var(--brand);align-items:center;gap:8px;margin-top:auto;font-size:15px;font-weight:700;display:flex}.blog-link svg{transition:transform .3s}.blog-link:hover svg{transform:translate(5px)}.blog-pagination{justify-content:center;gap:8px;margin-top:60px;display:flex}.page-link{border:1px solid var(--border-light);width:44px;height:44px;color:var(--text-secondary);transition:var(--transition);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-weight:600;display:flex}.page-link.active,.page-link:hover{background:var(--brand);color:#fff;border-color:var(--brand)}@media (width<=1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog-hero{padding:calc(var(--section-sp) * .5 + 80px) 0 40px}.blog-hero h1{margin-bottom:12px;font-size:32px}.blog-hero p{font-size:15px}.blog-filters{gap:8px;padding:20px 0;top:70px}.filter-btn{border-radius:12px;padding:8px 16px;font-size:13px}.blog-grid-section{padding:30px 0 60px}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-content{padding:20px}.blog-content h3{font-size:18px}}