.blog-page{font-family:"Manrope", sans-serif;line-height:1.6;color:#1a1a1a}.blog-page .blog-title-header{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding:16px 0;margin-bottom:24px;display:flex;gap:12px}.blog-page .blog-title-header::-webkit-scrollbar{display:none}.blog-page .title-header{flex:0 0 auto;text-align:center;padding:10px 16px;min-width:100px;border:1px solid #e0e0e0;background-color:#ffffff;border-radius:8px;font-weight:500;font-size:14px;white-space:nowrap;color:#333333;transition:all 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.blog-page .title-header:hover{background-color:#188550;color:white;font-weight:600;border-color:#188550;box-shadow:0 2px 8px rgba(24,133,80,0.25);transform:translateY(-2px)}.blog-page .blog-wrapper{margin-bottom:32px;transition:all 0.3s ease;border-radius:12px;overflow:hidden}.blog-page .blog-wrapper:hover{transform:translateY(-4px)}.blog-page .blog-wrapper:hover img{transform:scale(1.05);transition:all 0.4s ease}.blog-page .blog-wrapper img{width:100%;height:auto;display:block;transition:all 0.4s ease}.blog-page .blog-wrapper .text-title{font-weight:700;font-size:28px;line-height:1.4;color:#032344;padding:20px;margin:0;letter-spacing:-0.5px}.blog-page .blog-wrapper .text-title-sub{font-weight:600;font-size:18px;line-height:1.5;color:#1a1a1a;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease}.blog-page .text-title-sub:hover{color:#188550 !important;cursor:pointer}.blog-page .list-title-blog .title-list-blog{font-weight:600;font-size:16px;line-height:24px;color:#ffffff;background:#ff8133;padding:10px 16px;border-radius:8px;display:inline-block;margin-bottom:16px}.blog-page .list-title-blog .title-list-blog.recommend{background:#188550}.blog-page .list-title-blog .blog-title{background-color:#f8f9fa;color:#1a1a1a;font-weight:500;font-size:15px;padding:14px 18px;border-radius:8px;cursor:pointer;margin-bottom:12px;border:1px solid #e9ecef;transition:all 0.3s ease;display:block}.blog-page .list-title-blog .blog-title:hover{background-color:#e8f5f0;color:#188550;font-weight:600;border-color:#188550;box-shadow:0 2px 8px rgba(24,133,80,0.15)}.blog-page .blog-wrapper::after{content:"";display:table;clear:both}@media (max-width: 767px){.blog-page .blog-title-header{padding:12px 0;margin-bottom:20px;gap:8px}.blog-page .title-header{min-width:90px;padding:8px 14px;font-size:13px}.blog-page .blog-wrapper{margin-bottom:24px;border-radius:10px;background:#ffffff}.blog-page .blog-wrapper .text-title{font-size:22px;padding:16px;line-height:1.3}.blog-page .blog-wrapper .text-title-sub{font-size:22px;-webkit-line-clamp:3}.blog-page .list-title-blog .blog-title{font-size:14px;padding:12px 16px}}@media (min-width: 768px) and (max-width: 1023px){.blog-page .blog-wrapper .text-title{font-size:24px;padding:18px}.blog-page .blog-wrapper .text-title-sub{font-size:20px;padding:14px 18px}}.blog-page .home-page .banner-fixed-images{width:calc(100% / 3);height:300px}.blog-page .home-page .banner-fixed-images img{width:100%;height:100%;object-fit:cover}.blog-page .home-page .banner__swiper{width:calc(100% / 3 * 2);height:300px;position:relative}.blog-page .home-page .banner__swiper .swiper{width:100%;height:100%;overflow:hidden;position:relative}.blog-page .home-page .banner__swiper .swiper-slide{width:100% !important;height:100%;display:flex;align-items:center;justify-content:center}.blog-page .home-page .banner__swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}.blog-page .home-page .banner__swiper .swiper-pagination{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:10}.blog-page .home-page .banner__swiper .swiper-pagination-bullet-active{background:#188550}@media (max-width: 768px){.blog-page .home-page .banner__swiper{width:100%;height:auto;aspect-ratio:16/9}}.blog-page .home-page .box-container.only-subbanners .banner-fixed-images img{height:300px;object-fit:cover}.blog-page .home-page .box-container.only-swiper .banner__swiper{width:100%}.blog-page .home-page .scroll-btn{position:absolute;top:40%;transform:translateY(-50%);background:#dee6f0;color:white;border:none;cursor:pointer;border-radius:50%;z-index:10;width:40px;height:40px}.blog-page .home-page .scroll-btn.left{left:0}.blog-page .home-page .scroll-btn.right{right:0}.blog-page .home-page .scroll-btn:hover{background:#188550}