.bm-container{max-width:1200px;margin-left:auto;margin-right:auto}#banner-draw-path{stroke-dasharray:3403;stroke-dashoffset:3403;animation:draw-effect 2s 1s cubic-bezier(.5,0,0,1) forwards;opacity:0}#mobile-banner-draw-path{stroke-dasharray:1770;stroke-dashoffset:1770;animation:mobile-draw-effect 2s .5s cubic-bezier(.5,0,0,1) forwards}@keyframes draw-effect{from{stroke-dashoffset:3403;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes mobile-draw-effect{from{stroke-dashoffset:1770}to{stroke-dashoffset:0}}.banner-item{position:absolute;border:1px solid rgba(0,0,0,.05);box-shadow:0 30px 60px rgba(22,34,71,.03),0 10px 20px rgba(22,34,71,.03);border-radius:30px;overflow:hidden;transform-style:preserve-3d;opacity:0;will-change:transform;transition:transform .15s ease-out}:root{--animation-delay-1:0.1s;--animation-duration-1:0.6s;--animation-delay-2:0.15s;--animation-duration-2:0.3s;--animation-delay-3:0.3s;--animation-duration-3:0.5s;--animation-delay-4:0.25s;--animation-delay-5:0.3s;--animation-delay-6:0.35s;--bottom-translateX:619px;--bottom-duration:2s;--bottom-delay-1:0.8s;--bottom-delay-2:1s;--bottom-delay-3:1.2s}.banner-mindmap{width:214px;left:109px;top:92px;transform:rotate(4.4deg);animation:fadein-1 var(--animation-duration-1) ease-in-out forwards;animation-delay:var(--animation-delay-1)}@keyframes fadein-1{0%{transform:scale(0) rotate(4.4deg);opacity:0}100%{transform:scale(1) rotate(4.4deg);opacity:1}}.banner-note{transform:rotate(-2.24deg);bottom:242px;left:225px;width:225px;z-index:5;animation:fadein-2 var(--animation-duration-2) ease-in forwards;animation-delay:var(--animation-delay-2)}@keyframes fadein-2{0%{transform:scale(0) rotate(-2.24deg);opacity:0}100%{transform:scale(1) rotate(-2.24deg);opacity:1}}.banner-team{width:186px;left:84px;bottom:112px;z-index:4;transform:rotate(2.71deg);animation:fadein-3 var(--animation-duration-3) ease-out forwards;animation-delay:var(--animation-delay-3)}@keyframes fadein-3{0%{transform:scale(0) rotate(2.71deg);opacity:0}100%{transform:scale(1) rotate(2.71deg);opacity:1}}.banner-flow{top:104px;right:119px;width:205px;height:259px;transform:rotate(-4.39deg);animation:fadein-4 var(--animation-duration-3) ease-in-out forwards;animation-delay:var(--animation-delay-4)}@keyframes fadein-4{0%{transform:scale(0) rotate(-4.39deg);opacity:0}100%{transform:scale(1) rotate(-4.39deg);opacity:1}}.banner-draw{right:83px;bottom:229px;width:229px;transform:rotate(3.67deg);z-index:5;animation:fadein-5 var(--animation-duration-3) ease-in-out forwards;animation-delay:var(--animation-delay-5)}@keyframes fadein-5{0%{transform:scale(0) rotate(3.67deg);opacity:0}100%{transform:scale(1) rotate(3.67deg);opacity:1}}.banner-ai{right:274px;bottom:98px;width:184px;transform:rotate(-2.2deg);z-index:4;animation:fadein-6 var(--animation-duration-6) ease-in-out forwards;animation-delay:var(--animation-delay-6)}@keyframes fadein-6{0%{transform:scale(0) rotate(-2.2deg);opacity:0}100%{transform:scale(1) rotate(-2.2deg);opacity:1}}.bm-title{font-size:50px;font-weight:600;line-height:50px;text-align:center}.switch{background:#1e192c}.switch-tab-list{min-height: 44px;display:flex;align-items:center;justify-content:center;margin:42px 0 51px;overflow-x:auto}.switch-tab-list::-webkit-scrollbar{display:none}.switch-tab-item{color:rgba(255,255,255,.6);cursor:pointer;position:relative;transition:all .2s;white-space:nowrap}.switch-tab-img{position:absolute;right:-7px;top:-8px;z-index:0;opacity:0;transition:all .2s}.switch-tab-item.active{color:#fff;font-weight: 600;}.switch-tab-item:hover{color:#fff}.switch-tab-item:hover .switch-tab-img{opacity:1}.switch-tab-item.active .switch-tab-img{opacity:1}.switch-tab-item:not(:last-child){margin:0 26px}.switch-tab-item:not(:first-child){margin:0 26px}.section-radius{border-radius:40px}.section-gap{padding:120px 0}.switch-tab-text{position:relative;z-index:1}.switch-panel{background:#fff;border-radius:30px;padding:38px 40px;display:flex;justify-content:space-between}.switch-left{max-width:234px}.switch-right{flex:1;max-width:816px;height:510px;position:relative}.switch-right-img{width:100%;border-radius:12px;overflow:hidden;position:absolute;z-index:-1;opacity:0;transition:all .2s}.switch-right-img.active{z-index:1;opacity:1}.switch-left--title{font-size:24px;font-weight:700;color:#000;line-height:36px;margin-bottom:10px}.switch-left--desc{font-size:14px;color:rgba(0,0,0,.5);font-weight:400;line-height:22px;margin-bottom:35px}.switch-left-bottom--item{border-radius:50px;height:46px;padding:0 23px 0 44px;position:relative;transition:all .2s;background-color:#fff;cursor:pointer;width:fit-content}.switch-left-bottom--item::after{content:"";display:block;clear:both}.switch-left-bottom--item:not(:last-child){margin-bottom:14px}.switch-left-bottom--item-wrap{display:flex;align-items:center;width:100%;height:100%}.switch-left-bottom--item::before{content:"";display:inline-block;position:absolute;width:10px;height:10px;left:17px;top:50%;transform:translateY(-50%);border-radius:50%;background:#000}.switch-left-bottom--item:hover{color:#832fff;font-weight:700}.switch-left-bottom--item.active{background:#f4ecff;font-weight:700;color:#832fff}.switch-left-bottom--item.active .switch-left-bottom--item-svg{opacity:1}.switch-left-bottom--item.active .switch-left-bottom--item-process{animation:fill-circle 4s linear forwards}.switch-left-bottom--item.active::before{opacity:0}.switch-left-bottom--item-svg{transform:rotate(-90deg);width:18px;height:18px;position:absolute;    left: 13px;top: 13.5px;opacity:0}.switch-left-bottom--item-process{stroke-dasharray:88}@keyframes fill-circle{0%{stroke-dashoffset:88}to{stroke-dashoffset:0}}.bm-desc{color:rgba(30,25,44,.6);margin-bottom:0;text-align:center;margin-top:28px;font-size:20px;font-weight:400;line-height:20px}.workbench-grid{display:grid;grid-template-rows:repeat(3,286px);grid-template-columns:repeat(4,282px);gap:24px;margin-top:54px}.workbench-item{position:relative;padding:18px 23px 26px;background:#f8f9fc;border-radius:20px}.workbench-item-1{grid-column:1/3;grid-row:1/3;background:url(https://cms.boardmix.cn/images/new-home/workbench.jpeg) center center/cover no-repeat}.workbench-item__nogap{    display: flex;align-items: center;justify-content: center;padding:0;background-color:#fff}.workbench-item-img{margin-bottom:14px;max-width:236px;display:block;width:100%}.workbench-item-1 .workbench-item-img{max-width:588px}.workbench-item-text{font-size:18px;color:#000;font-weight:400;line-height:30px}.all{padding:140px 0 120px}.all-item{border-radius:40px;flex:1;max-width:580px;padding:79px 40px 46px}.all-item:nth-child(2){margin-left:40px}.all-grid{display:flex;justify-content:space-between;margin-bottom:80px}.all-title{font-size:28px;font-weight:600;line-height:50px;color:#fff;margin-bottom:10px}.all-desc{font-size:16px;font-weight:400;color:rgba(255,255,255,.7);line-height:26px}.all-item-img{width:130px;margin-bottom:53px}.story-desc{font-size:40px;font-weight:400;line-height:50px;color:#000;margin:78px 0 21px}.story{background:#c7cbff}.story-user-img{width:54px;margin-right:15px}.story-user-grid{display:flex;align-items:center;margin-top:42px}.story-item-top{font-size:18px;font-weight:300;line-height:28px;display:block;min-height:140px;color:#1e192c}.story-item{flex: 1;background:#fff;border-radius:20px;padding:38px;min-width:257px}.story-item:not(:first-child){margin-left:30px}.story-list{display:flex;margin-top:82px}.bm-bottom{min-height:620px;padding:192px 0;position:relative;overflow:hidden}.bm-bottom-decoration{position:absolute;top:111px}.bm-botom-left{left:-110px;transform:translateX(var(--bottom-translateX));animation:bottom-left-effect var(--bottom-duration) ease-in-out forwards;animation-play-state:paused;will-change:transform;opacity:0;transition:opacity .15s;z-index:-1}.bm-botom-right{right:-110px;transform:translateX(calc(var(--bottom-translateX) * -1));animation:bottom-right-effect var(--bottom-duration) ease-in-out forwards;animation-play-state:paused;will-change:transform;opacity:0;transition:opacity .15s;z-index:-1}.active .bm-botom-left,.active .bm-botom-right{animation-play-state:running;opacity:1}@keyframes bottom-left-effect{0%{transform:translateX(381px)}25%{transform:translateX(var(--bottom-translateX))}100%{transform:translateX(0)}}@keyframes bottom-right-effect{0%{transform:translateX(-381px)}25%{transform:translateX(calc(var(--bottom-translateX) * -1))}100%{transform:translateX(0)}}.bm-btn-arrow{margin-top:-4px;margin-left:10px;animation:btnArrowEffect 3s both infinite;width:19.5px;height:14px}@keyframes btnArrowEffect{0%{transform:translate(0)}10%{transform:translate(4px)}20%{transform:translate(-2px)}30%{transform:translate(4px)}40%{transform:translate(-2px)}50%{transform:translate(0)}}.bm-bottom-title{font-size:60px;font-weight:600;line-height:70px;color:#1b192c;margin-bottom:23px}.bm-bottom-desc{color:rgba(0,0,0,.6);font-size:20px;font-weight:400;margin-bottom:69px;line-height:20px}.bm-bottom .bm-btn,.bm-bottom-desc,.bm-bottom-title{will-change:transform;opacity:0;transition:all .5s;transform:translateY(36px)}.active .bm-bottom-desc,.active .bm-bottom-title,.active.bm-bottom .bm-btn{transform:translateY(0);opacity:1}.bm-btn{user-select: none;height:56px;width:214px;background-color:#832fff;border-radius:16px;display:block;color:#fff;text-align:center;line-height:56px;transition:all .3s;font-size:18px;font-weight:600;transition:all .3s}.bm-btn-outline2{user-select: none;height:56px;width:214px;border-radius:16px;display:block;color:#000;text-align:center;line-height:56px;transition:all .3s;font-size:18px;font-weight:600;border:1px solid rgba(0,0,0,.1);border-radius:16px}body a:hover{text-decoration:none}.bm-btn-outline{user-select: none;cursor:pointer;border:1px solid #ccc;width:214px;height:56px;line-height:56px;border-radius:16px;margin-left:24px;font-size:18px;font-weight:600;color:#000;transition:all .3s}.bm-btn-outline:hover,.bm-btn-outline2:hover{background: rgba(131, 47, 255, 0.05);border: 1px solid rgba(0, 0, 0, 0.1);}.banner{text-align:center;padding-top:201px;min-height:916px;position:relative}.bm-btn:hover{color:#fff;text-decoration:none;background: #9751ff;
}.bm-btn:active,.bm-btn-outline:active,.bm-btn-outline2:active{transform:scale(.95)}.bm-btn:active{background:rgb(127, 49, 244);}.bm-btn-outline:active,.bm-btn-outline2:active{background: rgba(131, 47, 255, 0.1);border: 1px solid rgba(0, 0, 0, 0.1);}.banner-h1{font-size:70px;font-weight:600;line-height:104px}.banner-h2{font-size:18px;font-weight:400;line-height:26px;color:rgba(30,25,44,.6);margin:7px auto 51px;max-width:544px}.banner-line{position:absolute;top:-61px;left:20%}span.cursor{display:inline-block;background-color:#832fff;margin-left:12px;width:3px;height:62px;animation:blink-effect 1s infinite;position:relative;top:10px}span.cursor.typing{animation:none}@keyframes blink-effect{0%{background-color:#832fff}49%{background-color:#832fff}50%{background-color:transparent}99%{background-color:transparent}100%{background-color:#832fff}}.typed-text{margin-left:19px;font-weight:600}.switch-more{border:1px solid rgba(255,255,255,.1);padding:8px 10px 8px 10px;padding:0 10px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:14px;height:36px;border-radius:8px;margin-left:26px;min-width:60px}.switch-more:hover{background:rgba(255,255,255,.06);color:#fff}.teams{padding-top:120px}.teams-list{cursor: grab;display:flex;margin-top:72px;overflow:hidden;padding-bottom:100px}.teams-item{user-select: none;position:relative;min-width:372px;height:520px;border:1px solid rgba(0,0,0,.05);box-shadow:0 0 1px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);background:#fff;overflow:hidden;border-radius:20px;margin:0 15px}.teams-tag{padding:4px 8px;font-size:12px;display:inline-block;font-weight:400;line-height:18px;color:#2989ff;border-radius:4px}.teams-img{width:372px;height:199px}.teams-desc{color:rgba(27,25,44,.7);font-size:14px;line-height:24px}.teams-logo{left:20px;bottom:20px;position:absolute}.teams-item--wrap{padding:22px 20px}.teams-title{font-size:20px;font-weight:600;line-height:30px;color:#1b192c;margin:8px 0}.teams-tag-1{background:rgba(41,137,255,.1);color:#2989ff}.teams-tag-2{background:rgba(255,146,30,.1);color:#ff8400}.teams-tag-3{background:rgba(20,192,127,.1);color:#14c07f}.teams-tag-4{background:rgba(105,81,255,.1);color:#6951ff}.teams-tag-5{background:rgba(30,193,255,.1);color:#1ec1ff}.teams-tag-6{background: rgba(30, 193, 255, 0.1);color:
#1EC1FF}.bar618{transform:translateY(90px);opacity:0;transition:all .5s}.bar618.active{opacity:1;transform:translateY(0px);}.canvas{overflow:hidden}.canvas-bg{position:relative;overflow:hidden;width:100vw;min-height:1000px;background:url(../images/canvas-bg.png) center top/cover no-repeat;margin-top:90px}#canvas-draw{position:absolute;top:0;left:0;z-index:2;min-height:1000px;width:100%;cursor:url(https://cms.boardmix.cn/images/new-home/draw-pen.svg) 8 44,auto}.canvas-bg-video{position:absolute;width:35.2%;min-width: 600px;;top:24%;left:50%;transform:translateX(-50%);z-index:3;cursor:pointer}.canvas-bg-btn{opacity:0;visibility:hidden}.canvas-bg-video.active .canvas-bg-btn{opacity:1;visibility:visible}.canvas-bg-video.active::after{content:"";display:inline-block;position:absolute;left:0;width:100%;height:100%;background:url(https://cms.boardmix.cn/images/new-home/ai-video-cover.jpeg) center center/cover no-repeat}@media(max-width:1230px){.bm-container{padding:0 32px}.switch-tab-list{justify-content:start}.switch-tab-img{height:36px}.workbench-grid{grid-template-columns:repeat(auto-fill,minmax(242px,1fr))}}@media(max-width:900px){.banner-item{display:none}.bm-title{line-height:1.5}.banner-line{left:-19%}.all-grid{flex-wrap:wrap;gap:24px;justify-content:center}.all-item{min-width:329px;margin-left:0!important}.story-list{flex-wrap:wrap;gap:16px}.story-item.story-item{margin-left:0;padding:24px}}.banner-line-mobile{display:none;position:absolute;top:0;width:607px;left:50%;transform:translateX(-50%)}.desktop-show{display:block}@media(max-width:590px){.switch-left{order:3;max-width:100%;width:100%}.switch-left-bottom{display:flex;flex-wrap:wrap}.switch-left-top{text-align:center}.switch-right{min-width:298px;order:2;height:300px;overflow:hidden}.switch-panel{padding:13px;flex-wrap:wrap}.bm-botom-left{left:-16.7%;width:31%}.bm-botom-right{right:-16.7%;width:31%}.bm-bottom-title{font-size:28px;font-weight:600;line-height:40px;color:#1e192c;margin-bottom:0}.bm-bottom-desc{font-size:14px;font-weight:400;line-height:22px;color:rgba(27,25,44,.7);width:55%;margin:13px auto 54px}.banner-line-mobile{display:block}.desktop-show{display:none}.banner-line{display:none}.typed-text{margin-left:8px}.banner{min-height:480px;padding-top:113px}.section-gap{padding:60px 0}span.cursor{height:36px;top:4px}.banner-h2{font-size:14px;font-weight:400;line-height:24px;max-width:294px;color:rgba(27,25,44,.7);margin:14px auto 30px}.switch-tab-list{margin:26px 0}.story-desc{font-size:18px;font-weight:400;line-height:26px;margin:35px 0 23px}.bm-container{padding:0 23px}.story-list{margin-top:55px}.switch-tab-text{font-size:16px;font-weight:600;line-height:20px}.bm-title{font-size:28px;font-weight:600;line-height:41px}.banner-h1{font-size:36px;font-weight:600;line-height:44px}.workbench-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-template-rows:repeat(auto-fill,184px);gap:13px}.workbench-item-img{max-width:184px}.workbench-item-1{grid-row:1/8}}@media(max-width:1200px){.canvas-bg-video{    width: 100%;position:relative;transform:translate(0,0);left:0}.canvas-bg,#canvas-draw{background:none;min-height:600px}}@media(min-width:2000px){.banner-line{left:26%}}