.v2 .github-btn{align-items:center;background-color:#fff;border-radius:6px;color:var(--gray-1);display:inline-flex;font:11px/14px Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;padding:8px 17px}.v2 .github-btn .octicon{height:22px;margin-left:5px;width:22px}.v2 .gh-btn,.v2 .gh-count{color:#333;font-size:16px;text-decoration:none;white-space:nowrap}.v2 .gh-count{background:#fff;border-radius:3px;border-style:none;display:inline-block;margin-left:5px;position:relative}.v2 .octicon{fill:currentColor;display:inline-block;vertical-align:text-top}
@font-face{font-display:swap;font-family:AlibabaPuHuiTiH;font-weight:900;src:url(//at.alicdn.com/wf/webfont/gdm92nrHrd8n/dSHW5NCuqNZR.woff2) format("woff2"),url(//at.alicdn.com/wf/webfont/gdm92nrHrd8n/BTZD1ZFDJdWm.woff) format("woff")}.section{padding-top:40px}.section h1{font-family:AlibabaPuHuiTiH,-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;font-size:66px;font-weight:400}.section h3{color:#333;font-size:18px;line-height:1.4}.container{margin:0 auto;max-width:1500px}.section-text{margin-left:24px;margin-top:208px;padding-right:24px}.section-text p{color:var(--gray-2);font-size:16px;font-weight:300;margin:9px 0 30px}.section-text .Video{margin-top:20px}.section-img img{display:block;max-width:100%}.section-figure{width:455px}.section-figure h3{margin:20px 0 10px}.btn-wrap{align-items:center;display:flex;flex-wrap:wrap;padding-top:20px}.view-btn{background:var(--brand-1);border-radius:6px;color:#fff;display:inline-block;font-weight:400;letter-spacing:1px;margin-right:16px;padding:10px 27px;text-align:center;transition:.3s}.view-btn:hover{background:var(--brand-2)}.banner-body{display:flex;flex-wrap:wrap;justify-content:space-around}.banner-section{background:#ffc233;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kwZ0Xw1uKIYlXaKxT_!!6000000006018-0-tps-2880-1500.jpg);background-size:100% 100%;overflow:hidden;position:relative;width:100%}.banner-section .section{padding-bottom:0}.banner-section .section-body{position:relative;z-index:1}.banner-section h1,.banner-section h3,.banner-section p{color:var(--color-text-1)}.banner-section .view-main-btn{background:var(--btn-primary-bg);border-radius:6px;color:#fff;margin-right:16px;padding:8px 16px;position:relative}.banner-section .view-main-btn:hover{--btn-primary-bg:#ff7a27}.banner-section .view-btn{background:#fff;border:1px solid #fff;border-radius:6px;color:var(--color-text-1);padding:7px 13px;position:relative}.banner-section .view-btn:hover{border-color:var(--brand-1);color:var(--brand-1)}.dialog-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border:1px solid #fff;border-radius:24px;box-shadow:0 12px 17px 0 rgba(255,183,116,.46);margin:100px 24px 0;padding:20px}.dialog-section-inner{border-radius:18px;box-shadow:0 12px 17px 0 rgba(255,183,116,.46),inset 0 3px 4px 0 hsla(0,0%,100%,.5);max-height:566px;max-width:360px;overflow:hidden}.texture{left:50%;position:absolute;top:0}.honeycomb{animation:move-bubble 15s linear infinite;opacity:.7;position:absolute;transform:translateX(-10%) rotate(-30deg)}.honeycomb:nth-child(2){animation-delay:1s}.honeycomb:nth-child(3){animation-delay:2s}@keyframes move-bubble{0%{opacity:.7;transform:translateX(-10%) rotate(-30deg)}10%{opacity:1}50%{opacity:.8;transform:translateX(10%) rotate(0deg) scale(.8)}80%{opacity:1}to{opacity:.7;transform:translateX(-10%) rotate(30deg)}}.player{background:#fff;padding-top:31px}.player .Video{display:block;width:307px;z-index:10}.highlight-section{background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01gH2xCI1g7YvP0jA0q_!!6000000004095-0-tps-1840-930.jpg);background-size:100% 100%}.highlight-section .section-header{padding-bottom:50px;padding-top:40px;text-align:center}.highlight-section .section-header h2{font-family:AlibabaPuHuiTiM;font-size:30px}.highlight-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.4);border-radius:18px;flex-wrap:wrap;gap:24px 60px;margin:-120px 20px 0;padding:36px 86px}.highlight-card,.highlight-list{display:flex;justify-content:center}.highlight-card{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:12px;height:136px;min-width:302px;padding:32px;transition:.3s;width:354px}.highlight-card img{border-radius:6px;display:block;height:72px;-o-object-fit:cover;object-fit:cover;width:72px}.highlight-card h4{color:var(--color-text-1);font-size:20px;font-weight:500}.highlight-card p{color:#50607a;font-size:14px;font-weight:400;margin-top:5px}a.highlight-card:hover{background:hsla(0,0%,100%,.9);box-shadow:2px 3px 45px 0 rgba(255,196,133,.7)}.highlight-text{background:#fff;border-radius:0 0 8px 8px;border-top:0;flex:1;padding:12px}.feature-section:nth-child(odd) .section-body{flex-direction:row-reverse}.feature-section:nth-child(2n){background:var(--light-2)}.users-section{background:url(https://img.alicdn.com/imgextra/i4/O1CN01svIAsu1fW0Rpk4qiI_!!6000000004013-0-tps-1840-653.jpg) 0 bottom no-repeat;background-size:cover;min-height:540px;padding-bottom:156px}.users-section .section{padding-top:80px}.users-section h2{color:var(--color-text-1);font-family:AlibabaPuHuiTiM;font-size:30px;margin-bottom:40px;text-align:center}.users-section .img-fluid{margin:0 auto}.user-list-v2{display:flex;flex-wrap:wrap;justify-content:center}.user-list-v2 li{background:url(https://img.alicdn.com/imgextra/i1/O1CN01sdL5TS25vomKxv0Tz_!!6000000007589-2-tps-320-4168.png) 0 0 no-repeat;background-size:171px 2262px;display:inline-block;height:80px;margin:12px;overflow:hidden;text-indent:-999px;width:160px}.user-list-v2 li:first-child{background-position:-7px 0}.user-list-v2 li:first-child,.user-list-v2 li:nth-child(2){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(2){background-position:-7px -114.6px}.user-list-v2 li:nth-child(3){background-position:-7px -229.2px}.user-list-v2 li:nth-child(3),.user-list-v2 li:nth-child(4){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(4){background-position:-7px -343.8px}.user-list-v2 li:nth-child(5){background-position:-7px -458.4px}.user-list-v2 li:nth-child(5),.user-list-v2 li:nth-child(6){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(6){background-position:-7px -573px}.user-list-v2 li:nth-child(7){background-position:-7px -687.6px}.user-list-v2 li:nth-child(7),.user-list-v2 li:nth-child(8){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(8){background-position:-7px -802.2px}.user-list-v2 li:nth-child(9){background-position:-7px -916.8px}.user-list-v2 li:nth-child(10),.user-list-v2 li:nth-child(9){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(10){background-position:-7px -1031.4px}.user-list-v2 li:nth-child(11){background-position:-7px -1146px}.user-list-v2 li:nth-child(11),.user-list-v2 li:nth-child(12){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(12){background-position:-7px -1260.6px}.user-list-v2 li:nth-child(13){background-position:-7px -1375.2px}.user-list-v2 li:nth-child(13),.user-list-v2 li:nth-child(14){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(14){background-position:-7px -1489.8px}.user-list-v2 li:nth-child(15){background-position:-7px -1604.4px}.user-list-v2 li:nth-child(15),.user-list-v2 li:nth-child(16){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(16){background-position:-7px -1719px}.user-list-v2 li:nth-child(17){background-position:-7px -1833.6px}.user-list-v2 li:nth-child(17),.user-list-v2 li:nth-child(18){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(18){background-position:-7px -1948.2px}.user-list-v2 li:nth-child(19){background-position:-7px -2062.8px}.user-list-v2 li:nth-child(19),.user-list-v2 li:nth-child(20){background-color:#fff;border-radius:6px;box-shadow:0 12px 17px 0 rgba(255,183,116,.03);margin:6px}.user-list-v2 li:nth-child(20){background-position:-7px -2177.4px}@media (max-width:576px){.highlight-list{justify-content:center}.highlight-card{width:370px}}@media (max-width:768px){.btn-wrap{text-align:center}.banner-body{display:block}.section-text{margin-top:0}.section h1{font-size:52px}.dialog-section{margin-top:50px}}@media (max-width:930px){.banner-section{background-position-y:center;background-size:auto}}@media (max-width:744px){.highlight-card{width:370px}}@media (max-width:934px){.highlight-list{padding:36px 20px}}@media (min-width:1106px){.section-text{width:360px}}@media (min-width:612px) and (max-width:850px){.highlight-list{padding:36px 20px}}@media (min-width:768px){.section-text{margin-bottom:0;margin-right:20px;width:auto}.section-body{align-items:center;display:flex;justify-content:space-between}}.component-box{background-color:hsla(0,0%,100%,.6);border:1px solid #fff;border-radius:12px;box-shadow:0 12px 17px 0 rgba(255,183,116,.15);display:flex;flex-direction:column;height:388px;margin:12px 9px 80px;padding:24px;transition:.3s}.component-box:hover{background-color:hsla(0,0%,100%,.8);box-shadow:0 9px 27px 0 rgba(255,183,116,.7);cursor:pointer;transform:scale(1.05)}.component-box>.Flex{flex-direction:column;gap:12px;height:100%;justify-content:center;padding-bottom:36px}.component-box>.Flex:not(.Flex--center){align-items:flex-start}.component-box-header{align-items:center;display:flex;margin-bottom:10px;white-space:nowrap}.component-box-status{--status-color:var(--brand-1);border:.5px solid var(--status-color);border-radius:3px;color:var(--status-color);font-size:12px;line-height:normal;margin-left:3px;min-width:32px;padding:.5px 3px;text-align:center}.component-box-status[data-status=update]{--status-color:var(--brand-2)}.new-components-container{position:relative;width:100%}.new-components-inner{display:flex;overflow:hidden;width:100%}.new-components-list{display:flex;flex:1;justify-content:center;padding:0 12px}.new-components-left-btn,.new-components-right-btn{background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(178,86,0,.44);padding:10px;position:absolute;top:174px;z-index:10}.new-components-left-btn:hover,.new-components-right-btn:hover{cursor:pointer}.new-components-left-btn:active,.new-components-right-btn:active{transform:translateY(1px)}.new-components-left-btn i,.new-components-right-btn i{background:url(https://img.alicdn.com/imgextra/i2/O1CN016rHTar1zJuJ4YVfzz_!!6000000006694-55-tps-20-20.svg) 50% no-repeat;display:block;height:20px;width:20px}.new-components-left-btn{left:28px}.new-components-right-btn{right:28px}.new-components-right-btn i{transform:rotate(180deg)}
.v2 .card-template{background:url(https://img.alicdn.com/imgextra/i2/O1CN01goo1LG1IvtftyRWGn_!!6000000000956-0-tps-3680-2608.jpg) no-repeat 50%;background-size:100% 100%;min-height:calc(100vh - var(--page-header-height));padding-bottom:150px}.v2 .card-banner-section{background:transparent;height:auto}.v2 .card-banner-section .section-inner{align-items:center;color:#111;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;padding:80px 20px 0;width:992px}.v2 .card-banner-section .section-inner h2{font-size:38px}.v2 .card-banner-section .section-inner p{font-size:18px;margin:30px 0}.v2 .card-list{display:flex;flex-flow:row wrap;gap:36px;justify-content:center}.v2 .card-list .card-item{background:hsla(0,0%,100%,.4);border:1px solid #fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);height:370px;max-width:80vw;overflow:hidden;position:relative;transition:.3s;width:376px}.v2 .card-list .card-item .card-item-img-wrap{align-items:center;background:hsla(0,0%,100%,0);display:flex;height:290px;justify-content:center;transition:transform .3s ease}.v2 .card-list .card-item .card-item-img-wrap .card-item-img{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;height:240px;width:240px}.v2 .card-list .card-item .card-item-info{align-items:center;background:hsla(0,0%,100%,.2);border-top:1px solid #fff;display:flex;font-size:20px;height:80px;justify-content:center;transition:transform .3s ease}.v2 .card-list .card-item .card-item-action{align-items:center;bottom:-1px;display:flex;font-size:18px;height:53px;justify-content:space-around;left:-1px;line-height:53px;position:absolute;right:-1px;transform:translateY(100%);transition:transform .3s ease;z-index:10}.v2 .card-list .card-item .card-item-action a{color:#fff}.v2 .card-list .card-item:hover{box-shadow:2px 12px 45px 0 rgba(255,183,116,.66)}.v2 .card-list .card-item:hover .card-item-img-wrap{transform:translateY(-20px)}.v2 .card-list .card-item:hover .card-item-info{transform:translateY(-35px)}.v2 .card-list .card-item:hover .card-item-action{background:var(--brand-1);color:#fff;transform:translateY(0)}.v2 .card-list .card-item:hover .card-item-action .action{align-items:center;cursor:pointer;display:flex}.v2 .card-list .card-item:hover .card-item-action .icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:23px;margin-right:2px;width:23px}.v2 .card-list .card-item:hover .card-item-action .download{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01XXszBh1meR39tmNlS_!!6000000004979-55-tps-28-28.svg)}.v2 .card-list .card-item:hover .card-item-action .view{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01R6V92d1dJWQHn0Oj0_!!6000000003715-55-tps-28-28.svg)}.v2 .card-list .card-item:hover .card-item-action .preview{background-image:url(https://gw.alicdn.com/tfs/TB1_48eR7Y2gK0jSZFgXXc5OFXa-48-48.svg)}@media (max-width:992px){.v2 .card-banner-section .section-inner{width:auto}}@media (max-width:580px){.v2 .card-banner-section .section-inner .image{display:none}.v2 .card-banner-section .section-inner .intro-text{text-align:center;width:auto}}
.v2 .tabs{display:flex;flex-flow:row wrap}.v2 .tabs.tabs-center{justify-content:center}.v2 .tabs .tab-item{background:#fff;border-radius:4px;border-style:none;cursor:pointer;height:32px;line-height:30px;margin:0 15px 2px;padding:0;position:relative;text-align:center}.v2 .tabs .current{background:#fff;border-style:none;color:var(--brand-1)}.v2 .tabs .current:after{background:var(--brand-1);border-radius:2px;content:"";display:block;height:3px;left:0;margin-top:2px;position:absolute;width:100%}
.v2 .card-detail-wrap{background:#fff}.v2 .card-detail{margin:auto;padding:20px;width:1208px}.v2 .card-detail .tab-section{border-bottom:1px solid rgba(80,96,122,.15);margin-bottom:36px}.v2 .card-detail .title{align-items:center;display:flex;justify-content:flex-start;margin:18px 0}.v2 .card-detail .title .view-btn{margin:0}.v2 .card-detail .title .back{background:url(https://gw.alicdn.com/tfs/TB1NZ0kShD1gK0jSZFsXXbldVXa-48-48.svg) no-repeat 50%;background-size:contain;cursor:pointer;display:inline-block;height:24px;margin-right:0;width:24px}.v2 .card-detail .title .download{background:url(https://gw.alicdn.com/tfs/TB1KORaRYr1gK0jSZFDXXb9yVXa-48-48.svg) no-repeat 50%;background-size:contain;display:inline-block;height:24px;vertical-align:middle;width:24px}.v2 .card-detail .tabs{display:flex}.v2 .card-detail .tabs .tab{border:1px solid #ebedf0;border-radius:4px;cursor:pointer;height:32px;line-height:30px;margin:0 8px 8px 0;text-align:center;width:100px}.v2 .card-detail h3{font-size:18px;margin:24px 0 10px}.v2 .card-detail .preview-section{display:flex}.v2 .card-detail .preview-section .wrap{flex:1;overflow:hidden}.v2 .card-detail .preview-section .wrap .hidden{display:none}.v2 .card-detail .preview-section .wrap code.language-json{height:787px;overflow:auto}.v2 .card-detail .preview-section .language-json{margin-bottom:0;margin-top:0}.v2 .card-detail .preview-section .preview{background:#f2f5f7;border:1px solid rgba(80,96,122,.15);border-radius:12px;height:830px;margin-left:80px;overflow:hidden;width:346px}.v2 .card-detail .preview-section .preview .preview-frame{border:0;border-radius:0 0 24px 24px;height:760px;width:369px}.v2 .card-detail .preview-section .preview .Navbar{--navbar-bg:#fff;border-bottom:1px solid rgba(80,96,122,.15)}.v2 .card-detail .preview-section .preview .Navbar-title{font-size:14px}.v2 .card-detail .schema{max-height:-moz-fit-content;max-height:fit-content;overflow-y:auto}.v2 .card-detail .desc{background:#fff;color:#50607a;padding:0}.v2 .card-detail .desc p{margin:10px 0}.v2 .card-detail .desc h4{font-weight:500;margin:20px 0 10px}@media (max-width:1208px){.v2 .card-detail{width:auto}}@media (max-width:820px){.v2 .card-detail .preview-section{display:block}.v2 .card-detail .preview-section .preview{margin:10px auto}}@media (max-width:456px){.v2 .card-detail .preview-section .preview,.v2 .card-detail .title .view-btn{display:none}}
#root,body,html{height:auto}body{overflow:initial}:root{--page-header-height:76px;--toc-width:258px}html{scrollbar-color:rgba(80,96,122,.15) transparent;scrollbar-width:thin}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{background-color:#fff;color:var(--gray-1);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;font-size:1rem;font-weight:400;line-height:1.5;margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}ol,p,ul{margin:0}ol,ul{list-style:none;padding:0}a{background-color:transparent;color:var(--blue);text-decoration:none}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none!important}[tabindex="-1"]:focus{outline:0!important}
.v2 .markdown{color:var(--color-text-1);font-size:14Px;line-height:1.8}.v2 .markdown i{font-weight:400}.v2 .markdown img{height:auto!important;max-width:60vw;vertical-align:middle}.v2 .markdown h1,.v2 .markdown h2,.v2 .markdown h3,.v2 .markdown h4,.v2 .markdown h5,.v2 .markdown h6{clear:both;font-weight:500;margin:12px 0}.v2 .markdown h1,.v2 .markdown h2{margin-top:36px}.v2 .markdown h1+h2{margin-top:12px}.v2 .markdown h1{font-size:26px}.v2 .markdown h2{font-size:18px}.v2 .markdown h3{font-size:14px}.v2 .markdown h4{font-size:12px}.v2 .markdown h5{font-size:14px}.v2 .markdown h6{font-size:12px}.v2 .markdown>h1{font-size:30px}.v2 .markdown hr{background:#e9e9e9;border:0;clear:both;height:1px;margin:16px 0}.v2 .markdown p,.v2 .markdown pre{margin:1em 0}.v2 .markdown ol li,.v2 .markdown ul li{margin-left:23px}.v2 .markdown ul>li{list-style:disc}.v2 .markdown ol>li{list-style:decimal}.v2 .markdown>ol li>p,.v2 .markdown>ul li>p{margin:.2em 0}.v2 .markdown blockquote ol>li,.v2 .markdown blockquote ul>li,.v2 .markdown>ol li,.v2 .markdown>ul li{margin-left:20px;padding-left:4px}.v2 .markdown b,.v2 .markdown strong{font-weight:600}.v2 .markdown code:not([class*=language-]){background:rgba(0,0,0,.04);border:1px solid rgba(5,5,5,.06);border-radius:4px;font-size:87.5%;margin:0 1px;padding:2px 4px;white-space:pre}.v2 .markdown table{border:1px solid #e9e9e9;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}.v2 .markdown table th{background:rgba(176,196,209,.15);color:#5c6b77;font-weight:500;white-space:nowrap}.v2 .markdown table td,.v2 .markdown table th{border:1px solid #e9e9e9;padding:8px 16px;text-align:left}.v2 .markdown table td:first-child{color:#003a8c;font-weight:600;width:20%}.v2 .markdown table td:nth-child(2){color:#c41d7f;font-size:13px;width:22%;word-break:break-all}.v2 .markdown table td:nth-child(3){font-size:13px;width:13%}.v2 .markdown blockquote{border-left-style:none;color:#50607a;font-size:14px;font-style:normal;margin:1em 0;padding-left:0}.v2 .markdown blockquote p{margin:0}.v2 .markdown .anchor{margin-left:8px;opacity:0;transition:opacity .3s ease}.v2 .markdown h1:hover .anchor,.v2 .markdown h2:hover .anchor,.v2 .markdown h3:hover .anchor,.v2 .markdown h4:hover .anchor,.v2 .markdown h5:hover .anchor,.v2 .markdown h6:hover .anchor{display:inline-block;opacity:1}.v2 .markdown>:first-child{margin-top:0}.post[data-has-demo=true] table{font-family:"ui-monospace",SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px}
.v2 code[class*=language-]{word-wrap:normal;background:none;color:#314659;direction:ltr;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:13px;-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}.v2 pre[class*=language-]{border:1px solid #eee;border-radius:12px}.v2 code[class*=language-] ::-moz-selection,.v2 code[class*=language-]::-moz-selection,.v2 pre[class*=language-] ::-moz-selection,.v2 pre[class*=language-]::-moz-selection{background:#b3d4fc;text-shadow:none}.v2 code[class*=language-] ::selection,.v2 code[class*=language-]::selection,.v2 pre[class*=language-] ::selection,.v2 pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{.v2 code[class*=language-],.v2 pre[class*=language-]{text-shadow:none}}.v2 pre>code[class*=language-]{display:block;overflow:auto;padding:12px 20px}.v2 :not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.v2 .token.cdata,.v2 .token.comment,.v2 .token.doctype,.v2 .token.prolog{color:#708090}.v2 .token.punctuation{color:#999}.v2 .namespace{opacity:.7}.v2 .token.boolean,.v2 .token.constant,.v2 .token.deleted,.v2 .token.number,.v2 .token.property,.v2 .token.symbol,.v2 .token.tag{color:#f81d22}.v2 .language-css .token.string,.v2 .style .token.string,.v2 .token.attr-name,.v2 .token.builtin,.v2 .token.char,.v2 .token.entity,.v2 .token.inserted,.v2 .token.operator,.v2 .token.selector,.v2 .token.string,.v2 .token.url{color:#0b8235}.v2 .token.atrule,.v2 .token.attr-value,.v2 .token.keyword{color:#008dff}.v2 .token.function{color:#f81d22}.v2 .token.important,.v2 .token.regex,.v2 .token.variable{color:#e90}.v2 .token.bold,.v2 .token.important{font-weight:700}.v2 .token.italic{font-style:italic}.v2 .token.entity{cursor:help}
.page-header{align-items:center;background:#fff;box-shadow:0 1px 4px 0 rgba(0,21,41,.12);display:flex;justify-content:center;left:0;min-height:64px;padding:0 13px;position:fixed;right:0;top:0;z-index:100}.page-header .navbar .gh-btn{display:block;padding:23px 10px}.page-header .navbar .octicon{color:var(--color-text-1);display:block;height:20px;width:20px}.page-header .navbar .octicon:hover{color:var(--gray-1)}.page-header .navbar li{align-items:center;display:flex}.page-header .navbar-link{border:solid transparent;border-width:2px 0;color:var(--color-text-1);display:inline-block;font-size:14px;padding:2px 10px;position:relative;transition:.3s}.page-header .navbar-link.active,.page-header .navbar-link:hover{color:var(--brand-1)}.page-header .navbar-link.active:after,.page-header .navbar-link:hover:after{background:var(--brand-1);border-radius:2px;content:"";display:block;height:3px;left:calc(50% - 18px);margin-left:25%;margin-top:2px;position:absolute;width:12px}a.page-header .navbar-link:hover{color:var(--brand-1)}.page-header .brand{align-items:center;display:flex;padding:18px 0}.page-header .brand:focus{outline:0}.page-header .brand-name{color:#111;font-family:AlibabaPuHuiTiM;font-size:18px;font-weight:500;margin:0 3px 0 10px}.page-header .brand-version{border:1px solid var(--gray-4);border-radius:6px;color:var(--gray-4);display:inline-block;font-size:10px;line-height:1.2;padding:0 4px}.page-header .drawer-trigger{background:transparent;border:0;color:rgba(0,0,0,.54);cursor:pointer;left:20px;position:absolute}.page-header .drawer-trigger:focus{outline:0}.page-header .drawer-trigger .icon{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1em}.page-header .drawer{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1300}.page-header .drawer-backdrop{-webkit-tap-highlight-color:transparent;background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;touch-action:none;transition:.3s;z-index:-1}.page-header .drawer .navbar{background:#fff;height:100%;padding:10px 0;transform:translateX(-100%);transition:.3s;width:240px}.page-header .drawer .navbar-link{border:0;display:block;padding:10px 20px}.page-header .drawer .navbar-link.active{color:var(--brand-1)}.new-highlights{animation:slideInLeft .5s ease-in-out both;border-left:1px solid var(--color-line-1);flex:1;font-size:14px;margin-left:24px;padding-left:24px}.new-highlights a{color:#000;display:inline-block;transition:.3s}.new-highlights a:hover{color:var(--brand-1)}.new-highlights .new{background-image:linear-gradient(124deg,#ff6200 27%,#ff9200);border-radius:9.5px 9.5px 2px 9.5px;color:#fff;font-size:13px;margin-right:4px;padding:2px 6px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.dropdown-menu{box-shadow:none;display:block;position:static}.dropdown-item{font-size:20px;padding-left:40px}.drawer-open{overflow:hidden}.drawer-open .drawer{visibility:visible}.drawer-open .drawer-backdrop{opacity:1}.drawer-open .drawer .navbar{transform:translateX(0)}.drawer-open .drawer .navbar li:last-child{padding-left:13px}.drawer-open .drawer .navbar .navbar-link.active:after{left:calc(50% - 23px)}.navbar-select{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;cursor:pointer;font-size:14px;margin:0 14px;padding:0 10px;position:relative;width:69px}.navbar-select:hover{border:1px solid var(--brand-1)}.navbar-select-title{align-items:center;display:flex;justify-content:space-between}.navbar-select-list{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;left:0;padding:5px 10px;position:absolute;top:101%;width:100%;z-index:1000}.navbar-select-list li{cursor:pointer}.navbar-select-list li:hover{color:var(--brand-1)!important}.page-main{padding-top:var(--page-header-height)}.page-main .img-fluid{height:auto;max-width:100%}.page-main .dropdown{position:relative}.page-main .dropdown:hover .dropdown-menu{display:block}.page-main .dropdown-menu{background-clip:padding-box;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;position:absolute;right:0;top:100%;z-index:1000}.page-main .dropdown-item{color:var(--gray-2);display:block;padding:10px 16px;text-align:inherit;white-space:nowrap;width:100%}a.page-main .dropdown-item:hover{color:var(--brand-1)}span.page-main .dropdown-item{color:var(--gray-4)}.page-main .container{margin-left:auto;margin-right:auto;width:100%}.page-main .site-links li{display:inline;padding:0 10px}.page-main .site-links a{color:#fff;font-weight:300}.page-main .copyright{font-weight:400}.page-main .ing{color:#999;min-height:500px;padding:100px;text-align:center}.page-main .docs-container{position:relative}.page-main .docs-content{flex:1 auto;max-width:100%;min-width:0}.page-main .post{padding:50px 18px 130px 64px}.page-main .post:not(.yuque-post){display:flex}@media screen and (min-width:1130px){.page-main .yuque-post{margin-left:50px;max-width:800px}}.page-main .toc{height:100%;line-height:20px;padding:10px 0 40px}.page-main .toc span+span{margin-left:5px}.page-main .toc-item{margin-top:6px}.page-main .toc-item[data-has-child=false]{padding:4px}.page-main .toc-item .ReactCollapse--content{background-color:#fafafa;padding:1px 0 10px}.page-main .toc-link{border-radius:8px;color:#111;display:block;font-size:14px;padding:6px 16px 6px 36px;transition:.3s}.page-main .toc-link.active{background:hsla(24,91%,86%,.5);color:var(--brand-1)}.page-main a.toc-link:hover{color:var(--brand-1)}.page-main .nav-group-title{color:#7c889c;font-size:14px;font-weight:400;padding:10px 20px 10px 32px}.page-main .sub-nav li{margin-top:6px;padding:4px;position:relative}.page-main .sub-nav a{border-radius:8px;color:#111;display:block;font-size:14px;padding:6px 6px 6px 44px;transition:.3s}.page-main .sub-nav a:hover{color:var(--brand-1)}.page-main .sub-nav a.active{background:hsla(24,91%,86%,.5);color:var(--brand-1)}.page-main .sub-nav .new:after{background-color:var(--red);border:1px solid #fff;border-radius:50%;content:"";display:inline-block;height:9px;margin-left:4px;overflow:hidden;vertical-align:top;width:9px}.page-main .nav-group{background-color:#fafafa}.page-main .nav-collapse-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.page-main .nav-collapse-title[data-collapsed=false]{color:var(--brand-1);margin-bottom:8px}.page-main .nav-collapse-title[data-collapsed=false] .Icon{transform:rotate(180deg)}.page-main .doc-code{height:0;overflow:hidden}.page-main .doc-code.show{height:auto}.page-main .anchor-link-style svg{height:24px;width:24px}.page-main .doc-highlight{background-color:#f5f5f5;margin:1em 0;padding:10px}.page-main .doc-highlight pre{margin:0}.page-main .code-box-actions{margin-bottom:-10px;text-align:right}.page-main .code-box-actions button{background:#f8f9fa;border:1px solid #f8f9fa;border-radius:4px;color:rgba(0,0,0,.87);cursor:pointer;padding:.25rem .5rem;transition:.15s ease-in-out}.page-main .code-box-actions button:hover{background-color:#dae0e5}.page-main .code-box-actions button:focus{background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem hsla(220,4%,85%,.5);color:#212529;outline:none}.page-main .markdown{flex:1;min-width:0}.page-main .docs-demo{padding-right:64px}.page-main .demo-box{position:sticky;top:calc(var(--page-header-height) + 50px)}.page-main .showcase-dark{height:calc(100vh - var(--page-header-height) - 150px);max-height:812px;min-height:300px;width:375px}#demoIfr{background:#f2f5f7;border:1px solid rgba(80,96,122,.15);border-radius:12px;height:100%;width:100%}.footer{background:#fff;color:#111;font-size:14px;padding:21px 0;text-align:center}@media (min-width:768px){.page-header{justify-content:space-between}.page-main{padding-top:var(--page-header-height)}.navbar{display:flex}.footer .container{display:flex;justify-content:space-between}.docs-container{display:flex}.docs-nav{flex:0 0 var(--toc-width);max-height:calc(100vh - var(--page-header-height));overflow:hidden;overflow-y:auto;position:sticky;scrollbar-width:thin;top:var(--page-header-height)}}@media (min-width:992px){.post:not(.yuque-post){max-width:calc(100vw - 315px)}}@media (max-width:768px){.site-links{margin-top:10px}.code-box-actions,.docs-demo,.docs-nav,.new-highlights{display:none}}.code-actions{border-bottom:1px solid #eee;display:flex;justify-content:flex-end;padding:8px 18px}.code-actions .Btn{color:#7c889c;font-size:24px}.code-actions .Btn:active{transform:translateY(2px)}
.v2 .resource-section .resource-list{display:flex;justify-content:center;margin:0 auto;max-width:800px}.v2 .resource-section .resource-list .resource-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:inline-block;font-size:14px;padding:24px;transition:all .5s cubic-bezier(.2,.84,.5,1);width:300px}.v2 .resource-section .resource-list .resource-item img{margin:40px 0;width:100%}.v2 .resource-section .resource-list .resource-item:first-child{margin-right:10px}.v2 .resource-section .resource-list .resource-item h3{font-size:18px;font-weight:500;padding-bottom:10px}.v2 .resource-section .resource-list .resource-item p{color:#999}.v2 .resource-section .resource-list .resource-item .btn{background:var(--brand-1);border-radius:22px;color:#fff;cursor:pointer;display:block;font-weight:500;letter-spacing:1px;margin-top:10px;padding:8px 27px;text-align:center;transition:.3s}.v2 .resource-section .resource-list .resource-item .btn:hover{background:var(--brand-2)}.v2 .resource-section h2{font-size:30px;padding:30px 0 40px;text-align:center}