.blog-banner{cursor:pointer;margin-bottom:0;transition:transform .2s,box-shadow .2s}.blog-banner:hover{transform:translateY(-2px)}.blog-banner:hover .banner-container{box-shadow:0 4px 12px #0000001a}.blog-banner .banner-container{background:#fff;border-radius:5px;align-items:stretch;gap:0;transition:box-shadow .2s;display:flex}.blog-banner .banner-left{width:66.6445%;padding-right:15px}.blog-banner .banner-left .banner-image{background:#f5f5f5;height:360px;position:relative;overflow:hidden}.blog-banner .banner-left .banner-image .banner-cover-image{object-fit:cover;object-position:center;border-radius:5px;width:100%;max-height:100%}.blog-banner .banner-right{flex-direction:column;justify-content:space-between;width:33.3222%;padding:15px;display:flex}.blog-banner .banner-right .banner-label{margin-bottom:10px}.blog-banner .banner-right .banner-title{color:#333;letter-spacing:1px;padding-top:10px;font-size:28px;font-weight:400;line-height:1.5}.blog-banner .banner-right .banner-description{color:#aaa;flex:1;font-size:14px;line-height:1.5}@media (width<=768px){.blog-banner .banner-container{flex-direction:column;gap:0}.blog-banner .banner-left{width:100%;padding:0}.blog-banner .banner-left .banner-image{height:200px}.blog-banner .banner-left .banner-image .banner-cover-image{border-radius:0}.blog-banner .banner-right{width:100%;padding:20px}.blog-banner .banner-right .banner-title{font-size:1.5rem}.blog-banner .banner-right .banner-description{font-size:.9rem}}

.blog-list{margin-top:20px;margin-bottom:20px}.blog-list .blog-list-container{grid-template-columns:repeat(3,1fr);gap:15px;max-width:1200px;margin:0 auto;display:grid}@media (width<=768px){.blog-list .blog-list-container{grid-template-columns:1fr;padding:0 16px}}.blog-list .blog-list-empty{text-align:center;grid-column:1/-1;padding:60px 20px}.blog-list .blog-list-empty .empty-message{color:#999;margin:0;font-size:1rem}@media (width<=768px){.blog-list .blog-list-empty{padding:40px 20px}}.blog-card{color:#666;cursor:pointer;background-color:#fff;border-radius:5px;box-shadow:0 2px 15px #00000005}.blog-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.blog-card .card-footer{border:none;padding:15px 20px}.blog-card .card-image-container{border-radius:8px;outline:none;height:180px;margin-bottom:15px;position:relative;overflow:hidden}.blog-card .card-image-container .blog-card-image{object-fit:fill;width:100%;height:100%}.blog-card .card-content{box-sizing:border-box;flex-direction:column;height:360px;padding:30px;display:flex}.blog-card .card-content .card-title{letter-spacing:1px;color:#333;text-transform:none;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 10px;font-size:1.125rem;font-weight:400;display:-webkit-box;overflow:hidden}.blog-card .card-content .card-description{color:#888;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:100px;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=768px){.blog-card .card-content .card-title{margin:15px 15px 10px;font-size:1rem}.blog-card .card-content .card-description{margin:0 15px 15px;font-size:.85rem}.blog-card .card-footer{padding:12px 15px}}

.blog-navigation{color:#666;background-color:#fff;border-radius:5px;margin-top:20px;margin-bottom:20px;box-shadow:0 2px 15px #00000005}.blog-navigation .nav-tabs{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;border:none;padding:20px;list-style:none;display:flex;overflow:auto hidden}.blog-navigation .nav-tabs::-webkit-scrollbar{display:none}.blog-navigation .nav-tabs .nav-tab{border-radius:5px;flex-shrink:0;transition:all .2s}.blog-navigation .nav-tabs .nav-tab>span{cursor:pointer;box-sizing:border-box;color:#888;text-align:center;user-select:none;-webkit-tap-highlight-color:#0000;padding:5px 8px;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.blog-navigation .nav-tabs .nav-tab:hover{background-color:#eee;text-decoration:none;transform:translateY(-1px)}.blog-navigation .nav-tabs .nav-tab.active{background-color:#1e87f0;box-shadow:0 2px 6px #1e87f033}.blog-navigation .nav-tabs .nav-tab.active>span{color:#fff;font-weight:500}.blog-navigation .nav-tabs .nav-tab:focus{outline:none}@media (hover:none) and (pointer:coarse){.blog-navigation .nav-tabs .nav-tab:active{background-color:#ddd;transform:scale(.98)}.blog-navigation .nav-tabs .nav-tab.active:active{background-color:#1a7ae8}}.blog-navigation .nav-tabs>.nav-tab+.nav-tab{margin-left:4px}@media (width<=768px){.blog-navigation{border-radius:0}.blog-navigation .nav-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:12px 16px;overflow-x:auto}.blog-navigation .nav-tabs .nav-tab{flex-shrink:0;margin-left:0}.blog-navigation .nav-tabs .nav-tab>span{white-space:nowrap;border-radius:6px;min-width:max-content;padding:10px 16px;font-size:.85rem;font-weight:500}.blog-navigation .nav-tabs .nav-tab:hover{background-color:#f5f5f5;transform:translateY(-1px)}.blog-navigation .nav-tabs .nav-tab.active{background-color:#1e87f0;box-shadow:0 2px 8px #1e87f04d}.blog-navigation .nav-tabs .nav-tab.active>span{color:#fff;font-weight:600}.blog-navigation .nav-tabs>.nav-tab+.nav-tab{margin-left:8px}}

.blog-pagination{padding:30px 0}.blog-pagination .pagination-container{justify-content:center;align-items:center;padding:0 20px;display:flex}.blog-pagination .pagination-info .page-info{color:#666}.blog-pagination .pagination-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #d0d0d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin:0 15px;transition:all .3s;display:flex}.blog-pagination .pagination-btn:hover{border-color:#666}.blog-pagination .pagination-btn:focus{outline:none}.blog-pagination .pagination-btn svg{width:16px;height:16px}@media (width<=768px){.blog-pagination .pagination-container{gap:12px}.blog-pagination .pagination-info .page-info{font-size:.9rem}.blog-pagination .pagination-btn{width:36px;height:36px}.blog-pagination .pagination-btn svg{width:14px;height:14px}}

.blog-page{max-width:1120px;margin-top:20px;margin-left:auto;margin-right:auto}@media (width<=768px){.blog-page{margin-top:0}.blog-page .container{padding:0 16px}}

/*# sourceMappingURL=08f6062060f8a63d.css.map*/