:root{--outer-padding-left-right:48px;--inner-padding-left-right:32px;--scrollbar-width: calc(100vw - 100%) ;--td-site-width-max:min(calc(100vw - var(--scrollbar-width)),1440px)}@media screen and (max-width:960px){:root{--outer-padding-left-right:24px;--inner-padding-left-right:24px}}:root[theme-mode=light]{--td-site-color-1:0,0,0;--td-site-color-2:255,255,255;--td-site-color-3:0,82,217;--td-site-color-desc:#6b788c;--td-site-color-border:rgba(var(--td-site-color-2),.9);--td-site-color-border-1:#e5edf7;--td-site-color-home-banner-sub-title:#383838;--td-site-color-home-board-tab:#6e768c;--td-site-color-home-board-switch-active:#0052d9;--td-site-bg-card:rgba(var(--td-site-color-2),.8);--td-site-bg-card-2:rgba(var(--td-site-color-2),1);--td-site-bg-starter-card:#fff;--td-site-bg-starter-card-container:#f9f9fb;--td-site-bg-page:linear-gradient(180deg,#fbfcfe 10%,#f5f8fd 30%,#f5f8fd);--td-site-bg-home-board-switch-active:#fff;--td-site-bg-logo:hsla(0,0%,100%,.55);--td-site-bg-mask:#f5f8fd;--intro-card-steps-image-web:url(https://tdesign.eidcenter.com/assets/web-light-6_OcehEE.png);--intro-card-steps-image-mobile:url(https://tdesign.eidcenter.com/assets/mobile-light-ConpYTy5.png);--zones-li-child-1-image:url(https://tdesign.eidcenter.com/assets/home-aigc-light-cy53VAho.png);--zones-li-child-2-image:url(https://tdesign.eidcenter.com/assets/home-ai-d2c-light-DSPfjX18.png);--td-site-btn-type-1-bg:#fff;--td-site-btn-type-1-bg-hover:rgba(0,0,0,.05);--td-site-btn-type-1-bg-active:rgba(0,0,0,.06);--td-site-btn-type-1-color:#383838;--td-site-btn-type-1-border-color:#e5edf7;--td-site-btn-type-1-box-shadow:0 2px 4px 0 rgba(20,31,56,.06)}:root[theme-mode=dark]{--td-site-color-1:255,255,255;--td-site-color-2:0,0,0;--td-site-color-3:255,255,255;--td-site-color-desc:rgba(var(--td-site-color-1),.45);--td-site-color-border:rgba(var(--td-site-color-1),.09);--td-site-color-border-1:rgba(var(--td-site-color-1),.09);--td-site-color-home-banner-sub-title:#fff;--td-site-color-home-board-tab:rgba(var(--td-site-color-1),.5);--td-site-color-home-board-switch-active:#fff;--td-site-bg-card:#383838;--td-site-bg-card-2:#383838;--td-site-bg-starter-card:#383838;--td-site-bg-starter-card-container:#2c2c2c;--td-site-bg-page:#242424;--td-site-bg-home-board-switch-active:#4b4b4b;--td-site-bg-logo:hsla(0,0%,100%,.85);--td-site-bg-mask:#242424;--intro-card-steps-image-web:url(https://tdesign.eidcenter.com/assets/web-dark-Csbd8FHY.png);--intro-card-steps-image-mobile:url(https://tdesign.eidcenter.com/assets/mobile-dark-B6CryEte.png);--zones-li-child-1-image:url(https://tdesign.eidcenter.com/assets/home-aigc-dark-BzFSXxcW.png);--zones-li-child-2-image:url(https://tdesign.eidcenter.com/assets/home-ai-d2c-dark-Mgv93STK.png);--td-site-btn-type-1-bg:transparent;--td-site-btn-type-1-bg-hover:rgba(0,0,0,.1);--td-site-btn-type-1-bg-active:rgba(0,0,0,.2);--td-site-btn-type-1-color:#fff;--td-site-btn-type-1-border-color:#6a6b6b;--td-site-btn-type-1-box-shadow:0 2px 4px 0 rgba(20,31,56,.06)}.td-site-tag{background-color:#0000001a;border-radius:999px;color:#000;font-size:11px}.td-site-notice{background-color:#000;width:5px}.td-site-dot,.td-site-notice{aspect-ratio:1/1;border-radius:100%;display:block}.td-site-dot{background-color:#0003;position:relative;width:14px}.td-site-dot:after{aspect-ratio:1/1;background-color:#000;border-radius:100%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.td-site-tag-color__1{color:#4e7af2}.td-site-tag__1{background-color:#4e7af21a;color:#4e7af2}.td-site-notice__1{background-color:#4e7af2}.td-site-dot__1{background-color:#4e7af233}.td-site-dot__1:after{background-color:#4e7af2}.td-site-tag-color__2{color:#f28f2e}.td-site-tag__2{background-color:#f28f2e1a;color:#f28f2e}.td-site-notice__2{background-color:#f28f2e}.td-site-dot__2{background-color:#f28f2e33}.td-site-dot__2:after{background-color:#f28f2e}.td-site-tag-color__3{color:#21c773}.td-site-tag__3{background-color:#21c7731a;color:#21c773}.td-site-notice__3{background-color:#21c773}.td-site-dot__3{background-color:#21c77333}.td-site-dot__3:after{background-color:#21c773}.td-site-tag-color__4{color:#8a59f2}.td-site-tag__4{background-color:#8a59f21a;color:#8a59f2}.td-site-notice__4{background-color:#8a59f2}.td-site-dot__4{background-color:#8a59f233}.td-site-dot__4:after{background-color:#8a59f2}.td-site-tag-color__5{color:#66738c}.td-site-tag__5{background-color:#66738c1a;color:#66738c}.td-site-notice__5{background-color:#66738c}.td-site-dot__5{background-color:#66738c33}.td-site-dot__5:after{background-color:#66738c}.td-site-tag-color__6{color:#e04040}.td-site-tag__6{background-color:#e040401a;color:#e04040}.td-site-notice__6{background-color:#e04040}.td-site-dot__6{background-color:#e0404033}.td-site-dot__6:after{background-color:#e04040}.td-site-tag-color__7{color:#cc4c18}.td-site-tag__7{background-color:#cc4c181a;color:#cc4c18}.td-site-notice__7{background-color:#cc4c18}.td-site-dot__7{background-color:#cc4c1833}.td-site-dot__7:after{background-color:#cc4c18}.td-site-tag-color__8{color:#fff}.td-site-tag__8{background-color:#ffffff1a;color:#fff}.td-site-notice__8{background-color:#fff}.td-site-dot__8{background-color:#fff3}.td-site-dot__8:after{background-color:#fff}@font-face{font-family:tencentW7;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/TencentSans-W7-BL4KuJzL.ttf)}@font-face{font-family:tencentW3;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/TencentSans-W3-DvFPx5Sp.ttf)}@keyframes maskRun1{0%{transform:translate3d(-25%,-25%,0)}25%{transform:translate3d(0,25%,0)}50%{transform:translate3d(60%,25%,0)}75%{transform:translate3d(60%,-25%,0)}to{transform:translate3d(-25%,-25%,0)}}@keyframes maskRun2{0%{transform:translate3d(-25%,-25%,0)}25%{transform:translate3d(0,25%,0)}75%{transform:translate3d(60%,25%,0)}50%{transform:translate3d(60%,-25%,0)}to{transform:translate3d(-25%,-25%,0)}}@keyframes maskRun3{0%{transform:translate3d(-25%,-25%,0)}25%{transform:translate3d(60%,-25%,0)}50%{transform:translate3d(0,25%,0)}75%{transform:translate3d(60%,25%,0)}to{transform:translate3d(-25%,-25%,0)}}@keyframes maskRun4{0%{transform:translateY(0,0,0)}25%{transform:translate3d(10%,10%,0)}50%{transform:translate3d(25%,25%,0)}75%{transform:translate3d(10%,10%,0)}to{transform:translateZ(0)}}@keyframes maskRun5{0%{transform:translateY(0,0,0)}25%{transform:translate3d(0,-10%,0)}50%{transform:translate3d(0,-20%,0)}75%{transform:translate3d(0,-10%,0)}to{transform:translateZ(0)}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}li{list-style:none}*{-webkit-tap-highlight-color:transparent}.tdesign-homepage{background:var(--td-site-bg-page);overflow:hidden;position:relative;width:100%}.tdesign-homepage td-header{left:0;position:fixed;top:0;width:100%;z-index:1000}.tdesign-homepage .main-page{color:var(--text-primary);margin:-150px auto 0;overflow:hidden;padding:0 var(--outer-padding-left-right);position:relative;z-index:10}.tdesign-homepage .main-page .banner-info{box-sizing:border-box;color:var(--td-site-color-home-banner-sub-title);display:flex;justify-content:space-between;margin:0 auto 30px;max-width:1440px;position:relative}.tdesign-homepage .main-page .banner-info__left{align-items:center;display:flex;flex:1;flex-direction:column;font-family:tencentW7;position:relative;transition:all .2s linear}.tdesign-homepage .main-page .banner-info__left .name{font-size:48px;letter-spacing:-2px;line-height:64px;text-align:center;white-space:nowrap;width:100%}.tdesign-homepage .main-page .banner-info__left .name .primary{color:var(--brand-main)}.tdesign-homepage .main-page .banner-info__left .name .sub-title{font-size:20px;letter-spacing:.8px;line-height:1;margin-top:9px}.tdesign-homepage .main-page .banner-info__left .start{color:var(--text-primary);font-size:28px;font-weight:700;margin-top:24px;text-decoration:none;transition:all .2s linear}.tdesign-homepage .main-page .banner-info__left .start:hover{color:var(--brand-main)}.tdesign-homepage .td-site-more{align-items:center;color:var(--brand-main);cursor:pointer;display:flex;font-size:13px;gap:3px;text-decoration:none;white-space:nowrap}.tdesign-homepage .td-site-more .t-icon{order:2}.tdesign-homepage .td-site-more:hover{text-decoration:underline}.module-header{align-items:center;display:flex;height:38px;justify-content:space-between;margin:0 auto 24px;max-width:1440px}.module-header__title{color:rgba(var(--td-site-color-1),.9);font-size:28px;font-weight:700}.module-header__more{color:var(--brand-main);cursor:pointer;font-size:14px}.module-header__more .icon{margin-top:-2px;transition:all .2s linear}.module-header__more:hover{text-decoration:underline}@media screen and (max-width:960px){.tdesign-homepage{--inner-padding-left-right:24px;--outer-padding-left-right:24px}.tdesign-homepage .main-page{margin:-120px auto 0}.tdesign-homepage .main-page .banner-info__left .name{font-size:36px;line-height:44px}}.td-site-scroll{scrollbar-color:#424957 transparent;scrollbar-width:thin}.td-site-scroll::-webkit-scrollbar-track{background:transparent}.td-site-scroll::-webkit-scrollbar-thumb{background:#424957;border-radius:3px}.td-site-scroll::-webkit-scrollbar-thumb:hover{background:#555c6b}.td-site-btn-type-1.t-button{--td-brand-color-hover:var(--td-site-btn-type-1-bg-hover);background-color:var(--td-site-btn-type-1-bg);border-color:var(--td-site-btn-type-1-border-color);box-shadow:var(--td-site-btn-type-1-box-shadow);color:var(--td-site-btn-type-1-color)}.td-site-btn-type-1.t-button:not(.t-is-disabled):not(.t-button--ghost){--ripple-color:var(--td-site-btn-type-1-bg-active)}.td-site-btn-type-1.t-button:hover{background-color:var(--td-site-btn-type-1-bg-hover)}:root{--td-bg-color-resource:#f9f9fb}:root[theme-mode=dark]{--td-bg-color-resource:#2c2c2c}:root[theme-mode=dark] .t-dialog{background:var(--bg-color-container);border-color:var(--component-border)}:root[theme-mode=dark] .tdesign-source-block-image .light{display:none}:root[theme-mode=dark] .tdesign-source-block-image .dark{display:block}.tdesign-document{background-color:var(--bg-color-secondarypage)}.tdesign-source-header{background-color:var(--bg-color-container);box-sizing:border-box;margin-top:var(--header-height);width:100%}.tdesign-source-header .content{box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;height:var(--doc-header-height);justify-content:flex-end;margin:auto;max-width:1440px;padding:48px;position:relative;width:100%}@media screen and (max-width:959px){.tdesign-source-header .content{padding:48px 24px}}.tdesign-source-header h1{font-size:48px}.tdesign-source-header .description{color:var(--text-secondary);font-size:14px;line-height:22px;margin-top:16px}.tdesign-source-content{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.tdesign-source{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:64px auto;max-width:1440px;padding:0 48px}@media screen and (max-width:959px){.tdesign-source{padding:0 24px}}.tdesign-source .title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;line-height:28px;margin-bottom:24px}.tdesign-source .title>span{background:var(--component-border);border-radius:3px;color:var(--text-secondary);font-size:16px;font-weight:400;line-height:24px;margin-left:8px;padding:0 10px}.tdesign-source>section{max-width:2464px;width:100%}.tdesign-source-block{background:var(--bg-color-container);border:1px solid var(--component-border);border-radius:6px;cursor:pointer;display:inline-block;margin-bottom:24px;margin-right:24px;padding:20px;transition:transform .24s cubic-bezier(.38,0,.24,1),box-shadow .24s linear}@media screen and (max-width:959px){.tdesign-source-block{margin-right:0;width:100%}}@media screen and (min-width:960px)and (max-width:1199px){.tdesign-source-block{width:calc(50% - 12px)}.tdesign-source-block:nth-of-type(2n){margin-right:0}}@media screen and (min-width:1200px)and (max-width:1439px){.tdesign-source-block{width:calc(33.33333% - 16px)}.tdesign-source-block:nth-of-type(3n){margin-right:0}}@media screen and (min-width:1440px){.tdesign-source-block{width:calc(25% - 18px)}.tdesign-source-block:nth-of-type(4n){margin-right:0}}.tdesign-source-block:hover{box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014;transform:translateY(-4px)}.tdesign-source-block-image{height:auto;overflow:hidden;width:100%}.tdesign-source-block-image img{border-radius:3px;-o-object-fit:cover;object-fit:cover;width:100%}.tdesign-source-block-image .dark{display:none}.tdesign-source-block-tag-waiting{background:var(--warning-main-light);color:var(--warning-main)}.tdesign-source-block-tag-todo,.tdesign-source-block-tag-waiting{align-items:center;border-radius:3px;display:inline-flex;font-size:14px;height:24px;margin-left:12px;padding:1px 6px}.tdesign-source-block-tag-todo{background:var(--bg-color-tag);color:var(--text-secondary)}.tdesign-source-block-tag-new{align-items:center;background:var(--success-main-light);border-radius:3px;color:var(--success-main);display:inline-flex;font-size:14px;height:24px;margin-left:12px;padding:1px 6px}.tdesign-source-block-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;line-height:24px;margin:12px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:1440px){.tdesign-source-block-title{font-size:18px;line-height:28px}}.tdesign-source-block-detail{color:var(--text-placeholder);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdesign-source-block-detail a{color:var(--text-interactive);text-decoration:none}.doc-color-wrapper{overflow-x:auto}.doc-color{min-width:568px}.doc-color .link{color:#266fe8;text-decoration:underline}.doc-color .tdesign-color-features{display:flex;flex-wrap:wrap;margin:16px 8px}.doc-color .tdesign-color-features .tdesign-color-features-lists{margin-bottom:16px;margin-right:16px;width:calc(25% - 12px)}.doc-color .tdesign-color-features .tdesign-color-features-lists:last-of-type{margin-right:0}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list{color:#fff;cursor:pointer;height:40px;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list .tdesign-color-features-topTxt{align-items:flex-end;display:flex;height:100%;justify-content:space-between}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list span{font-size:12px;line-height:20px}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:nth-child(-n+6){color:#0009}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:first-child{border-radius:6px 6px 0 0;color:#fff;display:flex;flex-flow:column;height:56px;justify-content:space-between}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:first-child .tdesign-color-features-bottomTxt{color:#ffffff59;font-size:12px;line-height:20px}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:first-child .tdesign-color-features-topTxt{height:unset}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral{display:flex;margin:16px 8px}.doc-color .tdesign-color-neutral-l{margin-right:16px;width:calc(50% - 8px)}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list{align-items:flex-end;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding-bottom:4px;padding-left:8px;padding-right:8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list span{font-size:12px;line-height:20px}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:nth-child(-n+6){color:#0009}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-r{background:#e7e7e7;border:1px solid #dcdcdc;border-radius:6px;overflow:hidden;padding:8px;width:calc(50% - 8px)}.doc-color .tdesign-color-neutral-r-item{margin-bottom:8px}.doc-color .tdesign-color-neutral-r-item:last-of-type{margin-bottom:0}.doc-color .tdesign-color-neutral-r-item:first-child ul{background:#fff}.doc-color .tdesign-color-neutral-r-item:nth-child(2) ul{background:#f3f3f3}.doc-color .tdesign-color-neutral-r-item:last-child ul{background:#eee}.doc-color .tdesign-color-neutral-r-item ul{border:1px solid #dcdcdc;border-radius:3px;box-sizing:border-box;display:flex;height:190px;justify-content:space-between;padding:0}.doc-color .tdesign-color-neutral-r-item ul li{border-right:1px solid #e7e7e7;display:flex;flex-flow:column;justify-content:space-between;margin-bottom:12px;margin-left:16px!important;margin-top:16px;padding-left:0!important;width:100%}.doc-color .tdesign-color-neutral-r-item ul li:first-child{justify-content:flex-end}.doc-color .tdesign-color-neutral-r-item ul li:first-child p{align-items:center;display:flex}.doc-color .tdesign-color-neutral-r-item ul li:last-child{border-right:unset}.doc-color .tdesign-color-neutral-r-item ul li:last-child p{color:#0009}.doc-color .tdesign-color-neutral-r-item ul li .round{border-radius:50%;display:block;height:16px;width:16px}.doc-color .tdesign-color-neutral-r-item ul li span{color:#000000e6;font-size:16px;margin-bottom:8px}.doc-color .tdesign-color-neutral-r-item ul li p{color:#000000e6;line-height:22px}.doc-color .tdesign-color-neutral-r-item ul li .tdesign-color-neutral-r-item-checkbox{background:#00a870;border-radius:50%;display:inline-block;height:16.25px;margin-left:9.88px;position:relative;width:16.25px}.doc-color .tdesign-color-neutral-r-item ul li .tdesign-color-neutral-r-item-checkbox:before{background-color:#fff;content:" ";display:inline-block;height:8px;left:7px;position:absolute;top:12px;transform:rotate(-135deg);transform-origin:left top;width:2px}.doc-color .tdesign-color-neutral-r-item ul li .tdesign-color-neutral-r-item-checkbox:after{background-color:#fff;content:" ";display:inline-block;height:5px;left:3px;position:absolute;top:8px;transform:rotate(-45deg);transform-origin:left top;width:2px}.doc-color .tdesign-color-neutral-brand{align-items:flex-start;display:flex;margin:16px 8px}.doc-color .tdesign-color-neutral-brand .tag{background:var(--bg-color-code);border:1px solid var(--component-border);border-radius:3px;color:var(--text-primary);margin-top:8px;padding:4px 12px}.doc-color .tdesign-color-neutral-brand-l{align-items:center;display:flex;flex-flow:column;margin-right:16px;width:calc(25% - 12px)}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists{width:100%}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list{align-items:flex-end;color:#fff;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:space-between;line-height:20px;margin-left:0!important;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:nth-child(-n+5){color:#0009}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-brand-m{align-items:center;border-radius:6px;display:flex;flex-flow:column;margin-right:16px;width:calc(25% - 12px)}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists{width:100%}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list{align-items:flex-end;color:#fff;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:space-between;line-height:20px;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:nth-child(-n+5){color:#0009}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-brand-r{align-items:center;display:flex;flex-flow:column;margin-left:16px;width:calc(50% - 80px)}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists{width:100%}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list{align-items:flex-end;color:#fff;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:space-between;line-height:20px;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:nth-child(-n+5){color:#0009}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-brand-arr{align-items:center;background:#5c5c5c;display:block;display:flex;height:2px;margin-top:280px;position:relative;width:40px}.doc-color .tdesign-color-neutral-brand-arr:before{background:#5c5c5c;border-radius:50%;content:"";height:4px;left:-1px;position:absolute;width:4px}.doc-color .tdesign-color-neutral-brand-arr:after{border-radius:.01rem;border-right:2px solid #5c5c5c;border-top:2px solid #5c5c5c;content:"";height:8px;position:absolute;right:-1px;transform:rotate(45deg);width:8px}.doc-color .tdesign-color-neutral-brand-description{background:#e7e7e7;border:1px solid #dcdcdc;border-radius:3px;color:#000000e6;font-size:16px;line-height:24px;margin-top:8px;padding:4px 12px}.doc-color .tdesign-color-expand{display:flex;margin:16px 8px}.doc-color .tdesign-color-expand-item{align-items:flex-end;display:flex;height:100%;justify-content:space-between}.doc-color .tdesign-guide-ui{background-color:var(--bg-color-code);border:1px solid var(--component-border);border-radius:4px;display:flex;font-family:Menlo;font-size:12px;margin:16px 8px;padding:16px;position:relative}.doc-color .tdesign-guide-ui-box{position:relative}.doc-color .tdesign-guide-ui-item{margin-right:16px}.doc-color .tdesign-guide-ui-item:last-of-type{margin-right:0}.doc-color .tdesign-guide-ui-item:first-child{width:18%}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists{box-sizing:border-box;width:100%}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list{align-items:center;display:flex;line-height:22px}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-l{border-radius:50%;display:inline-block;flex-shrink:0;height:16px;margin-right:12px;width:16px}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-r{color:var(--text-primary)}.doc-color .tdesign-guide-ui-item:nth-child(2){width:41%}.doc-color .tdesign-guide-ui-item:last-child{border-right:unset;margin-right:0;width:41%}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists{background:var(--bg-color-card);border-radius:3px;box-sizing:border-box;height:100%;padding:12px 16px 18px;width:100%}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list{line-height:20px;margin-bottom:8px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list.name{color:var(--text-primary);font-size:16px;font-weight:600;line-height:24px;margin-bottom:4px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list.title{color:var(--text-placeholder);font-size:12px;margin-bottom:18px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-l{color:var(--text-primary);font-size:12px;line-height:22px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-r{color:var(--text-placeholder)}.doc-color .tdesign-guide-ui-arr{align-items:center;background:var(--text-secondary);display:flex;height:2px;left:15.5%;position:absolute;top:38px;width:40px}.doc-color .tdesign-guide-ui-arr--position{left:55.5%;top:38px}.doc-color .tdesign-guide-ui-arr:before{background:var(--text-secondary);border-radius:50%;content:"";height:4px;left:-1px;position:absolute;width:4px}.doc-color .tdesign-guide-ui-arr:after{border-radius:.01rem;border-right:2px solid var(--text-secondary);border-top:2px solid var(--text-secondary);content:"";height:8px;position:absolute;right:-1px;transform:rotate(45deg);width:8px}.doc-color .tdesign-color-data{display:flex;margin:16px 0}.doc-color .tdesign-color-data .tdesign-color-data-lists{margin-right:8px;width:calc(12.5% - 7px)}.doc-color .tdesign-color-data .tdesign-color-data-lists .tdesign-color-data-list{height:20px}.doc-color .tdesign-color-data .tdesign-color-data-lists .tdesign-color-data-list:first-child{border-radius:3px 3px 0 0}.doc-color .tdesign-color-data .tdesign-color-data-lists .tdesign-color-data-list:last-child{border-radius:0 0 3px 3px}.doc-color .tdesign-color-theme{background:#0052d9;border-radius:6px;display:flex;flex-flow:column;height:200px;justify-content:space-between;margin:16px 0;padding:20px 24px}.doc-color .tdesign-color-theme p{color:#fff;font-size:20px;line-height:28px}.doc-color .tdesign-color-theme-b p{font-size:16px;line-height:24px}@font-face{font-display:swap;font-family:TCloudNumber;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/TCloudNumber-Regular-qbclA8xm.ttf)}.doc-fonts p+p{margin-top:8px}.doc-fonts .font-10{font-size:10px;line-height:18px;margin:16px 0}.doc-fonts .font-12{font-size:12px;line-height:20px;margin:16px 0}.doc-fonts .font-14{font-size:14px;line-height:22px;margin:16px 0}.doc-fonts .font-16{font-size:16px;line-height:24px;margin:16px 0}.doc-fonts .font-18{font-size:18px;line-height:26px;margin:16px 0}.doc-fonts .font-20{font-size:20px;line-height:28px;margin:16px 0}.doc-fonts .font-22{font-size:22px;line-height:30px;margin:16px 0}.doc-fonts .font-24{font-size:24px;line-height:32px;margin:16px 0}.doc-fonts .font-26{font-size:26px;line-height:34px;margin:16px 0}.doc-fonts .font-28{font-size:28px;line-height:36px;margin:16px 0}.doc-fonts .font-30{font-size:30px;line-height:38px;margin:16px 0}.doc-fonts .font-32{font-size:32px;line-height:40px;margin:16px 0}.doc-fonts .font-34{font-size:34px;line-height:42px;margin:16px 0}.doc-fonts .font-36{font-size:36px;line-height:44px;margin:16px 0}.doc-fonts .font-38{font-size:38px;line-height:46px;margin:16px 0}.doc-fonts .font-40{font-size:40px;line-height:48px;margin:16px 0}.doc-fonts .font-42{font-size:42px;line-height:50px;margin:16px 0}.doc-fonts .font-44{font-size:44px;line-height:52px;margin:16px 0}.doc-fonts .font-46{font-size:46px;line-height:54px;margin:16px 0}.doc-fonts .font-48{font-size:48px;line-height:56px;margin:16px 0}.doc-fonts .font-50{font-size:50px;line-height:58px;margin:16px 0}.doc-fonts .font-52{font-size:52px;line-height:60px;margin:16px 0}.doc-fonts .font-54{font-size:54px;line-height:62px;margin:16px 0}.doc-fonts .font-56{font-size:56px;line-height:64px;margin:16px 0}.doc-fonts .font-58{font-size:58px;line-height:66px;margin:16px 0}.doc-fonts .font-60{font-size:60px;line-height:68px;margin:16px 0}.doc-fonts .font-62{font-size:62px;line-height:70px;margin:16px 0}.doc-fonts .font-64{font-size:64px;line-height:72px;margin:16px 0}.doc-fonts .divider{border-top:1px solid var(--component-stroke);margin:16px 0}.doc-fonts .fonts-block{background-color:var(--bg-color-demo);border:1px solid var(--component-border);border-radius:6px;margin:16px 0;padding:20px 24px;position:relative}.doc-fonts .fonts-block.tcloud font{font-family:TCloudNumber;font-size:36px;font-weight:400;line-height:48px}.doc-fonts .fonts-block.tcloud .tag{bottom:12px;font-family:TCloudNumber;position:absolute;right:16px}.doc-fonts .fonts-block.tcloud .tag svg{color:var(--text-secondary);margin:0 12px;vertical-align:middle;width:14px}.doc-fonts .fonts-block.tcloud .tag span{color:var(--text-secondary);line-height:22px}.doc-fonts .fonts-block.font-steps{color:var(--text-primary)}.doc-fonts .fonts-block.font-steps .title{color:var(--text-placeholder);font-size:14px;line-height:22px}.doc-fonts .fonts-block.font-steps .step{display:inline-block;width:145px}.doc-fonts .fonts-block.font-steps .desc{float:right}.doc-fonts .fonts-block.font-size input[type=range]{-webkit-appearance:none;background:transparent;margin-left:16px;width:154px}.doc-fonts .fonts-block.font-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #0052d9;border-radius:100%;cursor:pointer;height:14px;margin-top:-5px;width:14px}.doc-fonts .fonts-block.font-size input[type=range]::-webkit-slider-runnable-track{background:#0052d9;border-radius:2px;cursor:pointer;height:4px;width:100%}.doc-fonts .fonts-block.font-size input[type=range]:focus{outline:none}.doc-fonts .fonts-block.font-size .ctrl{display:flex}.doc-fonts .fonts-block.font-size .line-height{color:var(--text-primary);font-size:20px;line-height:28px}.doc-fonts .fonts-block.font-weight{display:flex;flex-direction:column;font-size:36px;line-height:44px}.doc-fonts .fonts-block.font-weight .weight-600{font-weight:600;margin-bottom:16px}.doc-fonts .fonts-block-wrapper{display:flex}.doc-fonts .fonts-block-wrapper .fonts-block+.fonts-block{margin-left:24px}.doc-fonts .fonts-block-wrapper .fonts-block{background:#fff;flex:1;padding:16px}.doc-fonts .fonts-block-wrapper .fonts-block.black{background:#000}.doc-fonts .fonts-block-wrapper .fonts-block .color-list{border-radius:3px}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item{cursor:pointer;display:flex;font-size:12px;justify-content:space-between;line-height:22px;padding:30px 8px 4px;transition:all .2s var(--anim-time-fn-easing)}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item:hover{border-radius:3px!important;transform:scale(1.04)}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item:first-of-type{border-radius:3px 3px 0 0}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item:last-of-type{border-radius:0 0 3px 3px}@keyframes trans{0%{left:48px}to{left:calc(100% - 92px)}}:root[theme-mode=dark] .axis-motion-stage:not(.dark){display:none}:root[theme-mode=dark] .axis-motion-stage.dark{display:block}:root[theme-mode=dark] .container-motion:not(.dark){display:none}:root[theme-mode=dark] .container-motion.dark{display:block}:root[theme-mode=dark] .fade-motion:not(.dark){display:none}:root[theme-mode=dark] .fade-motion.dark{display:block}.doc-motion img{margin:0}.doc-motion .axis-motion{margin-top:16px}.doc-motion .axis-motion-stage{margin-top:8px}.doc-motion .axis-motion-stage.dark{display:none}.doc-motion .container-motion{margin:16px 0}.doc-motion .container-motion svg{border-radius:6px}.doc-motion .container-motion.dark{display:none}.doc-motion .fade-motion{margin:16px 0}.doc-motion .fade-motion.dark{display:none}.doc-motion .sport-code{color:var(--text-primary,rgba(0,0,0,.9));font-size:20px}.doc-motion .motion-table td{font-size:14px}.doc-motion .motion-table td:first-child{color:#834ec2}.doc-motion .slow-motion .slow-motion-stage{display:flex;margin:8px 0}.doc-motion .slow-motion .slow-motion-stage .preview{border-radius:6px;flex-shrink:0;height:176px;margin:0 16px 0 0;-o-object-fit:cover;object-fit:cover;width:176px}.doc-motion .slow-motion .slow-motion-stage .detail{align-items:center;background:var(--bg-color-demo,#fff);border:1px solid var(--component-border);border-radius:6px;display:inline-flex;flex:1;position:relative}.doc-motion .slow-motion .slow-motion-stage .detail .ball{background:#ecf2fe;border:1px solid #0052d9;border-radius:100%;flex-shrink:0;height:44px;left:48px;margin-top:-23px;position:absolute;top:50%;width:44px}.doc-motion .slow-motion .slow-motion-stage.easing .ball{animation:trans 2.4s cubic-bezier(.38,0,.24,1) infinite}.doc-motion .slow-motion .slow-motion-stage.ease-out .ball{animation:trans 2.4s cubic-bezier(0,0,.15,1) infinite}.doc-motion .slow-motion .slow-motion-stage.ease-in .ball{animation:trans 2.4s cubic-bezier(.82,0,1,.9) infinite}.doc-motion .slow-motion .slow-motion-stage.linear .ball{animation:trans 2.4s linear infinite}.doc-motion .table-check thead th{font-weight:700}.doc-motion .table-check tr{position:relative}.doc-motion .table-check td label{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.doc-motion .table-check td label svg{color:#00a870;height:14px;left:24px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s linear;visibility:hidden;width:14px}.doc-motion .table-check td label input{display:none}.doc-motion .table-check td label input:checked+svg{opacity:1;visibility:visible}.doc-motion .table-check td.desc{color:var(--text-secondary,rgba(0,0,0,.6))}.doc-motion .download-btn{float:right}.doc-motion .download-btn img{margin:0}.doc-motion .motion-board{align-items:center;background:var(--bg-color-container);border:1px solid var(--component-border);border-radius:3px;display:flex;justify-content:space-around;margin-top:16px;padding:56px 24px}.doc-motion .motion-board .tdesign-demo-dropdown__text{align-items:center;display:inline-flex}.doc-icon img{border:none!important;border-radius:0!important}.doc-icon img.tag{border:0}.doc-icon .t-divider{margin:64px 0 40px}.doc-icon .t-divider .t-divider__inner-text:not(:empty){padding:0}.doc-icon .t-divider .icons-page-btn{align-items:center;background-color:var(--bg-color-component);border-radius:999px;cursor:pointer;display:flex;font-size:16px;height:60px;line-height:24px;padding:0 82px;transition:background-color .2s}.doc-icon .t-divider .icons-page-btn:hover{background-color:var(--bg-color-component-hover)}