.article-2022 article *{font-size:1.125rem;line-height:1.44445;color:var(--article-gray-1)}.article-2022 article h1,.article-2022 article h2,.article-2022 article h3,.article-2022 article h4,.article-2022 article h5,.article-2022 article h6{color:#000}.article-2022 article h1,.article-2022 h1{line-height:1.16667}.article-2022 article h2,.article-2022 article h3{margin-bottom:1.5rem}.article-2022 article h2{line-height:1.22223}.article-2022 article h3{line-height:1.28571}.article-2022 article h4,.article-2022 article h5{margin-bottom:1rem}.article-2022 article h4{font-size:1.5rem;line-height:1.33334}.article-2022 article h5{font-size:1.125rem;line-height:1.44445}.article-2022 article h6{margin-top:1.5rem;margin-bottom:.5rem;font-size:16px;line-height:1.5}.article-2022 article *{font-size:16px}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:"HarmonyOS Sans",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}main section:not(.related-container) img{cursor:zoom-in}body{color:rgba(0,0,0,.8)}.banner .pt-3.d-flex{padding-top:0!important}.bg-transparent .nav-item:hover .nav-link path{stroke:rgba(0,0,0,.5)!important}.bg-transparent .nav-item:hover .nav-link{color:rgba(0,0,0,.5)!important}.bg-transparent{color:#121212!important}.bg-transparent svg{stroke:#121212!important}.banner{background:#f5faff url("https://boardmix.com/assets/content/636eb2d4b15b-banner-bg.png") center bottom/cover no-repeat;box-sizing:content-box;padding-bottom:99px;padding-top:148px}.banner .px-container{max-width:1276px}.px-btn{background:linear-gradient(-90deg,#a65ef7 0,#4c53ff 100%),#fff;display:flex;align-items:center;justify-content:center;padding-left:5px;max-width:280px;min-height:48px;border-radius:52px;margin-left:auto;margin-right:auto;font-weight:500;color:#fff}.px-btn:hover{color:#fff;box-shadow:0 2px 30px rgb(0 0 0 / 10%),0 5px 10px rgb(0 0 0 / 5%);transform:translateY(-6px);text-decoration:none}.px-btn:hover .btn-arrow{animation-play-state:paused}.px-btn:active{transform:scale(.96) translateY(-6px)}.nav-btn:active{transform:scale(.96)}.banner-btn{font-size:22px;height:60px}.banner h6{font-size:36px;font-weight:600;line-height:43px;color:#121212;margin:0 auto 36px;word-break:break-all}.tow-lines{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.one-line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.banner .pt-2.text-white,.banner h5{font-size:24px;font-weight:500;line-height:36px;color:rgba(0,0,0,.64)!important;margin-bottom:0;max-width:100%!important;padding-top:0!important}.px-container{width:100%;max-width:1195px;text-align:center;margin:0 auto}#list-howto{border-radius:16px;border:none!important;width:304px;padding:12px;background:#f8f9fb;border-radius:10px;overflow-y:scroll;max-height:calc(100vh - 262px)}#list-howto::-webkit-scrollbar-button{height:8px;opacity:0}#list-howto::-webkit-scrollbar{background-color:transparent;width:4px;overflow:hidden}#list-howto::-webkit-scrollbar-thumb{transition:all .3s;width:4px;background:rgba(6,13,20,.18);border-radius:2px}#list-howto::-webkit-scrollbar-thumb:hover{background:rgba(4,9,13,.37)}#list-howto .border-bottom{border:none!important;height:42px;color:rgba(0,0,0,.5);font-size:14px;font-weight:500;line-height:42px;padding-left:12px;margin-bottom:4px}#list-howto .list-group-item{display:flex;align-items:center;min-height:42px;border-radius:8px;padding:0 12px;border:0;position:relative;border-radius:8px;background-color:transparent}#list-howto .list-group-item:not(:last-child){margin-bottom:16px}#list-howto .list-group-item.mt-3{margin-top:8px!important}#list-howto .list-group-item::before{display:inline-block;position:absolute;width:5px;height:5px;border-radius:50%;background-color:#3c485c;z-index:1;top:50%;left:16px;transform:translateY(-50%)}#list-howto .list-group-item.active{color:#555cfd;background-color:#fff}#list-howto .list-group-item:hover{color:#555cfd}#list-howto .list-group-item:active{color:#4a50dc}#list-howto .list-group-item.active::before,#list-howto .list-group-item:hover::before{background-color:#565dff}.hover-art{color:#4d4d4d;justify-content:space-between;margin-left:0;margin-right:0}.hover-art .relative-article{transition:all .5s;flex:0 0 406px}.content p{font-size:18px;line-height:32px;margin-top:0;margin-bottom:32px;color:rgba(0,0,0,.8)}.content img:not(.icon-img){display:block;max-width:600px;height:100%;margin-right:auto;margin-left:auto;clear:both;text-align:left;margin-bottom:1rem;border-radius:16px;box-shadow:0 0 1.25rem rgb(0 0 0 / 15%)}.content h2{margin-bottom:12px;font-size:24px;font-weight:700;line-height:30px;padding-top:148px;color:#121212;margin-top:-88px}.content h3{font-size:20px;font-weight:700;line-height:24px;color:#121212;margin-top:36px;margin-bottom:12px}.content h4{font-size:18px;font-weight:700;line-height:24px;color:#121212;margin-bottom:12px;margin-top:-135px;padding-top:151px}.related-container{padding:96px 0 128px}.related-title{color:rgba(0,0,0,.88);font-size:48px;font-weight:600;line-height:56px;margin-bottom:64px}.related-tag{background:linear-gradient(45deg,#565dff 0,#a562ff 99.162%,rgba(86,93,255,0) 100%);border-radius:8px;padding:4px 20px;position:absolute;top:8px;right:8px;font-size:16px;color:#fff;font-weight:400}.item .related-img-box{transition:all .3s;padding-bottom:56.26%;position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(0,0,0,.05);transform:rotate(0)}.item .related-img{width:100%;position:absolute;border-radius:12px;transition:transform 1s cubic-bezier(0,0,0,1);will-change:transform;left:0}.item .related-img-box:hover .related-img{transform:scale(1.05) rotate(0)}.item .tag{font-size:12px;font-weight:400;line-height:16px;color:#8233fa;margin-bottom:12px}.item .title{margin:16px 0 0;height:72px;color:#121212;text-align:left;-webkit-transition:.2s;transition:.2s;font-size:20px;font-weight:700;line-height:36px}.item .title:hover{color:#565dff}.item .desc{color:rgba(0,0,0,.64);font-size:20px;line-height:34px;text-align:left;height:69px;margin-bottom:16px}.learn-more{display:block;margin-left:auto;text-align:right;font-size:16px;line-height:24px;color:#565dff;display:flex;align-items:center;justify-content:end}.learn-more:hover{color:#565dff;text-decoration:underline}.learn-more .learn-arrow{margin-left:10px}#nav-howto{display:none;height:64px;top:64px}#nav-howto .toWorkbench-box{width:147px;text-align:center;background:0;box-shadow:none;font-size:14px;background:#565cff;border-radius:6px;color:#fff;margin-right:8px;height:28px;line-height:28px;padding:0}#nav-howto .toWorkbench-box:hover{background:#7d86ff;color:#ffff}.toWorkbench-text{font-size:14px;font-weight:600;color:#fff}.wsc-main ol,.wsc-main ul{margin-top:0;margin-bottom:10px;padding-left:20px;overflow:hidden}.wsc-main li>p{padding:0}.article .section{position:relative}.fic-to-top{width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / 20%);cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center;position:fixed;right:24px;bottom:24px;z-index:3}.fic-to-top__show{opacity:1;visibility:visible}.fic-to-top:hover>svg path:first-child{fill:#fff}.fic-to-top:hover>svg path{fill:#565dff}main img{image-rendering:-webkit-optimize-contrast}.px-breadcrumb{color:rgba(0,0,0,.5)}.px-breadcrumb:hover{color:#121212}.btn-arrow{animation:btnArrowEffect 3s both infinite;margin-left:8px}@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)}}.px-text{background:linear-gradient(-145deg,#a65ef7 0,#4c53ff 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content-title{font-size:40px;color:#121212;line-height:59px;margin:0 auto 24px;max-width:952px}.content{max-width:952px}.content-main{max-width:100%;margin:0 auto;display:flex;justify-content:center;padding:0 24px}.content-right{max-width:952px;margin:0 60px}.wsc-main{overflow:visible}.article{margin-top:20px}.article-nav{position:sticky;top:176px;height:98%;margin-top:54px;width:304px}.author-box{margin-top:52px;display:flex;align-items:center;margin-bottom:36px}.author-img{border-radius:50%;width:54px;height:54px}.author-title{font-weight:500;line-height:24px;color:rgba(0,0,0,.8);margin-bottom:6px}.author-desc{font-size:14px;line-height:21px;color:rgba(0,0,0,.5);margin-bottom:0}.content ul{padding-left:0!important;list-style:none}.content ul p{margin-bottom:0}.content ol li{position:relative;padding-left:12px!important;line-height:32px;font-size:16px;color:rgba(0,0,0,.8);margin-bottom:9px}.content ul li{position:relative;list-style:none;padding-left:24px!important;line-height:32px;font-size:16px;color:rgba(0,0,0,.8);margin-bottom:12px}.media-nav{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 20px rgba(0,0,0,.05);border-radius:71px;height:154px;padding:10px;width:56px;position:fixed;right:28px;bottom:160px;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.media-nav__show{opacity:1;visibility:visible}.media-nav-item{display:block}.media-icon{width:36px;border-radius:50%}.media-nav-item:hover .media-icon{background:rgba(0,0,0,.03)}.media-nav-item:active .media-icon{background:rgba(0,0,0,.05)}.content-note{display:flex;align-items:flex-start;background-color:#eef3ff;border:1px dashed #c8d9fe;border-radius:.625rem;padding:16px;margin:1.5rem 0;line-height:1.5;color:rgba(0,0,0,.8)}.content-note .icon-img{margin-right:1rem;margin-top:.5rem}.pros-cons{display:grid;justify-content:space-between;margin:20px 0;  gap: 24px;  grid-template-columns: repeat(2,auto);}.pros-cons fieldset{display:inline-block;border:1px solid rgba(0,0,0,.2);border-radius:.625rem;padding:1rem 1.5rem}.pros-cons legend{display:inline-flex;align-items:center;background-color:var(--article-white);font-size:1.125rem;line-height:1.33334;white-space:nowrap;width:auto;margin-left:8px}fieldset.pros legend{color:#41ae07}fieldset.cons legend{color:#f43529}.pros-cons .pros-list{padding-left:24px;color:rgba(0,0,0,.8)}.pros-cons .pros-item{list-style-type:disc}.pros-list .pros-item:not(:last-child){margin-bottom:8px}.pros-list .pros-item::marker{font-size:10px;color:rgba(0,0,0,.5)}.table{width:100%;padding:1px;margin:16px 0}.table td,.table th{border:none}.table table{width:100%;border-radius:4px;border-collapse:collapse;margin:0;border-collapse:separate;border-spacing:0}.table tr td:last-child{border-right:1px solid #d3d3d3}.table tbody tr:last-child td{border-bottom:1px solid #d3d3d3}.table tbody tr:last-child td:first-child{border-radius:0 0 0 4px}.table tbody tr:last-child td:last-child{border-radius:0 0 4px 0}.table th{background-color:#303030;color:#fff}.table tr th:first-child{border-radius:4px 0 0 0}.table tr th:last-child{border-radius:0 4px 0 0}.table td{border-top:1px solid #d3d3d3;border-right:1px solid #d3d3d3}.table tbody tr:nth-child(2) td{border-top:0}.table tbody tr:nth-child(n+2) td:nth-child(1){border-left:1px solid #d3d3d3}.light-td{background:#eef3ff}.gray-td{background-color:#f7f7f9}.content .content-list{padding-left:24px!important;margin:2rem 0;line-height:1.44445}.content-list .list-item:not(:last-child){margin-bottom:12px}.content-list .list-item{position:relative;padding-left:6px!important}.list-right .list-item::after{content:"";position:absolute;top:9px;left:-20px;width:16px;height:16px;-webkit-clip-path:url(#symbolRightPath);clip-path:url(#symbolRightPath);background-color:#565dff}.content-list .list-item:bofore{display:none}.content ul li:not(.list-item)::before{content:"";position:absolute;top:14px;left:0;z-index:0;width:.375rem;height:.375rem;background-color:#606efc;border-radius:50%}.content mark{background-color:#eef3ff;border-radius:.25rem;padding:0 .2em}.content p a{color:#555cfd;text-decoration:underline}.content p a:hover{color:#616ffe}.marker-under{background:linear-gradient(transparent 60%,#c8d9fe 60%)}@media(max-width:1600px){.content-right{margin:0 40px}.content-right~.article-nav{display:none}}@media screen and (max-width:1200px){.article-nav{display:none}.content-right{margin:0}.hover-art .relative-article{flex:auto}.hover-art{max-width:783px;margin:0 auto;padding:0 16px}.content-main{padding:0 24px;justify-content:center;max-width:100%}.content img,.content-right{max-width:100%}.content{margin-bottom:70px}.related-container{margin-bottom:64px;padding:32px 0 64px}.related-list .relative-article:nth-child(n+2){margin-top:32px}}@media(max-width:577px){.media-nav{height:144px;padding:2px;width:40px;right:-3px}.content img:not(.icon-img){width:100%}#nav-howto{display:none}.banner h6{font-size:32px;padding:0 24px;line-height:44px}.px-btn{width:210px;height:39px;font-size:14px;margin-top:24px}.content-title{font-size:24px;line-height:32px}.banner{padding-bottom:84px}.article{margin-top:32px}.related-title{font-size:28px;font-weight:600;line-height:36px;margin-bottom:48px}}@media(max-width:440px){.banner a.btn,.px-btn{padding:0 12px;font-size:16px}}.list-disc .list-item::before{content:"";position:absolute;top:14px;left:-20px;z-index:0;width:.375rem;height:.375rem;background-color:#606efc;border-radius:50%}.enlarged-image{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:9999}.enlarged-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:100%}.close-button{position:absolute;top:20px;right:20px;font-size:24px;color:#fff;cursor:pointer}
.content img:not(.icon-img){margin:1rem auto 2rem;}.content h2{    margin-top: -127px;}.content h2{font-size: 28px;}.content h3{    font-size: 24px;}.content h4{ font-size: 16px;}.use-btn[file-key]{    transition: all .2s;font-weight: 600;
    background: #7856ff;color: #fff;    height: 48px;  line-height: 48px;
    text-align: center;  padding: 0 24px;cursor: pointer;
    border-radius: 100px;    margin: 0px auto 72px;display:inline-block}.use-btn[file-key]:hover{background: #9178ff}.use-btn[file-key]:active{background :#5f41d9}.article-bottom{width:100%;min-height:257px;padding:52px 0 50px 0;color:#fff;display:flex;margin-top:32px;justify-content:center;background:#9056ff url("https://cms.boardmix.com/images/articles/bottom-card.png") center center/cover no-repeat}.article-bottom-title.article-bottom-title{font-weight:800;font-size:32px;max-width:448px;text-align:center;margin-bottom:27px;display:inline-block;color:#fff}.article-bottom-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-bottom-btn.article-bottom-btn{height:56px;line-height:54px;min-width:181px;border-radius:14px;font-size:16px;font-weight:700;text-align:center;text-decoration:none!important}.article-bottom .article-bottom-btn__white{background-color:#fff;color:#1e192c!important;border:2px solid #000}.article-bottom .article-bottom-btn__black{background-color:#000;color:#fff!important;border:2px solid #000}