.blog-hero{text-align:center;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;position:absolute;inset:0}.blog-hero-content{max-width:1032px;padding:25px 20px}.hero-tag{color:#4338ca;letter-spacing:2px;margin-bottom:12px;padding:6px 16px;font-size:22px;font-weight:700;display:inline-block}.blog-hero-content h1{color:#14213d;margin-bottom:12px;font-size:52px;line-height:1.15}.blog-hero-content p{color:#4b5563;width:100%;margin-top:0;font-size:17px;line-height:1.7}.blog-page{max-width:1280px;margin:auto;padding:0 20px}.blog-top{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.breadcrumb{color:#9ca3af;font-size:15px}.breadcrumb span{margin:0 10px}.touch-btn{color:#fff;cursor:pointer;background:#ff5656;border:none;border-radius:6px;padding:16px 34px;font-size:14px;font-weight:600;transition:all .3s}.touch-btn:hover{background:#ef4444}.blog-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:34px;display:grid}.blog-card{cursor:pointer;flex-direction:column;height:100%;display:flex}.blog-card:hover{transform:translateY(-6px)}.blog-image{overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:250px;transition:all .4s;display:block}.blog-card:hover img{transform:scale(1.05)}.blog-content{border:1px solid #ededed;border-top:none;flex-direction:column;flex:1;padding:28px;display:flex}.blog-date{color:#9ca3af;margin-bottom:18px;font-size:15px}.blog-content h3{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:20px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-tags{border-top:1px solid #ececec;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;display:flex}.blog-tags span{color:#666;font-size:13px;font-weight:500}.blog-card-link{color:inherit;text-decoration:none;display:block}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-content h3{font-size:28px}}@media (max-width:768px){.blog-top{flex-direction:column;align-items:flex-start;gap:20px}.blog-grid{grid-template-columns:1fr}.blog-image img{height:240px}.blog-content h3{font-size:24px}.touch-btn{width:100%}.blog-hero{min-height:320px;padding:30px 0}.blog-hero-content h1{font-size:36px}.blog-hero-content p{font-size:15px;line-height:1.6}.hero-tag{padding:6px 14px;font-size:12px}}