main .article-body img{cursor:zoom-in;}.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}.related-item-top{background:#f3f3f5;padding:16px 20px}.article-tag{color:#7856ff;font-size:16px;font-weight:700;line-height:24px}h1{font-size:48px;font-weight:700;line-height:60px;margin:16px 0}main,body{color:#19191a;}main{padding-top:32px}.article-body{padding-top:32px}.article-body img{max-width:100%;height:auto;display:block;margin-bottom:32px}.article-body p{font-size:18px;font-weight:400;line-height:26px;margin-bottom:1rem}.article-body h2{font-size:38px;font-weight:700;line-height:50px;margin-bottom:32px;margin-top:-49px;padding-top:100px}.read-time{font-size:14px;font-weight:400;line-height:22px;color:#555557}.share-list{height:48px;display:flex;align-items:center}.bm-container{max-width:1150px;margin-left:auto;margin-right:auto;width:96%}.article-use-box{border:1px solid rgba(18,17,43,.07);border-radius:10px;padding:24px;width:318px;height:313px;background:url(https://cms.boardmix.com/images/articles/aside-bg-2.png) bottom center/cover no-repeat !important;}.article-use-box .article-use-btn{display:none;}.article-use-title{font-size:24px;font-weight:700;line-height:32px;margin-top:0;}.article-use-btn{background:#7856ff;border-radius:14px;display:flex;align-items:center;justify-content:center;width:141px;height:48px;font-weight:700;color:#fff;text-decoration:none;min-width:173px;font-size:16px;}.article-use-btn:hover{color:#fff}.article-use-btn:active{transform:scale(0.95);}.article-tag:hover{color:#7856ff}.article-grid{display:flex;justify-content:space-between}.menu-box{margin-top:64px;position:sticky;top:100px;max-height:100vh;overflow-y:scroll;max-width:302px;padding:0 32px 16px 16px;border-radius:6px;height:80vh;}.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{font-weight:800;font-size:32px;max-width:448px;text-align:center;margin-bottom:27px;}.article-bottom-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}.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 #000000;}.article-bottom .article-bottom-btn__black{background-color:#000;color:#fff !important;border:2px solid #000000;}.menu-title{font-size:20px;font-weight:700;line-height:28px;margin-bottom:10px;margin-top:0}.menu-item{display:flex;align-items:center;padding-left:16px;min-height:46px;font-size:14px;font-weight:500;line-height:22px;text-decoration:none;border-radius:6px;color:#19191a !important;transition:all .2s;border:none !important;background:#fff !important;margin-top:0 !important}.menu-box .article-use-btn{margin-top:30px;min-width:191px;}.article-use-btn-arrow{margin-left:10px;min-width:14px;animation:btnArrowEffect 2.5s both infinite;}@keyframes btnArrowEffect{0%{transform:translate(0)}10%{transform:translate(2px)}20%{transform:translate(-2px)}30%{transform:translate(2px)}40%{transform:translate(-2px)}60%{transform:translate(0)}}.menu-item:hover{box-shadow:0 8px 10px rgba(25,25,26,.06)}.menu-item.active{box-shadow:0 0 4px rgba(25,25,26,.04),0 4px 16px rgba(25,25,26,.04),0 8px 24px rgba(25,25,26,.06)}.article-main{max-width:700px}@media(max-width:1127px){.article-main{max-width:100%}.article-right{display:none}}.menu-box::-webkit-scrollbar-button{height:8px;opacity:0}.menu-box::-webkit-scrollbar{background-color:transparent;width:4px;overflow:hidden}.menu-box::-webkit-scrollbar-thumb{transition:all .3s;width:4px;background:rgba(6,13,20,.18);border-radius:2px}.menu-box::-webkit-scrollbar-thumb:hover{background:rgba(4,9,13,.37)}.article-list{margin:40px auto 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(372px,1fr));gap:16px}.article-nav{box-shadow:0px 1px 0px 0px rgba(0,0,0,0.06),0px 2px 4px 0px rgba(0,0,0,0.05);background:rgb(255,255,255);height:64px;position:fixed;top:0;width:100%;z-index:999;opacity:0;visibility:hidden;transition:all .3s;}.article-nav.active{opacity:1;visibility:visible;}.article-nav .article-use-btn{height:40px;line-height:40px;min-width:164px;}.article-nav-title{font-size:20px;max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;}.article-nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;}.article-item-top{padding-top:63.24%;position:relative}.article-item-img-wrap{position:absolute;left:0;top:0;right:0;bottom:0;padding:16px 20px;background:#f3f3f5;overflow:hidden;border-radius:10px}.article-item-img{width:100%;height:100%;-webkit-user-drag:none;object-fit:cover;transition:all .3s ease-in-out}.article-item-top:hover .article-item-img{transform:scale(1.15)}.article-item-title{font-size:24px;font-weight:700;line-height:32px;color:#19191a;margin:12px 0 8px}.three-lines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pros-cons{display:flex;justify-content:space-between;margin:20px 0}.pros-cons fieldset{display:inline-block;width:calc(50% - 10px);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}legend img{margin-bottom:0 !important}.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)}.use-btn[file-key]{transition:all .2s;font-weight:700;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}