.Blog-container-Box-Image{padding:60px 0}.Blog-line{background-color:#000000e6;width:100%;height:90px}.Blog-Section{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:24px;transition:transform .3s,box-shadow .3s;overflow:hidden}.Blog-Section:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f}.blog-img-wrapper{position:relative;overflow:hidden}.blog-img-wrapper img{width:100%;transition:transform .4s;display:block}.Blog-Section:hover .blog-img-wrapper img{transform:scale(1.05)}.blog-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.Blog-Section:hover .blog-overlay{opacity:1}.blog-overlay span{color:#fff;border:2px solid #fff;border-radius:4px;padding:8px 18px;font-size:15px;font-weight:600}.blog-content{padding:14px 16px}.blog-meta{color:#888;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.Blog-title{color:#111;margin-bottom:8px;font-size:18px;font-weight:700}.Blog-des{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.BlogDetail-wrapper{max-width:860px;margin:0 auto;padding:40px 20px 60px}.back-btn{cursor:pointer;background:0 0;border:1px solid #333;border-radius:20px;margin-bottom:24px;padding:8px 18px;font-size:14px;transition:background .2s,color .2s;display:inline-block}.back-btn:hover{color:#fff;background:#111}.BlogDetail-hero{margin-bottom:32px;position:relative;overflow:hidden}.BlogDetail-hero img{object-fit:cover;width:100%;height:400px;display:block}.BlogDetail-hero-overlay{background:linear-gradient(#0000 30%,#000000bf 100%);flex-direction:column;justify-content:flex-end;padding:30px;display:flex;position:absolute;inset:0}.BlogDetail-hero-overlay h1{color:#fff;margin:0 0 10px;font-size:36px;font-weight:800}.BlogDetail-meta{color:#fffc;gap:20px;font-size:14px;display:flex}.BlogDetail-description{color:#333;margin-bottom:20px;font-size:18px;font-weight:500;line-height:1.7}.BlogDetail-divider{background:#111;border-radius:2px;width:60px;height:4px;margin-bottom:28px}.BlogDetail-para{color:#444;margin-bottom:18px;font-size:16px;line-height:1.9}.blog-btn{padding-top:25px;padding-bottom:20px}.blog-btn span{border:1px solid;padding:10px}
