.blog-container{position:relative;min-height:100vh;padding:100px 0}.blog-header-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:300px;background:linear-gradient(180deg,#f2efe9,#f2efe900);opacity:.7}h2{font-weight:700;font-size:42px;color:#101827;line-height:44px;text-align:center;margin-bottom:60px}.slug-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 32px}.slug-item{height:47px;padding:0 24px;border:1px solid #E7E7E7;color:#6b7280;font-weight:500;font-size:15px;line-height:47px;text-align:center;border-radius:24px;cursor:pointer}.slug-active{background-color:#c2a26c;color:#fff;border:none}.blog-list-content{margin:60px 0}p.empty{font-size:18px;color:#101827;text-align:center;grid-column:1 / -1}.blog-card-list{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px 40px}.blog-card{flex:1;display:flex;flex-direction:column;cursor:pointer}.blog-card:hover .blog-title{color:#c2a26c}.blog-img{width:100%;height:300px;overflow:hidden;position:relative}.blog-img img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-content{font-weight:700;font-size:16px;color:#6b7280;line-height:16px;margin:30px 0 22px}.blog-title{font-weight:700;font-size:22px;color:#333;line-height:32px}.paging-list{display:flex;justify-content:center;align-items:center;gap:0 16px}.btn-item{width:36px;height:36px;background:#e7e7e7;display:flex;justify-content:center;align-items:center;font-weight:500;font-size:15px;color:#4b5563;cursor:pointer}.paging-list .paging-active{background-color:#c2a26c;color:#fff}@media (min-width: 769px)and (max-width: 1200px){.blog-container{padding:60px 0}.blog-card-list{grid-template-columns:1fr 1fr;gap:30px 15px;align-items:start}.blog-img{height:250px}.blog-img img{position:relative}}@media (max-width: 769px){.blog-container{padding:40px 0}h2{font-size:30px;margin-bottom:40px}.slug-list{gap:12px 15px}.slug-item{height:32px;padding:0 20px;line-height:32px}.blog-card-list{grid-template-columns:1fr;gap:40px 20px}.blog-img{max-height:230px;height:auto}.blog-img img{position:relative;top:0;left:0;transform:translate(0)}.blog-content{margin:20px 0 18px}}