@media (min-width:768px){.f-h1{font-size:56px;line-height:68px}.f-h1,.f-h2{font-weight:700}.f-h2{font-size:42px;line-height:52px}.f-h3{font-size:36px;font-weight:700;line-height:44px}.article-container .main-content .part-title,.article-container .main-content h2,.f-h4{font-size:24px;font-weight:700;line-height:36px}.article-container .catalogue>span:first-of-type,.article-container .guideTitle,.article-container h3,.f-h5{font-size:20px;font-weight:700;line-height:24px}.f-h6,.nav-left span{font-size:18px;font-weight:700;line-height:27px}.article-container,.article-container .step-list,.f-body1{font-size:16px;font-weight:400;line-height:24px}.f-body1-bold{font-size:16px;font-weight:700;line-height:24px}.f-body2{font-size:14px;font-weight:400;line-height:20px}}@media screen and (max-width:768px){.f-h1{font-size:20px;line-height:24px}.f-h1,.f-h2{font-weight:700}.f-h2{font-size:28px;line-height:34px}.f-h3{font-size:20px;font-weight:700;line-height:24px}.article-container .main-content .part-title,.article-container .main-content h2,.f-h4{font-size:18px;font-weight:700;line-height:27px}.article-container .catalogue>span:first-of-type,.article-container .guideTitle,.article-container h3,.f-h5{font-size:16px;font-weight:700;line-height:20px}.f-h6,.nav-left span{font-size:14px;font-weight:700;line-height:27px}.article-container,.article-container .step-list,.f-body1{font-size:14px;font-weight:400;line-height:24px}.f-body1-bold{font-size:14px;font-weight:700;line-height:24px}.f-body2{font-size:13px;font-weight:400;line-height:20px}}.f-primary{color:#ff69ca}.f-white{color:#fff}.f-h2{text-align:center}.f-gray{color:rgba(0,0,0,.4)}html{scroll-behavior:smooth;scroll-padding-top:120px}.flexbetween{align-items:center;display:flex;height:80px;justify-content:space-between}.fixBtn{border-radius:10px;color:#fff;display:inline-block;font-size:16px;line-height:28px;margin-right:8px;padding:10px 30px}.fixBtn i{margin-right:12px}.fixBtn:hover{color:#fff}.authorBox{display:flex;justify-content:space-between}.authorBox p{margin:0}.authorBox p:last-of-type{color:#64748b;font-size:16px}.all-li,.guideBody{display:flex;flex-direction:column;gap:10px}.navArticle{align-items:center;display:flex;margin-top:60px}.navArticle img:first-of-type{margin-right:6px}.navArticle a{color:#64748b;font-size:16px}.g60{gap:60px}.commentBlock{background:#fff;border:1px solid #f1f2f3;border-radius:20px;box-shadow:0 16px 20px -4px rgba(34,42,57,.06),0 28px 50px -4px rgba(34,42,57,.06);display:flex;flex-direction:column;gap:60px;padding:60px 40px 40px}.commentBlock .font-30-700{text-align:center}.commentBlock textarea{background-color:none;border:1px solid #dbe1e8;border-radius:10px;height:157px;outline:0;padding:10px 4px 0 20px;resize:none;width:100%}.commentBlock .btn-blue,.commentBlock .btn-white{flex:1 0 0;width:100%}.commentBlock input[type=text]{background-color:none;border:1px solid #dbe1e8;border-radius:10px;height:64px;outline:0;padding:0 4px 0 20px;width:100%}.commentBlock input[type=text].error{border-color:red}.commentTable,.replyTable{display:flex;flex-direction:column;gap:40px}.commentTable>div,.replyTable>div{display:flex;flex-direction:column;gap:10px;width:100%}.recommend-article div{display:none}.recommend-article div.showLink{display:block}.product-info-card{align-items:center;border-radius:20px;display:flex;gap:40px;padding:40px}.product-info-card img{width:104px}.product-info-card .banner-btn a{margin:0}.product-info-card.amc{background:linear-gradient(263deg,#ffe7e3 .4%,#e1ffdc)}.product-info-card.smc{background:linear-gradient(263deg,#dbfff4 .4%,#e0f8ff)}.product-info-card.ymc{background:radial-gradient(46.57% 111.37% at 100% 100%,#ffc8c8 0,hsla(0,100%,89%,0) 100%),radial-gradient(82.13% 221.47% at 0 0,#ffe0e0 0,hsla(0,100%,94%,0) 100%)}.product-info-card.ac{background:radial-gradient(50% 112.86% at 100% 100%,#ffdfc7 0,rgba(255,223,199,0) 100%),radial-gradient(100% 229.37% at 0 0,#fff9dc 0,rgba(255,249,220,0) 100%)}.commentInfo,.replyInfo{color:red;display:none;text-align:center}.commentInfo.showInfo,.replyInfo.showInfo{display:block}.commentList{font-size:16px;gap:30px}.a-comment,.commentList{display:flex;flex-direction:column}.a-comment{align-items:flex-start;border:1px solid #f1f2f3;border-radius:20px;gap:20px;padding:40px}.comment-top{align-items:center;display:flex;gap:12px}.comment-top>div{display:flex;flex-direction:column;gap:6px}.coment-oprate{display:flex;gap:30px;justify-content:flex-end;width:100%}.coment-oprate p{align-items:center;color:#64748b;cursor:pointer;display:flex;gap:6px}.coment-oprate p.active,.coment-oprate p:hover,a:hover{color:#0052d9}.coment-oprate p.active img,.coment-oprate p:hover img{filter:brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(6518%) hue-rotate(213deg) brightness(98%) contrast(102%)}.popup-container{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transform:scale(0);transition:.5s}.popup-container.showPopup{transform:scale(1)}.reply-container{display:flex;flex-direction:column;gap:20px;width:100%}.reply-container .a-comment{background:#f1f2f3;border-radius:10px}.reply-container .reply-container .a-comment{background:#fff}.article-container.g60 p{margin:0}.reply-text{color:#64748b;font-size:16px;font-weight:300;margin:10px}.nav-left{align-items:center;display:flex;gap:10px}.nav-left img{width:40px}.fixNav{background:#fff;border-bottom:1px solid var(--black-10);opacity:0;position:fixed;top:0;transition:.4s;width:100%;z-index:-1}.fixNav.fixShow{opacity:1;z-index:100}@media screen and (max-width:768px){.fixNav{display:none}}.article-container{display:flex;padding:60px 0 160px;position:relative}.article-container a{color:#337ab7}@media (hover:hover){.article-container a:hover{color:var(--primary-color);text-decoration:underline}}.article-container a.active{color:var(--primary-color);text-decoration:underline}.article-container ol,.article-container ul{list-style-type:auto;padding-left:25px}.article-container .step-list{display:flex;flex-direction:column;gap:30px}.article-container .editor-model p,.article-container .editor-model>*,.article-container .editor-model>div:not(.all-li),.article-container .part p,.article-container .part>*,.article-container .part>div:not(.all-li){margin-top:40px}.article-container .banner-btn a,.article-container .btn-container a,.article-container .download-btn{height:48px}.article-container .banner-btn a:first-child,.article-container .btn-container a:first-child,.article-container .download-btn:first-child{background:var(--primary-color);color:#fff}.article-container .banner-btn a:last-child,.article-container .btn-container a:last-child,.article-container .download-btn:last-child{background:#fff!important;border:1px solid var(--primary-color);color:var(--primary-color)!important;margin:0 0 0 12px}.article-container .main-content img{margin:0 auto;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.article-container .main-content .part-title,.article-container .main-content h2{background:var(--amc-home-gradient);border-radius:8px;display:flex;gap:10px;padding:4px 15px;position:relative}.article-container .main-content .part-title:before,.article-container .main-content h2:before{background:var(--primary-color);border-radius:10px;content:"";display:block;height:calc(100% - 20px);left:0;position:absolute;top:10px;width:7px}.article-container .main-content .articleGuide,.article-container .main-content .catalogue{background:#f7f9fb;border-radius:20px;display:flex;flex-direction:column;gap:20px;padding:28px 16px;width:100%}@media (min-width:1280px){.article-container .left-bar{flex-shrink:0;width:400px}.article-container .editor-model .articleGuide,.article-container .editor-model .catalogue{gap:20px;padding:40px 20px;position:fixed;top:194px;transform:translateX(-400px);width:360px}}@media screen and (max-width:640px){.article-container{padding-top:28px}.article-container .banner-btn a,.article-container .btn-container a,.article-container .download-btn{display:flex;width:100%}.article-container .banner-btn a:last-of-type,.article-container .btn-container a:last-of-type,.article-container .download-btn:last-of-type{margin:8px 0 0}.article-container .editor-model h2,.article-container .part h2{margin-top:40px}.article-container .editor-model .step-list,.article-container .editor-model h3,.article-container .part .step-list,.article-container .part h3{margin-top:28px}.article-container .editor-model div:not(.all-li):not(.catalogue),.article-container .editor-model p,.article-container .editor-model>*,.article-container .part div:not(.all-li):not(.catalogue),.article-container .part p,.article-container .part>*{margin-top:16px}.article-container .editor-model .articleGuide,.article-container .editor-model .catalogue,.article-container .part .articleGuide,.article-container .part .catalogue{margin-top:40px}}.recommend-article{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:80px auto 0}.recommend-article div{width:100%}.recommend-article div.showLink.previous-article a{background:#fff;border:2px solid #ff69ca;color:#ff69ca}.recommend-article div.showLink.next-article a{background-color:#ff69ca;color:#fff}.recommend-article div.showLink a{align-items:center;border-radius:999px;display:flex;font-size:18px;font-weight:700;justify-content:center;line-height:27px;min-width:240px;padding:16px;width:100%}@media (min-width:768px){.recommend-article{flex-direction:row;gap:16px}.recommend-article div,.recommend-article div a{width:auto}}.breadcrumb-container{align-items:center;display:none;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-start}@media (min-width:768px){.breadcrumb-container{display:flex;margin-top:20px}}.breadcrumb-container a{font-size:16px;font-weight:400;line-height:24px}.breadcrumb-container a.active,.breadcrumb-container a:hover{color:#ff69ca}.recommend-content{margin-bottom:60px}@media (min-width:768px){.recommend-content{margin-bottom:120px}}.recommend-box{display:flex;flex-direction:column;gap:24px;margin-top:28px}.recommend-box .item{border-radius:24px;width:100%}.recommend-box .item .img-box{aspect-ratio:460/280;background:url(/imgs/tutorials/popular1.webp) no-repeat;background-size:100% 100%;border-radius:24px 24px 0 0;overflow:hidden;width:100%}.recommend-box .item .text-box{background:#f7f9fb;border-radius:0 0 24px 24px;padding:30px 20px;width:100%}.recommend-box .item a{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#000;display:-webkit-box;font-size:20px;font-weight:700;height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;word-break:break-word}.recommend-box .item:hover{border:1px solid #ff69ca}.recommend-box .item:hover .text-box{background:#fff}@media (min-width:768px){.recommend-box{align-items:center;flex-direction:row;gap:30px;justify-content:center;margin-top:40px}.recommend-box .item{width:calc(33.33% - 20px)}}@media (min-width:1280px){html[dir=rtl] .article-container .editor-model .articleGuide,html[dir=rtl] .article-container .editor-model .catalogue{transform:translateX(400px)}}
