.Paginator{display:none!important}.tow-lines{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tag{border-radius:4px;padding:2px 8px 2px 8px;font-size:12px;display:inline-block}.tag-resource{background:#ffd9e6;color:#ff5e94}.tag-skill{background:#e0e2ff;color:#565dff}.tag-story{background:#daf5e7;color:#00b75c}.tag-team{background:#eee5ff;color:#a855f7}.cover-img{width:100%;position:absolute;border-radius:12px;transition:.3s all;left:0}.cover-img-box:hover{box-shadow:0 5px 12px 0 rgb(0 0 0 / 16%);transition:all .3s}.cover-img-box{display:block;transition:all .3s;padding-bottom:56.22%;position:relative;overflow:hidden;border-radius:12px}.article-item .tag{margin-top:12px}.all-article{margin-top:79px}.article-title{height:56px;color:#13161b;line-height:28px;font-size:20px;font-weight:600}.article-title:hover{color:#565cff}.article-desc{height:44px;color:#3c485c;line-height:22px;font-size:14px}.article-item{padding:16px;box-shadow:0 30px 100px rgba(33,39,158,0.04),0px 8px 20px rgba(33,39,158,0.02);border-radius:16px;transition:all .3s ease-in-out}.article-item:hover{filter:drop-shadow(0px 14px 20px rgba(0,0,0,.06));transform:translateY(-6px)}.all-article-list .col:nth-child(n+4){margin-top:48px}.paginations{justify-content:center;margin-top:48px}.nav-link.active{background:#ecdffb;border-radius:4px}.Paginator .page-link{width:40px;text-align:center;margin-left:10px;margin-right:10px;height:40px;padding:0;line-height:40px;cursor:pointer;border:1px solid rgba(86,93,255,0.1);color:rgba(0,0,0,0.64);border-radius:8px;transition:all .3s}.Paginator .page-link:not(:first-child):not(:last-child):hover{border:1px solid #565cff;background-color:transparent}.Paginator .page-link.curr:not(:first-child){background-color:#565dff!important;color:#fff!important}.Paginator .page-link:first-child,.Paginator .page-link:last-child{border:0;background-color:transparent}.Paginator .page-link:first-child:not(.disabled):hover path,.Paginator .page-link:last-child:not(.disabled):hover path{fill:#565dff}.Paginator .disabled{cursor:not-allowed}.learn-more{display:flex;width:74px;align-items:center;justify-content:end;font-size:14px;line-height:22px;color:#565dff;margin-top:8px;margin-left:auto}.learn-more:hover{color:#565dff;text-decoration:underline}.learn-more--arrow{margin-left:6px}.swiper-pagination-bullet{width:8px;height:8px;background:#d6dbe3;border-radius:50%;will-change:width;transition:all .3s}.swiper-pagination-bullet-active{width:56px;border-radius:48px;background:#565dff}.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-24px}.bm-container,.navigation{max-width:1195px;margin-left:auto;margin-right:auto}.banner{background:#eaf2fd;height:180px;padding-top:40px;position:relative;z-index:2}.banner::after{content:'';display:inline-block;width:100%;height:100%;background:url(https://cms.boardmix.cn/images/blog/blog-banner.png) center center/cover no-repeat;position:absolute;top:0;left:0;z-index:-1}.banner h1,main .h1{color:#13161b;font-size:48px;font-weight:600;line-height:56px}.shape1{position:absolute;left:216px;top:34px}.shape2{position:absolute;left:373px;top:47px}.banner-arrow{position:absolute;left:591px;bottom:47px;max-width:101px}.shape3{position:absolute;right:260px;top:47px}.navigation{position:sticky;top:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 100px rgba(33,39,158,0.04),0px 8px 20px rgba(33,39,158,0.02);border-radius:12px;padding:24px 0;margin-top:-36px;background-color:#fff;z-index:12;flex-wrap:wrap}.navigation-item{margin:0 3px;padding:0 20px;height:40px;font-size:14px;font-weight:500;color:#3c485c;line-height:24px;display:flex;align-items:center;justify-content:center}.navigation-item:hover{color:#565cff}.navigation-item.active{color:#565cff;background: rgba(86, 93, 255, 0.1);border-radius:100px;}.navigation-icon{margin-right:6px}.navigation-item.active .navigation-icon path:not(:nth-of-type(n+2)),.navigation-item.active .navigation-icon circle,.navigation-item.active .navigation-icon rect{stroke:#565cff}.navigation-item.active .navigation-icon path:nth-of-type(n+2){fill:#565cff}.navigation-item.active .navigation-story-icon path{fill:#565cff;stroke:none!important}main section img{image-rendering:-webkit-optimize-contrast}section .row{margin-right:0;margin-left:0}.excitation h4{font-size:24px;line-height:32px;margin-bottom:16px}.excitation{margin-top:104px;padding:140px 0 147px;color:#fff;position:relative;background:url(https://cms.boardmix.cn/images/homepage/footer-bg.png) center bottom/contain no-repeat}.excitation::after{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(135deg,rgba(189,0,255,255) 4.551%,rgba(115,49,255,255) 45.705%,rgba(11,123,255,255) 72.811%,rgba(0,163,255,255) 100%);right:0;content:'';display:inline-block;z-index:-1}.excitation h4{font-size:60px;margin-bottom:18px;line-height:79px;color:#fff}.excitation-span{display:flex;align-items:center;justify-content:center;margin:0 11px}.excitation-span svg{margin-right:10px}.all-in-one{margin:64px 0 60px}.create-board{display:block;width:286px;height:58px;line-height:58px;border-radius:60px;background:#f7fbff;font-size:24px;font-weight:400;color:#000!important;margin:0 auto}.create-board:hover{color:#565dff!important}@media(max-width:1244px){.bm-container{padding:0 16px}.all-article{margin-top:104px}.navigation{width:100%;flex-wrap:nowrap}}@media(max-width:991px){.all-article-list .col:nth-child(n+3){margin-top:32px}.recommend-item .col:nth-child(2){padding-left:0}}@media(max-width:767px){.recommend-item .col.col{max-width:467px}.recommend-desc-box{padding-top:16px}.navigation-item{margin:0 8px}#recommend-list{margin-top:28px}.all-article,.excitation,.recommend{margin-top:72px}}@media(max-width:575px){.navigation{margin-top:0}.banner{height:216px;padding-top:80px}.banner::after{background-image:url(https://cms.boardmix.cn/images/blog/blog-banner-mobile.png)}.recommend-title{margin:8px 0 20px}.recommend-desc-container{padding:16px}.all-article-list .col:nth-child(n+2){margin-top:32px}.excitation{padding:40px 0}.excitation-span{font-size:14px;margin:0 4px}.desc{font-size:16px;line-height:24px}.excitation-span svg{margin-right:6px;width:9.65px}.all-in-one{margin:8px 0 45px}.create-board{width:177px;height:36px;line-height:36px;font-size:14px;font-weight:400}.excitation h4{font-size:24px;line-height:32px;margin-bottom:16px}main .h1{font-size:28px;font-weight:600;line-height:36px}.recommend-title,.excitation h4{font-size:20px}.all-article-list .col{padding-left:0;padding-right:0}.all-article,.excitation,.recommend{margin-top:48px}}.article-hidden{height:0;opacity:0;visibility: hidden;}