.recommend-swiper{max-width:1344px;margin:40px auto}.recommend-swiper .swiper-scrollbar-container{position:relative;height:4px;margin:24px auto 0;width:120px;--swiper-scrollbar-bg-color: #f0f0f0;--swiper-scrollbar-drag-bg-color: #cccccc}.recommend-swiper .swiper-scrollbar{position:absolute;left:0;right:0;bottom:0;height:100%;background:var(--swiper-scrollbar-bg-color);z-index:20}.recommend-swiper .swiper-scrollbar:empty{display:block}.recommend-swiper .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--theme-color);cursor:grab}.recommend-swiper .swiper-scrollbar-drag:active{cursor:grabbing}.recommend-swiper .swiper-scrollbar-drag:empty{display:block!important}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto;max-width:1344px}.recommend-image-wrapper{aspect-ratio:2/1;border-radius:4px;overflow:hidden}.recommend-blog-card img,.blog-list-item-swiper-item img{transition:transform .3s ease}@media (hover: hover){.recommend-blog-card:hover img,.blog-list-item-swiper-item:hover .blog-list-item-swiper-item-image{transform:scale(1.1)}}.recommend-blog-card a{text-decoration:none}.recommend-blog-image{width:100%;height:100%;object-fit:cover;border-radius:4px;transition:transform .3s ease}.recommend-swiper .swiper-button-next:empty,.recommend-swiper .swiper-button-prev:empty{display:block}.recommend-swiper .swiper-button-next.swiper-button-disabled,.recommend-swiper .swiper-button-prev.swiper-button-disabled{opacity:0!important}.recommend-swiper .swiper-button-prev{left:10px}.recommend-swiper .swiper-button-next{right:10px}.recommend-blog-title{font-size:16px;font-weight:600;color:#191919;line-height:1.5;margin:18px 0 8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.recommend-blog-excerpt{font-size:14px;color:#737373;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card{display:flex;flex-direction:column;background:#fff;overflow:hidden;opacity:0}.blog-card.visible{opacity:1;transform:translateY(0)}.blog-image-wrapper{position:relative;overflow:hidden;width:100%}.blog-image{top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;aspect-ratio:2/1}.blog-content{padding:20px}.blog-card a{text-decoration:none;color:#191919}.blog-title{font-size:18px;font-weight:600;color:#191919;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;height:54px;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt{font-size:14px;color:#191919;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:63px;margin:12px 0 32px}.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#737373;line-height:1.5}.blog-author{display:flex;align-items:center;gap:8px}.blog-date{color:#737373}.load-more-button{padding:12px 32px;background:#fff;border:1px solid #ddd;border-radius:24px;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease}.mobile-blog-filter{display:none;position:relative}.main-blog-list-tabs-wrapper{background:#f5f5f5;position:sticky;top:0;transition:background-color .2s ease}.main-blog-list-tabs{background:#fff;border-radius:4px;max-width:1344px;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;gap:0 32px;padding:20px;margin:0 auto;width:100%;min-height:84px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;transition:padding .2s ease}.main-blog-list-tabs::-webkit-scrollbar{display:none}.tab-item{position:relative;font-size:16px;padding:10px 0;display:flex;color:#737373;font-weight:500;align-items:center;border-radius:6px;transition:color .2s,font-weight .2s;background:transparent}.tab-item.active,.tab-item:active,.tab-item.selected{color:#191919;font-weight:500}.tab-item.active .tab-underline{opacity:1;transform:scaleX(1)}.tab-underline{opacity:0;transform:scaleX(0);height:2px;background:#191919;border-radius:2px;width:100%;position:absolute;left:0;bottom:0;transition:opacity .2s ease,transform .2s ease}.tab-item:not(.active):hover{color:#191919}.recommend-swiper-slide{width:318px}@media (min-width: 1200px){.recommend-swiper:hover .swiper-button-prev,.recommend-swiper:hover .swiper-button-next{display:flex}}@media (max-width: 1440px){.main-blog-list-tabs{width:calc(100% - 48px)}}@media (max-width: 1200px){.main-blog-list-tabs{width:100%}.recommend-swiper-slide{width:300px}}@media (max-width: 960px){.recommend-blog-title{font-size:14px;font-weight:600;color:#191919;line-height:1.5;margin:16px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-swiper{margin:32px auto}.blog-swiper-scrollbar-container{display:none}.main-blog-list-tabs{gap:16px;background:unset;min-height:unset;padding:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;justify-content:left}.main-blog-list-tabs::-webkit-scrollbar{display:none}.tab-item{font-size:15px;padding:10px;height:44px;flex-shrink:0}}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr);padding:0}}@media (max-width: 640px){.mobile-blog-filter{display:block;margin:24px 0}.blog-grid{grid-template-columns:1fr;padding:0}.blog-title{font-size:16px;margin-bottom:8px;height:45px}.blog-excerpt{font-size:14px;margin-bottom:12px}}.custom-hidden{display:none}.blog-header-more{position:relative;transition:color .3s ease}.blog-header-more:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease}.blog-header-more:hover:after{width:100%}@media (max-width: 384px){.recommend-swiper{margin:30px auto}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/main-blog-list.css.map */