:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body.dark-mode{background-color:#141414}body.dark-mode code{background-color:#1f1f1f;color:#e8e8e8}#header{background-color:#fff;position:relative;z-index:10;height:64px;transition:background-color .3s ease;padding-top:env(safe-area-inset-top);min-height:calc(64px + env(safe-area-inset-top, 0px))}body.dark-mode #header{background-color:#1f1f1f;border-bottom:1px solid #303030}#logo{overflow:hidden;padding-left:calc(40px + env(safe-area-inset-left, 0px));float:left;line-height:64px;text-decoration:none;height:64px}#logo img{display:inline;vertical-align:middle;margin-right:16px;width:32px}#logo span{outline:none;font-size:14px;line-height:28px;transition:color .3s ease}#logo span,body.dark-mode #logo span{color:#1890ff}.header-meta{padding-right:calc(40px + env(safe-area-inset-right, 0px))}.header-meta:after,.header-meta:before{display:table;content:""}.header-meta:after{clear:both}#menu{float:right;overflow:hidden;height:64px}#menu .ant-menu{line-height:60px;background:transparent}#menu .ant-menu-horizontal{border-bottom:none}#menu .ant-menu-horizontal>.ant-menu-item{border-top:2px solid transparent}#menu .ant-menu-horizontal>.ant-menu-item a{color:#314659;transition:color .3s ease}#menu .ant-menu-horizontal>.ant-menu-item:hover{border-top:2px solid #1890ff;border-bottom:2px solid transparent}#menu .ant-menu-horizontal>.ant-menu-item:hover a{color:#1890ff}#menu .ant-menu-horizontal>.ant-menu-item-selected{border-top:2px solid #1890ff;border-bottom:2px solid transparent}#menu .ant-menu-horizontal>.ant-menu-item-selected a{color:#1890ff}body.dark-mode #menu .ant-menu-horizontal>.ant-menu-item a{color:#e8e8e8}#preview{padding-top:17px;float:right;margin-left:32px}#preview button{border-radius:32px}#preview-button .ant-btn{color:#314659}body,html{height:100%}body{font-family:-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;line-height:1.5;color:#314659;font-size:14px;background:#fff;transition:background 1s cubic-bezier(.075,.82,.165,1);overflow-x:hidden}body.dark-mode{background:#141414;color:#e8e8e8}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#e8e8e8}a{transition:color .3s ease}a:focus{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.home-wrapper{width:100%;color:#697b8c;transition:color .3s ease}.home-wrapper .ant-btn{min-width:110px;height:40px;border-radius:20px;font-size:16px}.home-wrapper .ant-btn:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 4px 12px rgba(24,144,255,.4)}body.dark-mode .home-wrapper{color:#a8a8a8}svg g{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transform-box:fill-box}.banner-wrapper{height:526px;width:100%;max-width:1500px;margin:auto;position:relative;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.banner-wrapper .banner-title-wrapper{width:40%;max-width:480px;height:245px;position:absolute;top:0;bottom:0;left:10%;margin:auto;z-index:1}.banner-wrapper .banner-title-wrapper>*{will-change:transform}.banner-wrapper .banner-title-wrapper h1{font-family:Futura,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:40px;margin:12px 0;transition:color .3s ease}.banner-wrapper .banner-title-wrapper p{font-size:17px;transition:color .3s ease}.banner-wrapper .banner-title-wrapper .button-wrapper{margin-top:64px;line-height:40px;align-items:center;display:flex}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn{display:inline-block;height:28px}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn{height:28px;border-radius:4px;background:#f3f3f3;background:linear-gradient(180deg,#fff 0,#f3f3f3);border:1px solid #ebedf0;align-items:center;display:flex;padding:0 12px;font-size:13px}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn:hover{color:#1890ff}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn .gh-ico{margin-right:8px}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-count{height:28px;line-height:22px;background:#fff;border:1px solid #ebedf0;border-radius:4px;padding:2px 8px;font-size:13px}.banner-wrapper .banner-title-wrapper .title-line{-webkit-transform:translateX(-64px);transform:translateX(-64px);-webkit-animation:bannerTitleLine 3s ease-in-out 0s infinite;animation:bannerTitleLine 3s ease-in-out 0s infinite}.banner-wrapper .banner-image-wrapper{width:45%;max-width:598px;height:324px;position:absolute;right:8%;margin:auto;top:0;bottom:0;opacity:0}body.dark-mode .banner-wrapper .banner-title-wrapper h1{color:#e8e8e8}body.dark-mode .banner-wrapper .banner-title-wrapper p{color:#a8a8a8}body.dark-mode .ant-menu{background:transparent;color:#e8e8e8}body.dark-mode .ant-menu .ant-menu-item a{color:#e8e8e8}body.dark-mode .ant-menu .ant-menu-item a:hover{color:#1890ff}body.dark-mode .ant-popover .ant-popover-inner,body.dark-mode .ant-popover .ant-popover-inner .ant-popover-inner-content .ant-menu{background:#1f1f1f}body.dark-mode .ant-popover .ant-popover-inner .ant-popover-inner-content .ant-menu .ant-menu-item a{color:#e8e8e8}body.dark-mode .ant-popover .ant-popover-inner .ant-popover-inner-content .ant-menu .ant-menu-item:hover{background:#2a2a2a}body.dark-mode .ant-btn.ant-btn-ghost{border-color:#434343;color:#e8e8e8}body.dark-mode .ant-btn.ant-btn-ghost:hover{border-color:#1890ff;color:#1890ff}body.dark-mode .ant-timeline,body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-content,body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-content h3,body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-content h4,body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-content h5,body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-content h6,body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-content p{color:#e8e8e8}body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-head{background-color:#1f1f1f;border-color:#434343}body.dark-mode .ant-timeline .ant-timeline-item .ant-timeline-item-tail{border-left-color:#434343}.home-banner-image{display:none}.title-line-wrapper{height:2px;width:100%;overflow:hidden}.title-line-wrapper .title-line{height:100%;width:64px;-webkit-transform:translateX(-64px);transform:translateX(-64px);background:linear-gradient(90deg,rgba(24,144,255,0) 0,#1890ff)}.home-page{margin:50px auto}.home-page h2{text-align:center;font-weight:300;font-size:28px;color:#314659;letter-spacing:.6px;transition:color .3s ease}.home-page h2 span{font-weight:600}body.dark-mode .home-page h2{color:#e8e8e8}.home-page-wrapper{max-width:1280px;width:100%;margin:auto;position:relative}.page1{height:960px}.page1-line.title-line-wrapper{width:312px;margin:24px auto 76px}.page1-line.title-line-wrapper .title-line{-webkit-animation:page1TitleLine 3s ease-in-out 1.5s infinite;animation:page1TitleLine 3s ease-in-out 1.5s infinite}.page1-bg{font-size:320px;color:#ebedf0;position:absolute;width:100%;text-align:center;opacity:.25;top:0;-webkit-transform:translateY(960px);transform:translateY(960px);transition:color .3s ease}body.dark-mode .page1-bg{color:#2a2a2a}.page1-box-wrapper{margin-bottom:62px;display:flex;align-items:flex-start}.page1-box-wrapper li{width:33.33%;display:inline-block;will-change:transform}.page1-box-wrapper li .page1-box{width:194px;margin:auto;text-align:center;position:relative}.page1-box-wrapper li .page1-box .page1-image{width:80px;height:80px;border-radius:40px;margin:20px auto 32px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;background:#fff;transition:box-shadow .3s ease-out,background .3s ease,-webkit-transform .3s ease-out;transition:box-shadow .3s ease-out,transform .3s ease-out,background .3s ease;transition:box-shadow .3s ease-out,transform .3s ease-out,background .3s ease,-webkit-transform .3s ease-out}.page1-box-wrapper li .page1-box:hover .page1-image{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.page1-box-wrapper li .page1-box h3{color:#0d1a26;font-size:16px;margin:8px auto;transition:color .3s ease}body.dark-mode .page1-box-wrapper .page1-box .page1-image{background:#1f1f1f}body.dark-mode .page1-box-wrapper .page1-box h3{color:#e8e8e8}body.dark-mode .page1-box-wrapper .page1-box p{color:#a8a8a8}.page1-point-wrapper{position:absolute;width:0;left:50%;top:0}.page1-point-wrapper .point-0{width:4px;height:4px}.page1-point-wrapper .point-2,.page1-point-wrapper .point-ring{width:10px;height:10px}.page1-point-wrapper .point-ring{border-style:solid;border-width:1px;background:transparent!important}.page1-point-wrapper .point-1{width:6px;height:6px}.page1-point-wrapper .point-3{width:15px;height:15px}.page1-point-wrapper i{display:inline-block;border-radius:100%;position:absolute;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page2{text-align:center;height:588px}.page2 .page2-content{will-change:transform}.page2-line{margin:148px auto 24px;width:114px}.page2-line .title-line{-webkit-animation:page2TitleLine 3s ease-in-out 0s infinite;animation:page2TitleLine 3s ease-in-out 0s infinite}.page-content{width:760px;margin:24px auto 32px;line-height:28px;transition:color .3s ease}body.dark-mode .page-content{color:#e8e8e8}.home-code{width:90%;max-width:840px;border-radius:4px;background:#f2f4f5;line-height:28px;margin:16px auto;color:#151e26;font-size:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;text-align:left;padding:20px 50px;transition:background .3s ease,color .3s ease}.home-code span{color:#f5222d}body.dark-mode .home-code{background:#1f1f1f;color:#e8e8e8}.home-code-comment{color:#697b8c!important}@-webkit-keyframes bannerTitleLine{0%,25%{-webkit-transform:translateX(-64px);transform:translateX(-64px)}75%,to{-webkit-transform:translateX(544px);transform:translateX(544px)}}@keyframes bannerTitleLine{0%,25%{-webkit-transform:translateX(-64px);transform:translateX(-64px)}75%,to{-webkit-transform:translateX(544px);transform:translateX(544px)}}@-webkit-keyframes page1TitleLine{0%,25%{-webkit-transform:translateX(-64px);transform:translateX(-64px)}75%,to{-webkit-transform:translateX(376px);transform:translateX(376px)}}@keyframes page1TitleLine{0%,25%{-webkit-transform:translateX(-64px);transform:translateX(-64px)}75%,to{-webkit-transform:translateX(376px);transform:translateX(376px)}}@-webkit-keyframes page2TitleLine{0%,25%{-webkit-transform:translateX(-64px);transform:translateX(-64px)}75%,to{-webkit-transform:translateX(178px);transform:translateX(178px)}}@keyframes page2TitleLine{0%,25%{-webkit-transform:translateX(-64px);transform:translateX(-64px)}75%,to{-webkit-transform:translateX(178px);transform:translateX(178px)}}footer.dark{background-color:#000;color:hsla(0,0%,100%,.65);transition:background-color .3s ease,color .3s ease}footer.dark a{color:#fff;transition:color .3s ease}footer.dark h2,footer.dark h2>span{color:#fff}footer.dark .bottom-bar{border-top:1px solid hsla(0,0%,100%,.25);overflow:hidden}body.dark-mode footer.dark{background-color:#141414;color:hsla(0,0%,100%,.85)}footer{border-top:1px solid #e5e7eb;clear:both;font-size:12px;background:#fff;position:relative;z-index:100;color:#314659;box-shadow:0 1000px 0 1000px #fff;transition:background .3s ease,color .3s ease,border-color .3s ease;padding-bottom:env(safe-area-inset-bottom)}footer .ant-row{text-align:center}footer .ant-row .footer-center{display:inline-block;text-align:left}footer .ant-row .footer-center>h2{font-size:14px;margin:0 auto 24px;font-weight:500;position:relative;transition:color .3s ease}footer .ant-row .footer-center>h2>.anticon{font-size:16px;position:absolute;left:-22px;top:3px;color:#aaa}footer .ant-row .footer-center>div{margin:12px 0}footer .ant-row .footer-center>div a{transition:color .3s ease}footer .footer-wrap{position:relative;padding:86px calc(114px + env(safe-area-inset-right, 0px)) 70px calc(114px + env(safe-area-inset-left, 0px))}footer .bottom-bar{border-top:1px solid #e5e7eb;text-align:right;margin:0;line-height:24px;transition:border-color .3s ease;padding:20px calc(114px + env(safe-area-inset-right, 0px)) calc(20px + env(safe-area-inset-bottom, 0px)) calc(114px + env(safe-area-inset-left, 0px))}footer .bottom-bar a{color:hsla(0,0%,100%,.65);transition:color .3s ease}footer .bottom-bar a:hover{color:#fff}footer .bottom-bar .translate-button{text-align:left;width:200px;margin:0 auto}footer .footer-logo{position:relative;top:-2px}footer .footer-flag{position:relative;top:-4px;margin-right:8px}body.dark-mode footer:not(.dark){background:#1f1f1f;color:#e8e8e8;border-top:1px solid #303030;box-shadow:0 1000px 0 1000px #1f1f1f}body.dark-mode footer:not(.dark) .footer-center>h2{color:#e8e8e8}body.dark-mode footer:not(.dark) .footer-center>div a{color:#a8a8a8}body.dark-mode footer:not(.dark) .footer-center>div a:hover{color:#e8e8e8}body.dark-mode footer:not(.dark) .bottom-bar{border-top:1px solid #303030}body.dark-mode footer:not(.dark) .bottom-bar a{color:#a8a8a8}body.dark-mode footer:not(.dark) .bottom-bar a:hover{color:#e8e8e8}.nav-phone-icon{display:none;position:absolute;right:30px;top:25px;z-index:1;width:16px;height:22px;cursor:pointer;top:calc(25px + env(safe-area-inset-top, 0px));right:calc(30px + env(safe-area-inset-right, 0px))}@media only screen and (min-width:1440px) and (max-width:1599px){#header .ant-row .ant-col-xl-5,.main-wrapper>.ant-row>.ant-col-xl-5{width:274px}}@media only screen and (max-width:1300px){#search-box{display:none}}@media only screen and (max-width:1200px){#logo{padding:0 40px}.banner-wrapper .banner-title-wrapper h1{font-size:36px}.banner-wrapper .banner-title-wrapper p{font-size:16px}}@media only screen and (max-width:992px){.code-boxes-col-1-1,.code-boxes-col-2-1,.preview-image-boxes{float:none;width:100%}.preview-image-boxes{margin:0!important}.preview-image-box{padding-left:0;margin:10px 0}.banner-entry{position:relative;top:30px;left:0;text-align:center}.image-wrapper{display:none}.banner-wrapper{background-position:40%}.content-wrapper .text-wrapper{float:none;text-align:center;left:0;width:100%;padding:0}.content-wrapper .text-wrapper>p{max-width:100%!important;padding:0 40px}.content-wrapper.page{min-height:300px;height:300px}.banner-text-wrapper{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.banner-text-wrapper .start-button{text-align:center}.banner-text-wrapper .start-button>a{margin:0 4px}.banner-text-wrapper .github-btn{text-align:center;float:none;display:inline-block}.banner-text-wrapper .line{display:none}button.lang{color:#314659;border-color:#314659}button.lang,div.version{display:block;margin:29px auto 16px}div.version>.ant-select-selection{color:#314659}div.version>.ant-select-selection:not(:hover){border-color:#314659}.popover-menu{width:300px}.popover-menu button.lang{margin:16px auto;float:none}.popover-menu div.version{margin:32px auto 16px;float:none}.popover-menu .ant-popover-inner{overflow:hidden}.popover-menu .ant-popover-inner-content{padding:0}.toc{display:none}.nav-phone-icon{display:block}.nav-phone-icon:before{content:"";display:block;border-radius:2px;width:16px;height:2px;background:#777;box-shadow:0 6px 0 0 #777,0 12px 0 0 #777;position:absolute}.main{height:calc(100% - 86px)}.aside-container{float:none;width:auto;padding-bottom:30px;border-right:0;margin-bottom:30px}.main-container{padding-left:16px;padding-right:16px;margin-right:0}.main-container>.markdown>*{width:100%!important}.main-wrapper{width:100%;border-radius:0;margin:0}#footer{text-align:center}#footer .footer-wrap{padding:40px}#footer .footer-center{text-align:center}#footer h2{margin-top:16px}#footer .bottom-bar{text-align:center}#footer .bottom-bar .translate-button{width:auto;text-align:center;margin-bottom:16px}.prev-next-nav{margin-left:16px;width:calc(100% - 32px)}.drawer .ant-menu-inline .ant-menu-item:after,.drawer .ant-menu-vertical .ant-menu-item:after{left:0;right:auto}}@media only screen and (max-width:768px){#logo{padding:0;display:block;margin-left:auto;margin-right:auto;float:none;width:200px}.header-meta{padding-right:80px}.home-banner-image{display:block}.home-banner-anim{display:none}.banner-wrapper{width:80%;height:calc(100vh - 64px);overflow:hidden}.banner-wrapper .banner-image-wrapper,.banner-wrapper .banner-title-wrapper{display:block;position:static;width:100%;height:auto}.banner-wrapper .banner-title-wrapper{text-align:center;max-width:480px}.banner-wrapper .banner-title-wrapper .button-wrapper{text-align:center;display:block;margin-top:5vh}.banner-wrapper .banner-title-wrapper .button-wrapper a{display:inline-block}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn{display:flex;margin:20px auto;justify-content:center}.banner-wrapper .banner-image-wrapper{margin:10vh auto 5vh}.home-page{width:90%}.home-code,.page-content{width:100%}#footer .footer-wrap{padding:0}}@media only screen and (max-width:480px){.page1{height:1600px}.page2{height:628px}.page1-box-wrapper{display:block}.page1-box-wrapper li{width:80%;display:block;margin:0 auto 100px}.page1-box-wrapper li .page1-box{width:100%}.banner-wrapper .banner-title-wrapper h1{font-size:28px}.banner-wrapper .banner-title-wrapper p{font-size:16px}}@media only screen and (max-width:320px){.home-page h2{font-size:24px}.page2{height:648px}}.App{text-align:center;transition:background-color .3s ease,color .3s ease}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;transition:background-color .3s ease}body.dark-mode .App-header{background-color:#141414}.App-link{color:#61dafb;transition:color .3s ease}body.dark-mode .App-link{color:#4da6ff}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.8f4abc3e.chunk.css.map */