:root{--bg-color:#fff;--bg-color-200:#fbfbfb;--bg-color-400:#f0f0f0;--font-color:#1c1c1c;--font-color-200:#252525;--font-color-400:#9e9e9e;--font-menu-hover-color:#000;--font-placeholder-color:#e2e8f0;--font-disabled-color:#999;--selected-color:#e73e54;--box-shadow:inset 0 -1px 0 0 #eaeaea;--img-border-radius:8px;--link-color:#1a0dab;--code-block-bg:#f5f6f9;--code-block-text-color:#2a2a2a;--code-block-keyword:#651fff;--code-block-comment:#467790;--code-block-string:#da0079;--code-block-attr:#225f7e;--primary-color:#f8ce5f;--white:#fff;--light-gray:#f0f0f0;--lighten-blue:#eaecef;--light-blue:#e4e6eb;--blue-gray:#697177;--gray:#9e9e9e;--dark:#111;--dark-blue:#1e2943;--background-color:var(--white);--header-menu-color:var(--white);--background-alt-color:var(--lighten-blue);--background-alt-color-2:var(--light-blue);--text-color:var(--dark);--text-alt-color:var(--blue-gray);--heading-font-color:var(--dark);--link-color:var(--dark);--link-color-hover:var(--dark);--button-color:#320101;--button-background-color:var(--primary-color);--button-background-hover:#edc352;--border-color:var(--light-blue);--border-alt-color:var(--white);--th-color:var(--light-gray);--tr-color:var(--light-gray);--syntax-highlighting-background:var(--light-gray);--theme-toggle-classic-duration:500ms;--code-highlight-bg:#e4e4e4;--dot-color:rgba(0,0,0,.2)}:root[data-theme=dark]{--bg-color:#1d1e22;--bg-color-200:#1d1d1d;--bg-color-400:#171717;--font-color:#fff;--font-color-200:hsla(0,0%,100%,.8);--font-color-400:hsla(0,0%,100%,.6);--font-menu-hover-color:#e2e8f0;--font-placeholder-color:#e2e8f0;--font-disabled-color:#e2e8f0;--selected-color:#e73e54;--box-shadow:inset 0 -1px 0 0 #333;--link-color:#8ab4f8;--code-block-bg:#292d3e;--code-block-text-color:#959dcb;--code-block-keyword:#c792ea;--code-block-comment:#676e95;--code-block-string:#f07178;--code-block-attr:#ffcb6b;--primary-color:#fbdab1;--white:#fff;--light-gray:#f5f5f5;--gray:#9a9a9a;--dark:#2a2b2d;--dark-blue:#181818;--background-color:var(--dark-blue);--header-menu-color:var(--dark);--background-alt-color:var(--dark);--background-alt-color-2:#262729;--text-color:var(--gray);--text-alt-color:var(--gray);--heading-font-color:var(--light-gray);--link-color:var(--light-gray);--link-color-hover:var(--light-gray);--button-color:var(--dark);--button-background-color:var(--primary-color);--button-background-hover:#d3b795;--border-color:#333;--border-alt-color:#333;--th-color:var(--dark);--tr-color:var(--dark);--syntax-highlighting-background:var(--dark);--code-highlight-bg:#212538;--dot-color:hsla(0,0%,100%,.2)}.github-link:before{background-position:50%;background-repeat:no-repeat;background-size:20px;content:"";display:inline-block;height:20px;margin:0 4px;vertical-align:sub;width:20px}body,html{background-color:#fff;background-color:var(--bg-color);color:#1c1c1c;color:var(--font-color);font-family:Poppins,Microsoft Yahei,-apple-system,Arial,sans-serif,BlinkMacSystemFont,PingFang SC;width:100%;-webkit-text-size-adjust:100%;font-display:fallback;scroll-padding-top:64px}body{padding-top:64px}html{overflow-x:hidden}a{color:#111;color:var(--link-color);-webkit-text-decoration:none;text-decoration:none}.a__hover{text-decoration-thickness:1.5px;text-underline-offset:3px}.a__hover:hover{-webkit-text-decoration:underline;text-decoration:underline}.unstyle-a{color:#252525!important;color:var(--font-color-200)!important}a,button,div,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4{color:#1c1c1c;color:var(--font-color);line-height:1.5;word-break:break-word}.flex-1{flex:1}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:transparent;border-radius:0}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#d6dee1;border:4px solid transparent;border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}::-moz-placeholder{color:#252525;color:var(--font-color-200)}::placeholder{color:#252525;color:var(--font-color-200)}::view-transition-group(root){animation-duration:.7s;animation-timing-function:var(--expo-out)}::view-transition-new(root){animation-name:reveal-light}.dark::view-transition-old(root),::view-transition-old(root){z-index:-1}.dark::view-transition-new(root){animation-name:reveal-dark}@keyframes reveal-dark{0%{clip-path:polygon(50% -71%,-50% 71%,50% 171%,171% 50%)}to{clip-path:polygon(50% -71%,-50% 71%,-50% 71%,50% -71%)}}@keyframes reveal-light{0%{clip-path:polygon(171% 50%,50% 171%,50% 171%,171% 50%)}to{clip-path:polygon(171% 50%,50% 171%,-50% 71%,50% -71%)}}[data-theme=dark] .scroll-top svg{fill:#1c1c1c!important;fill:var(--font-color)!important}.scroll-top{bottom:30px;cursor:pointer;display:inline-block;position:fixed;right:30px;transform:scale3d(0,0,0);transition:transform .4s ease;width:30px;z-index:99}.scale-in{transform:scaleX(1)}.adsbygoogle{margin:0 auto;text-align:center}.adsbygoogle[data-ad-status=unfilled]{display:none!important}.adsbygoogle[data-ad-status=unfilled]+.ads-loading{display:none}.adsbygoogle[data-ad-status=filled]{display:block!important}.adsbygoogle[data-ad-status=filled]+.ads-loading{display:none}.google-ad-row{align-items:center;background-color:#fbfbfb;background-color:var(--bg-color-200);display:flex;justify-content:center;margin:32px auto;max-width:100%;position:relative;width:100%}.google-ad-row .ads-loading{height:100%;left:0;position:absolute;top:0;width:100%}.google-ad-row .ads-loading:before{animation:progress-sze6ck 2s infinite backwards;background:linear-gradient(0deg,#2e52a4,#2e52a4 50%,transparent 0,transparent);background-repeat:no-repeat;background-size:100% 200%;border:5px solid #dfdfdf;border-radius:12px;content:" ";display:block;height:48px;left:calc(50% - 9px);position:absolute;top:calc(50% - 24px);width:18px}@media screen and (max-width:768px){.google-ad-row{margin:12px auto}}ins{background-color:#fbfbfb;background-color:var(--bg-color-200);min-height:120px!important;position:relative}ins:before{align-items:center;color:#848484;content:"ADVERTISEMENT";display:flex;font-size:16px;font-weight:400;height:100%;justify-content:center;left:0;opacity:.5;position:absolute;top:0;width:100%}@keyframes progress-sze6ck{0%{background-position:0 0;transform:rotate(0deg)}25%{background-position:0 100%;transform:rotate(0deg)}50%{background-position:0 100%;transform:rotate(180deg)}75%{background-position:0 200%;transform:rotate(180deg)}to{background-position:0 200%;transform:rotate(1turn)}}.google-ad-col{height:360px;margin-top:18px;width:100%}._cat{color:#252525;color:var(--font-color-200);font-size:14px;font-weight:500;margin-bottom:16px;position:relative;text-transform:uppercase;z-index:99}._textLineAnimation{background-image:linear-gradient(transparent calc(100% - 2px),#1c1c1c 2px);background-image:linear-gradient(transparent calc(100% - 2px),var(--font-color) 2px);background-repeat:no-repeat;background-size:0 100%;transition:background-size 1s}._textLineAnimation:hover{background-size:100% 100%}._small-article-title{color:#1c1c1c;color:var(--font-color);font-size:24px;font-weight:700;line-height:1.4;margin:12px 0}._small-article-desc{color:#252525;color:var(--font-color-200);display:-webkit-box;font-size:16px;line-height:1.5;margin-bottom:5px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:center;align-items:center}.mb-24{margin-bottom:24px!important}.horizontal-line{background-color:#fbfbfb;background-color:var(--bg-color-200);height:1px;margin:32px 0;width:100%}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{transition:all .3s ease-in-out}@media (min-width:1100px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1100px!important;padding:0 24px}}@media (min-width:1500px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px!important;padding:0 32px}}.font-12{font-size:12px}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:center;align-items:center}.max-width-1024{margin:0 auto;max-width:1024px}.theme-toggle__classic{height:28px;width:28px}.square{border-radius:8px;overflow:hidden;padding-top:100%;position:relative;width:100%}.article-tag{background-color:#eaecef;background-color:var(--background-alt-color);border-radius:60px;color:#111;color:var(--heading-font-color);margin:3px 6px 3px 0;padding:6px 16px;text-transform:capitalize;transition:all .2s}.article-date,.article-tag{font-size:12px;font-weight:500}.article-date{color:#697177;color:var(--text-alt-color);line-height:1;text-transform:uppercase}.section-title-wrap{margin-bottom:32px}.section-title{font-size:32px;margin-bottom:0}.section-inner{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border-color)}.see-more{align-items:center;background:#f8ce5f;background:var(--button-background-color);border:none;border-radius:60px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;outline:none;padding:8px 18px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s;will-change:transform}.see-more,.see-more:hover{color:#320101;color:var(--button-color)}.see-more:hover{background:#edc352;background:var(--button-background-hover)}.header{align-items:center;background-color:#fff;background-color:var(--bg-color);box-shadow:inset 0 -1px 0 0 #eaeaea;box-shadow:var(--box-shadow);color:#1c1c1c;color:var(--font-color);display:flex;height:64px;left:0;position:fixed;right:0;top:0;width:100%;z-index:999}.header .header-logo-wrap{line-height:0;margin-right:20px;width:80px}.header .header-logo-wrap .header-logo{align-items:center;color:#1c1c1c;color:var(--font-color);display:inline-flex;font-weight:bolder;position:relative;z-index:10}.header .header-toggle-btn{display:none;font-size:36px}.header .menu{align-content:center;display:flex;list-style:none;margin:0 0 0 40px;padding:0}.header .menu .menu-text{font-size:16px;height:64px;line-height:64px}.header .menu .menu-item{margin-right:64px}.header .menu .sub-menu{backface-visibility:hidden;background-color:#fff;background-color:var(--header-menu-color);border-radius:16px;box-shadow:0 8px 40px -8px rgba(0,0,0,.22);display:flex;flex-direction:column;font-weight:500;left:-32px;list-style:none;margin:0;min-width:160px;opacity:0;padding:16px;position:absolute;top:calc(100% + 8px);transform:translate3d(0,10px,0);transition:all .2s ease;visibility:hidden;z-index:100}.header .menu li{color:#1c1c1c;color:var(--font-color);cursor:pointer;position:relative;text-transform:capitalize;transition:color .1s ease-in-out}.header .menu li a{display:block;padding:8px 16px;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:transparent}.header .menu li a:hover{text-decoration-color:#111;text-decoration-color:var(--link-color)}.header .menu li:after{background-color:#000;bottom:0;content:"";display:block;height:1px;left:auto;pointer-events:none;position:absolute;right:0;transition:all .2s ease;width:0}.header .menu li:hover{color:#000;color:var(--font-menu-hover-color)}.header .menu li:hover .sub-menu{opacity:1;top:100%;visibility:visible}.header .menu li:hover .menu-text:after{left:0;right:auto;width:100%}.header .header-search{align-items:center;display:inline-flex;height:100%;margin-left:auto;position:relative}.header .header-search .header-search__icon{color:#1c1c1c;color:var(--font-color);font-size:20px;position:absolute}.header .header-search .header-search__input{background:transparent;border:none;border-radius:0;color:#1c1c1c;color:var(--font-color);font-size:14px;height:100%;outline:none;padding-bottom:12px;padding-left:30px;padding-top:12px;width:100%;z-index:1}.header .header-search .header-search__input::-moz-placeholder{font-size:14px}.header .header-search .header-search__input::placeholder{font-size:14px}.header .header-search .header-search__input:focus+.header-search__border-helper:before{transform:scaleX(1)}.header .header-search .header-search__border-helper{bottom:0;height:1px;left:0;position:absolute;width:100%}.header .header-search .header-search__border-helper:before{background:#9a9a9a;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scale3d(0,0,0);transition:transform .2s ease-in-out;width:100%}@media screen and (max-width:820px){.header .header-search{height:auto;padding:0 12px;width:100%}.header .header-left{flex:1}.header .menu-wrap{background-color:#fff;background-color:var(--bg-color);display:none!important;flex-direction:column-reverse;height:0;left:0;padding-top:64px;position:fixed;right:0;top:0;transition:all .2s ease-in-out;width:100%}.header .menu-wrap .menu{align-items:flex-start;display:none;flex:1;flex-direction:column;margin:0;width:100%!important}.header .menu-wrap .menu .menu-item{opacity:0;transform:translateY(-12px);transition-delay:.24s;transition-duration:.24s;transition-property:opacity,transform,visibility;transition-timing-function:cubic-bezier(.4,0,.6,1),cubic-bezier(.4,0,.6,1),step-start}.header .menu-wrap .sub-menu{transform:translateZ(0)}.header .menu-wrap .sub-menu li{background-color:#fbfbfb;background-color:var(--bg-color-200);border-right:1px solid #f0f0f0;border-right:1px solid var(--bg-color-400);flex:1!important;width:auto}.header .menu-wrap .sub-menu li:last-child{border-right:none}.header .header-toggle-btn{display:inline-block!important}.mobile-menu-open body,.mobile-menu-open html{height:100vh;overflow:hidden}.mobile-menu-open .header-logo-wrap{flex:1}.mobile-menu-open .header .menu-wrap{display:flex!important;height:100vh}.mobile-menu-open .header .menu-wrap .menu{align-content:flex-start;display:block;text-align:center}.mobile-menu-open .header .menu-wrap .menu .menu-item{opacity:1;transform:translateZ(0)}.mobile-menu-open .header .menu-wrap .menu .sub-menu{border-radius:0;box-shadow:none;flex-direction:row;justify-content:center;left:0;opacity:1;padding:0;position:relative;top:0;visibility:visible}.mobile-menu-open .header .menu-wrap .menu .sub-menu>li{height:64px;line-height:64px}.mobile-menu-open .header .menu-wrap .menu a{padding:0}.mobile-menu-open .header .menu-wrap .menu>li{width:100%}.mobile-menu-open .header-toggle-btn{transform:rotate(90deg)}}.headroom{transition:transform .2s linear;will-change:transform}.headroom--pinned{box-shadow:inset 0 -1px 0 0 #eaeaea;box-shadow:var(--box-shadow);transform:translateY(0)}.headroom--unpinned{transform:translateY(-100%)}.menu-ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-ham .bottom,.menu-ham .top{stroke-dasharray:40 121}.menu-ham.active .bottom,.menu-ham.active .top{stroke-dashoffset:-68px}.menu-ham-rotate.active{transform:rotate(45deg)}.menu-ham-rotate-180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:currentColor;stroke-width:5.5;stroke-linecap:round}.theme-toggle{align-items:center;background:0 0;border:none;cursor:pointer;display:inline-flex;font-size:32px;height:42px;justify-content:center;width:42px}.theme-toggle.theme-toggle--reversed .theme-toggle__classic{transform:scaleX(-1)}.theme-toggle__classic path{transform-origin:center;transition-duration:.4s;transition-duration:calc(var(--theme-toggle-classic-duration)*.8);transition-timing-function:cubic-bezier(0,0,.15,1.25)}.theme-toggle__classic g path{transition-delay:.1s;transition-delay:calc(var(--theme-toggle-classic-duration)*.2);transition-property:opacity,transform}.theme-toggle__classic :first-child path{transition-property:transform,d}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic g path,[data-theme=dark] .theme-toggle:not(label).theme-toggle .theme-toggle__classic g path{opacity:0;transform:scale(.5) rotate(45deg);transition-delay:0s}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,[data-theme=dark] .theme-toggle:not(label).theme-toggle .theme-toggle__classic :first-child path{d:path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z");transition-delay:.1s;transition-delay:calc(var(--theme-toggle-classic-duration)*.2)}@supports not (d:path("")){.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,[data-theme=dark] .theme-toggle:not(label).theme-toggle .theme-toggle__classic :first-child path{transform:translate3d(-12px,10px,0)}}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}.social-link{padding:0}.social-link li{display:inline-block}.social-link .s-icon{width:28px}.footer-container{background-color:#fbfbfb;background-color:var(--bg-color-200);color:#252525;color:var(--font-color-200);font-size:14px;height:240px;padding:24px}.footer-container a{color:inherit}.footer-container ul{list-style:none;padding:0}.footer-container .work-list li{margin:12px 4px}.footer-container .iconfont{font-size:28px}.footer-container .copyright-container{border-top:1px solid #e4e6eb;border-top:1px solid var(--border-color);padding-top:24px}.tec-article{margin:60px auto 0}.image-wrap{border-radius:8px;border-radius:var(--img-border-radius)}.big-article{color:#fff;height:80vw;margin-bottom:30px;max-height:720px;min-height:460px;position:relative}.big-article .image-wrap{left:0;overflow:hidden;padding-top:90%;position:absolute;top:0;width:100%}.big-article .image-wrap img{-o-object-fit:cover;object-fit:cover;transition:.3s}.big-article .back-half,.big-article .image-wrap img{height:100%;left:0;position:absolute;top:0;width:100%}.big-article .back-half{background-image:linear-gradient(180deg,rgba(3,3,3,.4),rgba(3,3,3,.32) 20%,rgba(1,1,1,0));border-radius:8px;border-radius:var(--img-border-radius);z-index:2}.big-article .big-article__info{left:35px;padding-right:58px;position:absolute;top:45px}.big-article .cat{color:#252525;color:var(--font-color-200);color:#fff;font-size:14px;font-weight:500;margin-bottom:16px;position:relative;text-transform:uppercase;z-index:99}.big-article h2{color:#1c1c1c;color:var(--font-color);color:#fff;font-size:24px;font-size:28px;font-weight:700;line-height:1.4;margin:12px 0;position:relative;z-index:10}.big-article .excerpt{font-size:16px;line-height:1.44;padding-right:58px;position:relative;z-index:2}.small-article .image-wrap{margin-bottom:18px;overflow:hidden;padding-top:80%;position:relative}.small-article .cat{color:#252525;color:var(--font-color-200);font-size:14px;font-weight:500;margin-bottom:16px;position:relative;text-transform:uppercase;z-index:99}.small-article img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:.3s;width:100%}.small-article h2{color:#1c1c1c;color:var(--font-color);font-size:24px;font-weight:700;line-height:1.4;margin:12px 0}.article-desc{color:#252525;color:var(--font-color-200);display:-webkit-box;font-size:16px;line-height:1.5;margin-bottom:5px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:center;align-items:center}.faq-article{margin:60px 0}.faq-article .item{background-color:#fbfbfb;background-color:var(--bg-color-200);border-radius:0;border-radius:8px;border-radius:var(--img-border-radius);color:#000;margin-bottom:12px;min-height:535px;overflow:hidden;padding:38px 30px 30px;position:relative}.faq-article .item h2{font-weight:700}.faq-article .item img{border-radius:0;bottom:0;height:50%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:.4s;width:100%}.faq-article .cat{color:#252525;color:var(--font-color-200);font-size:14px;font-weight:500;margin-bottom:16px;position:relative;text-transform:uppercase;z-index:99}.share-article .share-article-item{margin:12px 0}.share-article .share-article-cover{border-radius:8px;border-radius:var(--img-border-radius);overflow:hidden;padding-top:75%;position:relative;width:100%}.share-article .share-article-cover img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:.3s;width:100%}.share-article .share-article-number{display:block;font-size:98px;margin:0 32px;padding:0;width:auto}.share-article .share-article-content{display:flex;flex-direction:column}.share-article .share-article-content .cat{color:#252525;color:var(--font-color-200);font-size:14px;font-weight:500;margin-bottom:16px;position:relative;text-transform:uppercase;z-index:99}.share-article .share-article-content h2{color:#1c1c1c;color:var(--font-color);font-size:24px;font-weight:700;line-height:1.4;margin:0 0 12px}@media screen and (max-width:768px){.big-article{height:auto;max-height:none;min-height:auto;padding-top:0}.big-article .back-half{display:none}.big-article .big-article__info,.big-article .cat{color:#1c1c1c;color:var(--font-color)}.big-article .big-article__info{left:0;padding:0;position:relative;top:0}.big-article .excerpt{color:#252525;color:var(--font-color-200);display:-webkit-box;font-size:16px;line-height:1.5;margin-bottom:5px;padding-right:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:center;align-items:center}.big-article h2{color:#1c1c1c;color:var(--font-color);font-size:24px;font-weight:700;line-height:1.4;margin:12px 0}.big-article .image-wrap,.small-article .image-wrap{border-radius:8px;margin-bottom:18px;padding-top:50%;position:relative}.share-article-item{flex-direction:column;gap:12px}}.no-content{background-color:#f0f0f0;background-color:var(--bg-color-400)}.cat-title-wrap h3{font-weight:700}