:root,:root[theme-mode=light]{--header-height:64px;--doc-header-height:252px;--aside-width:260px;--footer-height:388px;--border-radius:3px;--theme-block-light-display:block;--theme-block-dark-display:none;--content-max-width:960px;--content-padding-right:264px;--content-padding-left-right:24px;--header-box-shadow:inset 0 -1px 0 #e7e7e7;--footer-box-shadow:inset 0 1px 0 #e7e7e7;--aside-box-shadow:inset -1px 0 0 #e7e7e7;--portal-box-shadow:inset 1px 0px 0px #dcdcdc,inset -1px 0px 0px #dcdcdc,inset 0px -1px 0px #dcdcdc,inset 0px 1px 0px #dcdcdc;--table-box-shadow:inset 0px 1px 0px #e7e7e7,inset 0px -1px 0px #e7e7e7,inset -1px 0px 0px #e7e7e7,inset 1px 0px 0px #e7e7e7;--shadow-1:0 1px 10px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.12);--shadow-2:0 3px 14px 2px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.06),0 5px 5px -3px rgba(0,0,0,.1);--shadow-3:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);--shadow-inset-top:inset 0 .5px 0 #dcdcdc;--shadow-inset-right:inset .5px 0 0 #dcdcdc;--shadow-inset-bottom:inset 0 -.5px 0 #dcdcdc;--shadow-inset-left:inset -.5px 0 0 #dcdcdc;--anim-time-fn-easing:cubic-bezier(.38,0,.24,1);--anim-time-fn-ease-out:cubic-bezier(0,0,.15,1);--anim-time-fn-ease-in:cubic-bezier(.82,0,1,.9);--anim-duration-base:.2s;--anim-duration-moderate:.24s;--anim-duration-slow:.28s;--bg-color-page:#f5f5f5;--bg-color-secondarypage:#f5f5f5;--bg-color-demo:#fff;--bg-color-demo-secondary:#eee;--bg-color-code:#f3f3f3;--bg-color-code-linear:linear-gradient(180deg,#f3f3f3,hsla(0,0%,95%,0));--bg-color-footer:#eee;--bg-color-secondaryfooter:#e7e7e7;--bg-color-docpage:#fff;--bg-color-container:#fff;--bg-color-container-transparent:hsla(0,0%,100%,.9);--bg-color-secondarycontainer:#f5f5f5;--bg-color-component:#eee;--bg-color-component-transparent:hsla(0,0%,93%,.8);--bg-color-tag:#eee;--bg-color-tab:#eee;--bg-color-table:#fff;--bg-color-thead:#dcdcdc;--bg-color-navigation:#fff;--bg-color-card:#fff;--component-stroke:#eee;--component-border:#e7e7e7;--bg-color-component-board:#f1f2f5;--bg-color-component-board-linear:linear-gradient(270deg,#f1f2f5,rgba(241,242,245,0));--bg-color-banner:#f5f5f5;--bg-color-banner-linear:linear-gradient(180deg,hsla(0,0%,96%,0),#f5f5f5);--bg-color-data:rgba(0,0,0,.1);--bg-color-data-linear:transparent;--bg-color-summary:#fafafa;--bg-color-demo-linear:hsla(0,0%,100%,0);--bg-color-card-user:#dcdcdc;--bg-color-card-user-linear:hsla(0,0%,100%,0);--bg-color-demo-hover:rgba(0,0,0,.05);--bg-color-demo-select:rgba(0,0,0,.1);--bg-color-code-hover:#e7e7e7;--bg-color-code-select:#dcdcdc;--bg-color-container-hover:#f3f3f3;--bg-color-container-select:#eee;--bg-color-component-hover:#dcdcdc;--bg-color-component-select:#a6a6a6;--bg-color-tab-select:#fff;--bg-color-table-hover:#f5f5f5;--bg-color-navigation-hover:#f3f3f3;--bg-color-navigation-select:#e7e7e7;--bg-color-card-hover:#f3f3f3;--bg-color-scroll:rgba(0,0,0,.14);--bg-color-component-disabled:#eee;--text-primary:rgba(0,0,0,.9);--text-secondary:rgba(0,0,0,.6);--text-placeholder:rgba(0,0,0,.4);--text-disabled:rgba(0,0,0,.26);--text-anti:#fff;--text-interactive:var(--td-brand-color);--brand-main:var(--td-brand-color);--brand-main-hover:var(--td-brand-color-hover,var(--td-brand-color-active));--brand-main-focus:var(--td-brand-color-focus);--brand-main-disabled:var(--td-brand-color-disabled);--brand-main-light:rgba(0,82,217,.1);--brand-main-active:#003cab;--brand-main-light-hover:#d9e1ff;--error-1:#fff0ed;--error-8:#881f1c;--error-main:#d54941;--error-main-hover:#f6685d;--error-main-focus:#ffd8d2;--error-main-disabled:#ffb9b0;--error-main-light:rgba(213,73,65,.1);--error-main-active:#ad352f;--error-main-light-hover:#ffd8d2;--warning-main:#e37318;--warning-main-hover:#fa9550;--warning-main-focus:#ffd9c2;--warning-main-disabled:#ffb98c;--warning-main-light:rgba(227,115,24,.1);--warning-main-active:#be5a00;--warning-main-light-hover:#ffd9c2;--success-main:#2ba471;--success-main-hover:#56c08d;--success-main-focus:#c6f3d7;--success-main-disabled:#92dab2;--success-main-light:rgba(43,164,113,.1);--success-main-active:#008858;--success-main-light-hover:#c6f3d7;--bg-color-theme-transparent:hsla(0,0%,93%,.6);--bg-color-theme-secondary:#f3f3f3;--bg-color-theme-surface:#fff;--bg-color-theme-tertiary:#e7e7e7;--theme-component-border:rgba(0,0,0,.06);--bg-color-theme-radio:#e7e7e7;--bg-color-theme-radio-active:#fff}@media screen and (max-width:960px){:root,:root[theme-mode=light]{--content-padding-right:0}}@media screen and (min-width:1200px){:root,:root[theme-mode=light]{--content-padding-left-right:48px}}@media screen and (min-width:1920px){:root,:root[theme-mode=light]{--content-max-width:1200px}}:root[theme-mode=dark]{--theme-block-light-display:none;--theme-block-dark-display:block;--header-box-shadow:inset 0 -1px 0 #4b4b4b;--footer-box-shadow:inset 0 1px 0 #4b4b4b;--aside-box-shadow:inset -1px 0 0 #4b4b4b;--portal-box-shadow:inset 1px 0px 0px #5e5e5e,inset -1px 0px 0px #5e5e5e,inset 0px -1px 0px #5e5e5e,inset 0px 1px 0px #5e5e5e;--table-box-shadow:inset 0px 1px 0px #4b4b4b,inset 0px -1px 0px #4b4b4b,inset -1px 0px 0px #4b4b4b,inset 1px 0px 0px #4b4b4b;--shadow-1:0 4px 6px rgba(0,0,0,.06),0 1px 10px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.12);--shadow-2:0 8px 10px rgba(0,0,0,.12),0 3px 14px rgba(0,0,0,.1),0 5px 5px rgba(0,0,0,.16);--shadow-3:0 16px 24px rgba(0,0,0,.14),0 6px 30px rgba(0,0,0,.12),0 8px 10px rgba(0,0,0,.2);--shadow-inset-top:inset 0 .5px 0 #5e5e5e;--shadow-inset-right:inset .5px 0 0 #5e5e5e;--shadow-inset-bottom:inset 0 -.5px 0 #5e5e5e;--shadow-inset-left:inset -.5px 0 0 #5e5e5e;--bg-color-page:#242424;--bg-color-secondarypage:#181818;--bg-color-demo:#181818;--bg-color-demo-secondary:#181818;--bg-color-code:#2c2c2c;--bg-color-code-linear:linear-gradient(180deg,#2c2c2c,rgba(44,44,44,0));--bg-color-footer:#181818;--bg-color-secondaryfooter:#101010;--bg-color-docpage:#242424;--bg-color-container:#242424;--bg-color-container-transparent:rgba(44,44,44,.9);--bg-color-secondarycontainer:#383838;--bg-color-component:#383838;--bg-color-component-transparent:rgba(75,75,75,.9);--bg-color-tag:#4b4b4b;--bg-color-tab:#383838;--bg-color-table:#242424;--bg-color-thead:#4b4b4b;--bg-color-navigation:#2c2c2c;--bg-color-card:#383838;--component-stroke:#383838;--component-border:#4b4b4b;--bg-color-component-board:#181818;--bg-color-component-board-linear:linear-gradient(270deg,#181818,hsla(0,0%,9%,0));--bg-color-banner:#242424;--bg-color-banner-linear:linear-gradient(180deg,rgba(36,36,36,0),#242424);--bg-color-data:hsla(0,0%,100%,.1);--bg-color-data-linear:hsla(0,0%,100%,0);--bg-color-summary:#1e1e1e;--bg-color-demo-linear:hsla(0,0%,9%,0);--bg-color-card-user:#4b4b4b;--bg-color-card-user-linear:transparent;--bg-color-demo-hover:hsla(0,0%,100%,.05);--bg-color-demo-select:hsla(0,0%,100%,.1);--bg-color-code-hover:#383838;--bg-color-code-select:#4b4b4b;--bg-color-container-hover:#383838;--bg-color-container-select:#4b4b4b;--bg-color-component-hover:#5e5e5e;--bg-color-component-select:#777;--bg-color-tab-select:#4b4b4b;--bg-color-table-hover:#2c2c2c;--bg-color-navigation-hover:#383838;--bg-color-navigation-select:#4b4b4b;--bg-color-card-hover:#4b4b4b;--bg-color-scroll:hsla(0,0%,100%,.14);--bg-color-component-disabled:#242424;--text-primary:hsla(0,0%,100%,.9);--text-secondary:hsla(0,0%,100%,.55);--text-placeholder:hsla(0,0%,100%,.35);--text-disabled:hsla(0,0%,100%,.22);--text-anti:#fff;--text-interactive:#0052d9;--brand-main:#4582e6;--brand-main-hover:#2667d4;--brand-main-focus:#173463;--brand-main-disabled:#143975;--brand-main-light:rgba(69,130,230,.2);--brand-main-active:#699ef5;--brand-main-light-hover:#173463;--error-1:#472324;--error-8:#ec888e;--error-main:#c64751;--error-main-hover:#a03f46;--error-main-focus:#5e2a2d;--error-main-disabled:#703439;--error-main-light:rgba(198,71,81,.1);--error-main-active:#de6670;--error-main-light-hover:#5e2a2d;--warning-main:#cf6e2d;--warning-main-hover:#a75d2b;--warning-main-focus:#582f21;--warning-main-disabled:#733c23;--warning-main-light:rgba(207,110,45,.1);--warning-main-active:#dc7633;--warning-main-light-hover:#582f21;--success-main:#059465;--success-main-hover:#0d7a55;--success-main-focus:#1a4230;--success-main-disabled:#17533d;--success-main-light:rgba(5,148,101,.1);--success-main-active:#43af8a;--success-main-light-hover:#1a4230;--bg-color-theme-transparent:rgba(44,44,44,.6);--bg-color-theme-secondary:#424242;--bg-color-theme-surface:#4d4d4d;--bg-color-theme-tertiary:#5e5e5e;--theme-component-border:hsla(0,0%,100%,.06);--bg-color-theme-radio:#424242;--bg-color-theme-radio-active:#5e5e5e;background:var(--bg-color-page)}:root[theme-mode=dark] img{filter:brightness(.85)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-secondary);font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;margin:0;padding:0}body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner{width:0}body::-webkit-scrollbar,html::-webkit-scrollbar{background:transparent;height:16px;width:16px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:var(--bg-color-page)}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--bg-color-scroll);border:4px solid transparent;border-radius:8px}dl,ol,ul{line-height:22px;margin:0;padding:0 0 0 1.2em}h1,h2,h3,h4,h5,h6,p{margin:0}@font-face{font-display:swap;font-family:TencentSansW7;font-style:normal;font-weight:400;src:url(https://static.tdesign.tencent.com/assets/tencent-w7-CKBjfXer.ttf)}@font-face{font-display:swap;font-family:TCloudNumber;font-style:normal;font-weight:400;src:url(https://static.tdesign.tencent.com/assets/TCloudNumber-DCoPuWtt.ttf)}@font-face{font-display:swap;font-family:TCloudNumberLight;font-style:normal;font-weight:400;src:url(https://static.tdesign.tencent.com/assets/TCloudNumber-Light-CFCi38g-.ttf)}@keyframes gradient{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}#nprogress{pointer-events:none}#nprogress .bar{animation:gradient 6s infinite;animation-fill-mode:forwards;animation-timing-function:linear;background:repeating-linear-gradient(90deg,#0062fa 0,#ffbd2e,#ff454f,#ffbd2e 75%,#0062fa);background-position:0 100%;background-size:200% auto;height:4px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:none;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}:root .__light__,:root[theme-mode=light] .__light__{display:block}:root .__dark__,:root[theme-mode=dark] .__light__,:root[theme-mode=light] .__dark__{display:none}:root[theme-mode=dark] .__dark__{display:block}div[name=API] img,div[name=DESIGN] img,div[name=DOC] img{margin:16px 0 8px;max-width:100%}div[name=API] em,div[name=DESIGN] em,div[name=DOC] em{font-size:12px;line-height:20px}div[name=API] blockquote,div[name=DEMO] blockquote,div[name=DESIGN] blockquote,div[name=DOC] blockquote{background:var(--bg-color-code);border-left:2px solid var(--component-border);color:var(--text-primary);display:block;margin:16px 0;overflow:auto;padding:12px 12px 12px 24px}div[name=API]>ol:not([class]) li,div[name=API]>ul:not([class]) li,div[name=DEMO]>ol:not([class]) li,div[name=DEMO]>ul:not([class]) li,div[name=DESIGN]>ol:not([class]) li,div[name=DESIGN]>ul:not([class]) li,div[name=DOC]>ol:not([class]) li,div[name=DOC]>ul:not([class]) li{margin-top:4px}div[name=API]>h5:not([class]),div[name=DEMO]>h5:not([class]),div[name=DESIGN]>h5:not([class]),div[name=DOC]>h5:not([class]){font-weight:500}div[name=API]>p:not([class]),div[name=DEMO]>p:not([class]),div[name=DESIGN]>p:not([class]),div[name=DOC]>p:not([class]){margin:16px 0 8px}div[name=API]>:first-child,div[name=DEMO]>:first-child,div[name=DESIGN]>:first-child,div[name=DOC]>:first-child{margin-top:0}div[name=API] pre,div[name=DEMO] pre,div[name=DESIGN] pre,div[name=DOC] pre{background:var(--bg-color-code);border:1px solid var(--component-border);border-radius:6px;color:var(--text-primary);overflow:auto;padding:20px 24px;position:relative}div[name=API] pre:hover::-webkit-scrollbar-thumb,div[name=DEMO] pre:hover::-webkit-scrollbar-thumb,div[name=DESIGN] pre:hover::-webkit-scrollbar-thumb,div[name=DOC] pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}div[name=API] pre::-webkit-scrollbar-corner,div[name=DEMO] pre::-webkit-scrollbar-corner,div[name=DESIGN] pre::-webkit-scrollbar-corner,div[name=DOC] pre::-webkit-scrollbar-corner{width:0}div[name=API] pre::-webkit-scrollbar,div[name=DEMO] pre::-webkit-scrollbar,div[name=DESIGN] pre::-webkit-scrollbar,div[name=DOC] pre::-webkit-scrollbar{background-color:transparent;height:12px;width:12px}div[name=API] pre::-webkit-scrollbar-thumb,div[name=DEMO] pre::-webkit-scrollbar-thumb,div[name=DESIGN] pre::-webkit-scrollbar-thumb,div[name=DOC] pre::-webkit-scrollbar-thumb{background-clip:content-box;background-color:transparent;border:4px solid transparent;border-radius:6px}div[name=API] :not(pre)>code,div[name=DEMO] :not(pre)>code,div[name=DESIGN] :not(pre)>code,div[name=DOC] :not(pre)>code{background:var(--error-1);border-radius:3px;color:var(--error-8);font-size:12px;margin:0 2px;padding:2px 6px;position:relative;top:-2.5px;word-break:break-word}div[name=API] code,div[name=API] code *,div[name=DEMO] code,div[name=DEMO] code *,div[name=DESIGN] code,div[name=DESIGN] code *,div[name=DOC] code,div[name=DOC] code *{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}div[name=API] a:not([class]),div[name=DEMO] a:not([class]),div[name=DESIGN] a:not([class]),div[name=DOC] a:not([class]){color:var(--text-interactive);line-height:24px;text-decoration:none}div[name=API]>table,div[name=DEMO]>table,div[name=DESIGN]>table,div[name=DOC]>table{background:var(--bg-color-table);border-collapse:collapse;border-radius:6px;box-shadow:var(--table-box-shadow);margin:16px 0;overflow:hidden;width:100%}div[name=API]>table thead,div[name=DEMO]>table thead,div[name=DESIGN]>table thead,div[name=DOC]>table thead{background:var(--bg-color-tag);font-weight:400}div[name=API]>table thead th,div[name=DEMO]>table thead th,div[name=DESIGN]>table thead th,div[name=DOC]>table thead th{border:0}div[name=API]>table thead tr:hover,div[name=DEMO]>table thead tr:hover,div[name=DESIGN]>table thead tr:hover,div[name=DOC]>table thead tr:hover{background:var(--bg-color-tag)}div[name=API]>table tr,div[name=DEMO]>table tr,div[name=DESIGN]>table tr,div[name=DOC]>table tr{transition:all .2s}div[name=API]>table tr:hover,div[name=DEMO]>table tr:hover,div[name=DESIGN]>table tr:hover,div[name=DOC]>table tr:hover{background-color:var(--bg-color-table-hover)}div[name=API]>table td:first-child,div[name=DEMO]>table td:first-child,div[name=DESIGN]>table td:first-child,div[name=DOC]>table td:first-child{font-weight:700}div[name=API]>table td:nth-child(4),div[name=DEMO]>table td:nth-child(4),div[name=DESIGN]>table td:nth-child(4),div[name=DOC]>table td:nth-child(4){word-break:break-all}div[name=API]>table td,div[name=API]>table th,div[name=DEMO]>table td,div[name=DEMO]>table th,div[name=DESIGN]>table td,div[name=DESIGN]>table th,div[name=DOC]>table td,div[name=DOC]>table th{border-bottom:1px solid var(--component-stroke);font-size:14px;line-height:22px;padding:16px;text-align:left}div[name=API]>table th,div[name=DEMO]>table th,div[name=DESIGN]>table th,div[name=DOC]>table th{white-space:nowrap}div[name=API] nav+h1,div[name=API] nav+h2,div[name=API] nav+h3,div[name=API] nav+h4,div[name=DEMO] nav+h1,div[name=DEMO] nav+h2,div[name=DEMO] nav+h3,div[name=DEMO] nav+h4,div[name=DESIGN] nav+h1,div[name=DESIGN] nav+h2,div[name=DESIGN] nav+h3,div[name=DESIGN] nav+h4,div[name=DOC] nav+h1,div[name=DOC] nav+h2,div[name=DOC] nav+h3,div[name=DOC] nav+h4{margin-top:0}div[name=API]>h1,div[name=DEMO]>h1,div[name=DESIGN]>h1,div[name=DOC]>h1{font-size:48px;font-weight:700;line-height:56px;margin-bottom:24px}div[name=API]>h2,div[name=DEMO]>h2,div[name=DESIGN]>h2,div[name=DOC]>h2{font-size:28px;font-weight:700;line-height:36px;margin:64px 0 24px}div[name=API]>h2 .header-anchor,div[name=API]>h2 .tdesign-header-anchor,div[name=DEMO]>h2 .header-anchor,div[name=DEMO]>h2 .tdesign-header-anchor,div[name=DESIGN]>h2 .header-anchor,div[name=DESIGN]>h2 .tdesign-header-anchor,div[name=DOC]>h2 .header-anchor,div[name=DOC]>h2 .tdesign-header-anchor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.397 14.297c-.78.78-.94 1.889-.353 2.475l3.182 3.182c.585.585 1.693.427 2.474-.354l3.45-3.45-1.06-1.06-3.707 3.707L5.2 15.614l3.707-3.706-1.061-1.061-3.45 3.45ZM16.332 12.968l-1.06-1.06 3.524-3.525L15.614 5.2 12.09 8.726l-1.06-1.061 3.268-3.268c.78-.78 1.889-.94 2.474-.353l3.182 3.182c.586.585.428 1.693-.353 2.475l-3.268 3.267Z' fill='%230052D9'/%3E%3Cpath d='m9.657 13.171 1.061 1.061 4.243-4.243L13.9 8.93 9.657 13.17Z' fill='%230052D9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;display:inline-block;font-size:0;height:28px;margin-left:8px;width:32px}div[name=API]>h2:hover a,div[name=DEMO]>h2:hover a,div[name=DESIGN]>h2:hover a,div[name=DOC]>h2:hover a{opacity:1}div[name=API]>h3,div[name=DEMO]>h3,div[name=DESIGN]>h3,div[name=DOC]>h3{font-size:20px;font-weight:700;line-height:28px;margin:48px 0 8px;white-space:pre-wrap}div[name=API]>h3 .header-anchor,div[name=API]>h3 .tdesign-header-anchor,div[name=DEMO]>h3 .header-anchor,div[name=DEMO]>h3 .tdesign-header-anchor,div[name=DESIGN]>h3 .header-anchor,div[name=DESIGN]>h3 .tdesign-header-anchor,div[name=DOC]>h3 .header-anchor,div[name=DOC]>h3 .tdesign-header-anchor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.397 14.297c-.78.78-.94 1.889-.353 2.475l3.182 3.182c.585.585 1.693.427 2.474-.354l3.45-3.45-1.06-1.06-3.707 3.707L5.2 15.614l3.707-3.706-1.061-1.061-3.45 3.45ZM16.332 12.968l-1.06-1.06 3.524-3.525L15.614 5.2 12.09 8.726l-1.06-1.061 3.268-3.268c.78-.78 1.889-.94 2.474-.353l3.182 3.182c.586.585.428 1.693-.353 2.475l-3.268 3.267Z' fill='%230052D9'/%3E%3Cpath d='m9.657 13.171 1.061 1.061 4.243-4.243L13.9 8.93 9.657 13.17Z' fill='%230052D9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;display:inline-block;font-size:0;height:20px;margin-left:8px;width:24px}div[name=API]>h3:hover a,div[name=DEMO]>h3:hover a,div[name=DESIGN]>h3:hover a,div[name=DOC]>h3:hover a{opacity:1}div[name=API]>h4,div[name=DEMO]>h4,div[name=DESIGN]>h4,div[name=DOC]>h4{font-size:16px;font-weight:700;line-height:24px;margin:32px 0 8px}div[name=API]>h4 .header-anchor,div[name=API]>h4 .tdesign-header-anchor,div[name=DEMO]>h4 .header-anchor,div[name=DEMO]>h4 .tdesign-header-anchor,div[name=DESIGN]>h4 .header-anchor,div[name=DESIGN]>h4 .tdesign-header-anchor,div[name=DOC]>h4 .header-anchor,div[name=DOC]>h4 .tdesign-header-anchor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.397 14.297c-.78.78-.94 1.889-.353 2.475l3.182 3.182c.585.585 1.693.427 2.474-.354l3.45-3.45-1.06-1.06-3.707 3.707L5.2 15.614l3.707-3.706-1.061-1.061-3.45 3.45ZM16.332 12.968l-1.06-1.06 3.524-3.525L15.614 5.2 12.09 8.726l-1.06-1.061 3.268-3.268c.78-.78 1.889-.94 2.474-.353l3.182 3.182c.586.585.428 1.693-.353 2.475l-3.268 3.267Z' fill='%230052D9'/%3E%3Cpath d='m9.657 13.171 1.061 1.061 4.243-4.243L13.9 8.93 9.657 13.17Z' fill='%230052D9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;display:inline-block;font-size:0;height:16px;margin-left:8px;width:20px}div[name=API]>h4:hover a,div[name=DEMO]>h4:hover a,div[name=DESIGN]>h4:hover a,div[name=DOC]>h4:hover a{opacity:1}div[name=API]>h5,div[name=DEMO]>h5,div[name=DESIGN]>h5,div[name=DOC]>h5{font-size:14px;font-weight:400;line-height:22px;margin:8px 0 16px}div[name=API]>h5 .header-anchor,div[name=API]>h5 .tdesign-header-anchor,div[name=DEMO]>h5 .header-anchor,div[name=DEMO]>h5 .tdesign-header-anchor,div[name=DESIGN]>h5 .header-anchor,div[name=DESIGN]>h5 .tdesign-header-anchor,div[name=DOC]>h5 .header-anchor,div[name=DOC]>h5 .tdesign-header-anchor{display:none}div[name=API]>p,div[name=DEMO]>p,div[name=DESIGN]>p,div[name=DOC]>p{color:var(--text-primary);font-size:14px;line-height:22px}div[name=API] hr,div[name=DEMO] hr,div[name=DESIGN] hr,div[name=DOC] hr{margin:16px 0;opacity:0}div[name=API] .header-anchor,div[name=API] .tdesign-header-anchor,div[name=DEMO] .header-anchor,div[name=DEMO] .tdesign-header-anchor,div[name=DESIGN] .header-anchor,div[name=DESIGN] .tdesign-header-anchor,div[name=DOC] .header-anchor,div[name=DOC] .tdesign-header-anchor{opacity:0;text-decoration:none;transition:opacity .3s}.tdesign-toc_container{box-sizing:border-box;max-height:calc(100vh - 214px);overflow:hidden auto;padding-right:10px;position:absolute;right:24px;top:316px;width:240px}@media screen and (max-width:960px){.tdesign-toc_container{display:none}}.tdesign-toc_container::-webkit-scrollbar-corner{width:0}.tdesign-toc_container::-webkit-scrollbar{background:transparent;height:12px;width:12px}.tdesign-toc_container::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--bg-color-scroll);border:4px solid transparent;border-radius:6px}.tdesign-toc_container .tdesign-toc_list{border-left:1px solid var(--component-stroke);font-size:12px;line-height:20px;list-style:none;padding-left:0}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item{list-style:none;margin-left:0;padding-left:0}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item .tdesign-toc_list{border-left:0;text-indent:16px}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item_a{border-left:1px solid transparent;color:var(--text-secondary);display:block;margin-bottom:4px;margin-left:-1px;overflow:hidden;padding-left:16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item_a:hover{color:var(--text-primary)}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item_a.active{border-left:1px solid var(--brand-main);color:var(--brand-main)}div[name=DESIGN] h5+.legend{margin-top:-16px}div[name=DESIGN] img{border:1px solid var(--component-border);border-radius:6px;display:block}div[name=DESIGN] img.tag{border:0;margin:0;max-width:60px;width:25%}div[name=DESIGN] .legend{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}div[name=DESIGN] .legend .item{width:calc(50% - 12px)}div[name=DOC] image{border:1px solid var(--component-stroke);border-radius:6px;margin:0}div[name=DOC] h3 .tag{background:var(--component-border);border-radius:3px;color:var(--text-secondary);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-left:8px;padding:0 12px}div[name=DOC] .image-group{-moz-column-gap:16px;column-gap:16px;display:flex;flex-wrap:wrap;margin-top:16px;row-gap:16px}div[name=DOC] .image-wrapper{background:var(--bg-color-code);border-radius:6px;box-sizing:border-box;padding:12px}@media screen and (min-width:1440px){div[name=DOC] .image-wrapper{width:calc(25% - 12px)}}@media screen and (min-width:750px) and (max-width:1439px){div[name=DOC] .image-wrapper{width:calc(33.33333% - 10.66667px)}}@media screen and (max-width:749px){div[name=DOC] .image-wrapper{width:calc(50% - 8px)}}div[name=DOC] .image-wrapper .item{background:var(--bg-color-card);border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;padding:12px 16px;text-decoration:none;transition:transform .24s cubic-bezier(.38,0,.24,1),box-shadow .24s linear,opacity .24s linear;width:100%}div[name=DOC] .image-wrapper .item:hover{box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014;color:var(--text-primary);transform:translateY(-2px)}div[name=DOC] .image-wrapper .item:hover .name{color:var(--text-primary)}div[name=DOC] .image-wrapper .item img{filter:none;height:auto;margin:8px 0;max-width:100%;width:100%}div[name=DOC] .image-wrapper .item .name{color:var(--text-secondary);line-height:22px;overflow:hidden;text-overflow:ellipsis;transition:all .2s linear;white-space:pre}@media screen and (max-width:960px){div[name=API]{overflow-x:auto}div[name=API] table{width:225%}}div[name=DOC].timeline{overflow:hidden;padding-left:32px;position:relative}div[name=DOC].timeline:after{background:var(--brand-main);content:"";height:100%;left:3px;position:absolute;top:24px;width:2px}div[name=DOC].timeline h2{position:relative}div[name=DOC].timeline h2 code,div[name=DOC].timeline h2 td-code{background:var(--bg-color-tag);border-radius:3px;color:var(--text-primary);font-size:20px;margin-left:24px;padding:2px 12px}div[name=DOC].timeline h2:before{border:2px solid var(--brand-main);border-radius:50%;box-sizing:border-box;height:8px;outline:8px solid var(--bg-color-docpage)}div[name=DOC].timeline h2:before,div[name=DOC].timeline h2:last-of-type:after{background:var(--bg-color-docpage);content:"";left:-32px;position:absolute;width:8px;z-index:10}div[name=DOC].timeline h2:last-of-type:after{height:9999px;top:30px}div[name=DOC].timeline h3{font-size:20px;line-height:28px}@keyframes light-to-dark{0%{clip-path:polygon(0 0,0 0,-14.05408vh 100%,-14.05408vh 100%)}to{clip-path:polygon(0 0,calc(14.05408vh + 100%) 0,100% 100%,-14.05408vh 100%)}}@keyframes dark-to-light{0%{clip-path:polygon(calc(14.05408vh + 100%) 0,calc(14.05408vh + 100%) 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,calc(14.05408vh + 100%) 0,100% 100%,-14.05408vh 100%)}}:root::view-transition-group(root){animation-duration:1s}:root::view-transition-new(root),:root::view-transition-old(root){mix-blend-mode:normal}:root::view-transition-old(root),:root[theme-mode=dark]::view-transition-old(root){animation:none}:root::view-transition-new(root){animation-name:dark-to-light}:root[theme-mode=dark]::view-transition-new(root){animation-name:light-to-dark}code[class*=language-],pre[class*=language-]{word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#d6dbe3;color:#263238}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#d6dbe3;color:#263238}:not(pre)>code[class*=language-]{border-radius:.2em;padding:.1em;white-space:normal}pre[class*=language-]{overflow:auto;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:#c24c08}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#6d3bac}.token.attr-name{color:#007edf}.token.attr-value,.token.attribute{color:#d29c00}.token.boolean{color:#6d3bac}.token.builtin,.token.cdata,.token.char,.token.class{color:#007edf}.token.class-name{color:#003cbf}.token.comment{color:#97a3b7}.token.constant{color:#6d3bac}.token.deleted{color:#b01531}.token.doctype{color:#97a3b7}.token.entity{color:#b01531}.token.function{color:#6d3bac}.token.hexcode{color:#c24c08}.token.id,.token.important{color:#6d3bac;font-weight:700}.token.inserted{color:#007edf}.token.keyword{color:#6d3bac}.token.number{color:#c24c08}.token.operator{color:#007edf}.token.prolog{color:#97a3b7}.token.property{color:#007edf}.token.pseudo-class,.token.pseudo-element{color:#d29c00}.token.punctuation{color:#007edf}.token.regex{color:#003cbf}.token.selector{color:#b01531}.token.string{color:#d29c00}.token.symbol{color:#6d3bac}.token.tag{color:#b01531}.token.unit{color:#c24c08}.token.url,.token.variable{color:#b01531}:root[theme-mode=dark] code[class*=language-],:root[theme-mode=dark] pre[class*=language-]{word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}:root[theme-mode=dark] code[class*=language-] ::-moz-selection,:root[theme-mode=dark] code[class*=language-]::-moz-selection,:root[theme-mode=dark] pre[class*=language-] ::-moz-selection,:root[theme-mode=dark] pre[class*=language-]::-moz-selection{background:#d6dbe3;color:#263238}:root[theme-mode=dark] code[class*=language-] ::selection,:root[theme-mode=dark] code[class*=language-]::selection,:root[theme-mode=dark] pre[class*=language-] ::selection,:root[theme-mode=dark] pre[class*=language-]::selection{background:#d6dbe3;color:#263238}:root[theme-mode=dark] :not(pre)>code[class*=language-]{border-radius:.2em;padding:.1em;white-space:normal}:root[theme-mode=dark] pre[class*=language-]{overflow:auto;position:relative}:root[theme-mode=dark] .language-css>code,:root[theme-mode=dark] .language-sass>code,:root[theme-mode=dark] .language-scss>code{color:#f2995f}:root[theme-mode=dark] [class*=language-] .namespace{opacity:.7}:root[theme-mode=dark] .token.atrule{color:#ae78f0}:root[theme-mode=dark] .token.attr-name{color:#3280ff}:root[theme-mode=dark] .token.attr-value,:root[theme-mode=dark] .token.attribute{color:#fbca25}:root[theme-mode=dark] .token.boolean{color:#ae78f0}:root[theme-mode=dark] .token.builtin,:root[theme-mode=dark] .token.cdata,:root[theme-mode=dark] .token.char,:root[theme-mode=dark] .token.class{color:#3280ff}:root[theme-mode=dark] .token.class-name{color:#5cc5fc}:root[theme-mode=dark] .token.comment{color:#97a3b7}:root[theme-mode=dark] .token.constant{color:#ae78f0}:root[theme-mode=dark] .token.deleted{color:#48c79c}:root[theme-mode=dark] .token.doctype{color:#97a3b7}:root[theme-mode=dark] .token.entity{color:#48c79c}:root[theme-mode=dark] .token.function{color:#ae78f0}:root[theme-mode=dark] .token.hexcode{color:#f2995f}:root[theme-mode=dark] .token.id{color:#ae78f0;font-weight:700}:root[theme-mode=dark] .token.important{color:#f6c;font-weight:700}:root[theme-mode=dark] .token.inserted{color:#3280ff}:root[theme-mode=dark] .token.keyword{color:#f6c}:root[theme-mode=dark] .token.number{color:#f2995f}:root[theme-mode=dark] .token.operator{color:#3280ff}:root[theme-mode=dark] .token.prolog{color:#97a3b7}:root[theme-mode=dark] .token.property{color:#3280ff}:root[theme-mode=dark] .token.pseudo-class,:root[theme-mode=dark] .token.pseudo-element{color:#fbca25}:root[theme-mode=dark] .token.punctuation{color:#3280ff}:root[theme-mode=dark] .token.regex{color:#5cc5fc}:root[theme-mode=dark] .token.selector{color:#f36d78}:root[theme-mode=dark] .token.string{color:#fbca25}:root[theme-mode=dark] .token.symbol{color:#f6c}:root[theme-mode=dark] .token.tag{color:#48c79c}:root[theme-mode=dark] .token.unit{color:#f2995f}:root[theme-mode=dark] .token.url,:root[theme-mode=dark] .token.variable{color:#48c79c}@property --booking-glass-border-angle{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --booking-glass-sheen-angle{syntax:"<angle>";inherits:false;initial-value:-45deg}@font-face{font-family:tencentW7;font-style:normal;font-weight:400;src:url(https://static.tdesign.tencent.com/assets/TencentSans-W7-KSp1kG3L.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%}}:root[theme-mode=dark] .tdesign-homepage{--box-shadow-detail:0px 50px 100px -12px rgba(0,0,0,.2),0px 30px 60px -30px rgba(0,0,0,.4);--box-shadow-detail-outline:0 0 0 0 hsla(0,0%,100%,.08)}:root[theme-mode=dark] .tdesign-homepage .component-board{background:var(--bg-color-component-board)}:root[theme-mode=dark] .tdesign-homepage .business-cases{background:var(--bg-color-demo)}:root[theme-mode=dark] .tdesign-homepage .industry-cases__stats{--industry-grid-color:hsla(0,0%,100%,.08);background:radial-gradient(50% 50% at 50% 50%,var(--bg-color-demo-linear,hsla(0,0%,9%,0)) 0,var(--bg-color-demo,#181818) 100%)}:root[theme-mode=dark] .tdesign-homepage .logo-marquee{opacity:.6}:root[theme-mode=dark] .tdesign-homepage .module-board__detail--creation img.desc-icon,:root[theme-mode=dark] .tdesign-homepage .module-board__detail--open .desc-icon{filter:invert(1)}:root[theme-mode=dark] .tdesign-homepage .module-intro .item.web .steps-image{background-image:url(../pages/home/assets/web-dark.png)}:root[theme-mode=dark] .tdesign-homepage .module-intro .item.mobile .steps-image{background-image:url(../pages/home/assets/mobile-dark.png)}:root[theme-mode=dark] .tdesign-homepage .module-intro .item.miniapp .steps-image{background-image:url(../pages/home/assets/miniapp-dark.png)}:root[theme-mode=dark] .tdesign-homepage .module-setup{background:#1e1e1e;color:#ffffffe6}:root[theme-mode=dark] .tdesign-homepage .module-setup:before{content:url(https://static.tdesign.tencent.com/assets/community-growth-bg-dark-BBjv2ues.svg);-webkit-mask-image:none;mask-image:none;mix-blend-mode:hard-light;opacity:1}:root[theme-mode=dark] .tdesign-homepage .module-setup .module-title{color:#ffffffe6}:root[theme-mode=dark] .tdesign-homepage .module-setup .module-description{color:#ffffff8c}:root[theme-mode=dark] .tdesign-homepage .module-setup__button.t-button{background:#242424;color:#ffffffe6;width:196px}:root[theme-mode=dark] .tdesign-homepage .module-setup__button.t-button:hover{background:#242424}:root[theme-mode=dark] .tdesign-homepage .module-setup__button:not(.module-setup__button--design) .module-setup__icon{filter:invert(1);opacity:.9}.tdesign-homepage{--outer-padding-left-right:48px;--inner-padding-left-right:32px;--box-shadow-detail:0px 50px 100px -12px rgba(0,0,0,.05),0px 30px 60px -30px rgba(0,0,0,.1);--box-shadow-detail-outline:0 0 0 0 rgba(0,0,0,.06);background:var(--bg-color-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:464px auto 0;padding:0 var(--outer-padding-left-right);position:relative;z-index:10}.tdesign-homepage .main-page .banner-booking{--booking-glass-tint-low:hsla(0,0%,100%,.02);--booking-glass-tint-high:hsla(0,0%,100%,.07);--booking-glass-highlight:hsla(0,0%,100%,.9);--booking-glass-ambient:hsla(0,0%,100%,.04);--booking-glass-shadow:rgba(0,0,0,.04);--booking-glass-logo:hsla(0,0%,100%,.94);--booking-glass-logo-border:hsla(0,0%,100%,.5);--booking-glass-ease:cubic-bezier(.25,1,.5,1);border-radius:999px;flex:0 0 206px;height:64px;pointer-events:none;position:relative;transition:transform .4s var(--booking-glass-ease);width:206px;z-index:0}@media screen and (max-width:700px){.tdesign-homepage .main-page .banner-booking{display:none}}[theme-mode=dark] .tdesign-homepage .main-page .banner-booking{--booking-glass-tint-low:rgba(24,28,36,.04);--booking-glass-tint-high:rgba(24,28,36,.1);--booking-glass-highlight:hsla(0,0%,100%,.4);--booking-glass-ambient:hsla(0,0%,100%,.025);--booking-glass-shadow:rgba(0,0,0,.16);--booking-glass-logo:hsla(0,0%,100%,.12);--booking-glass-logo-border:var(--component-border)}.tdesign-homepage .main-page .banner-booking__button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--bg-color-component-transparent);border:0;border-radius:inherit;box-shadow:inset 0 1px 3px #00000006,inset 0 -1px 2px var(--booking-glass-ambient),0 2px 8px -4px var(--booking-glass-shadow);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;height:100%;padding:0 20px 0 6px;pointer-events:auto;position:relative;text-align:left;transition:transform .4s var(--booking-glass-ease),box-shadow .4s var(--booking-glass-ease),-webkit-backdrop-filter .4s var(--booking-glass-ease);transition:transform .4s var(--booking-glass-ease),box-shadow .4s var(--booking-glass-ease),backdrop-filter .4s var(--booking-glass-ease);transition:transform .4s var(--booking-glass-ease),box-shadow .4s var(--booking-glass-ease),backdrop-filter .4s var(--booking-glass-ease),-webkit-backdrop-filter .4s var(--booking-glass-ease);width:100%;z-index:1}@supports (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.tdesign-homepage .main-page .banner-booking__button{background:linear-gradient(-75deg,var(--booking-glass-tint-low),var(--booking-glass-tint-high),var(--booking-glass-tint-low))}}.tdesign-homepage .main-page .banner-booking__button:focus-visible{outline:2px solid var(--brand-main,#0052d9);outline-offset:5px}.tdesign-homepage .main-page .banner-booking__button:before{--booking-glass-sheen-angle:-45deg;background:linear-gradient(var(--booking-glass-sheen-angle),hsla(0,0%,100%,0) 0,var(--booking-glass-ambient) 40% 50%,hsla(0,0%,100%,0) 55%);background-position:0 50%;background-repeat:no-repeat;background-size:200% 200%;border-radius:inherit;content:"";top:.75px;right:.75px;bottom:.75px;left:.75px;mix-blend-mode:screen;pointer-events:none;position:absolute;transition:background-position .5s var(--booking-glass-ease),--booking-glass-sheen-angle .5s var(--booking-glass-ease);z-index:0}.tdesign-homepage .main-page .banner-booking__shadow{border-radius:inherit;filter:blur(3px);top:-24px;right:-24px;bottom:-24px;left:-24px;pointer-events:none;position:absolute;transition:filter .4s var(--booking-glass-ease);z-index:0}@supports (((-webkit-mask-composite:xor) or (mask-composite:exclude)) or (-webkit-mask-composite:xor)){.tdesign-homepage .main-page .banner-booking__button:after,.tdesign-homepage .main-page .banner-booking__shadow:after{border-radius:inherit;box-sizing:border-box;content:"";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;position:absolute}.tdesign-homepage .main-page .banner-booking__button:after{--booking-glass-border-angle:-75deg;background:conic-gradient(from var(--booking-glass-border-angle) at 50% 50%,var(--booking-glass-highlight),hsla(0,0%,100%,.3) 12% 35%,var(--booking-glass-highlight) 50% 90%,var(--booking-glass-highlight));box-shadow:inset 0 0 0 .5px var(--booking-glass-ambient);top:-.5px;right:-.5px;bottom:-.5px;left:-.5px;padding:1px;transition:--booking-glass-border-angle .5s ease;z-index:2}.tdesign-homepage .main-page .banner-booking__shadow:after{background:linear-gradient(180deg,var(--booking-glass-shadow),transparent);height:calc(100% - 54px);left:27px;padding:1px;top:28px;transition:top .4s var(--booking-glass-ease),opacity .4s var(--booking-glass-ease);width:calc(100% - 54px)}}@media (hover:hover) and (pointer:fine){.tdesign-homepage .main-page .banner-booking__button:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px 2px #00000005,inset 0 -1px 2px var(--booking-glass-ambient),0 1px 6px -3px var(--booking-glass-shadow);transform:scale(.975)}.tdesign-homepage .main-page .banner-booking__button:hover:before{background-position:25% 50%}.tdesign-homepage .main-page .banner-booking__button:hover:after{--booking-glass-border-angle:-125deg}.tdesign-homepage .main-page .banner-booking:has(.banner-booking__button:hover) .banner-booking__shadow{filter:blur(2px)}.tdesign-homepage .main-page .banner-booking:has(.banner-booking__button:hover) .banner-booking__shadow:after{top:27px}}.tdesign-homepage .main-page .banner-booking:has(.banner-booking__button:active){transform:rotateX(25deg)}.tdesign-homepage .main-page .banner-booking__button:active{box-shadow:inset 0 1px 3px var(--booking-glass-shadow),inset 0 -1px 2px var(--booking-glass-ambient),0 1px 4px -3px var(--booking-glass-shadow)}.tdesign-homepage .main-page .banner-booking__button:active:before{--booking-glass-sheen-angle:-15deg;background-position:50% 15%}.tdesign-homepage .main-page .banner-booking__button:active:after{--booking-glass-border-angle:-75deg}.tdesign-homepage .main-page .banner-booking:has(.banner-booking__button:active) .banner-booking__shadow{filter:blur(3px)}.tdesign-homepage .main-page .banner-booking:has(.banner-booking__button:active) .banner-booking__shadow:after{opacity:.5;top:28px}@media (hover:none) and (pointer:coarse){.tdesign-homepage .main-page .banner-booking__button:active:before{--booking-glass-sheen-angle:-45deg}}@media (prefers-reduced-motion:reduce){.tdesign-homepage .main-page .banner-booking,.tdesign-homepage .main-page .banner-booking__button,.tdesign-homepage .main-page .banner-booking__button:after,.tdesign-homepage .main-page .banner-booking__button:before,.tdesign-homepage .main-page .banner-booking__shadow,.tdesign-homepage .main-page .banner-booking__shadow:after{transition:none}.tdesign-homepage .main-page .banner-booking:has(.banner-booking__button:active),.tdesign-homepage .main-page .banner-booking__button:hover{transform:none}}.tdesign-homepage .main-page .banner-booking__info,.tdesign-homepage .main-page .banner-booking__logo{position:relative;z-index:1}.tdesign-homepage .main-page .banner-booking__logo{align-items:center;background:var(--booking-glass-logo);background-clip:padding-box;border:2px solid var(--booking-glass-logo-border);border-radius:50%;box-shadow:inset 0 0 0 1px #00000009;box-sizing:border-box;display:flex;flex:0 0 52px;height:52px;justify-content:center;width:52px}.tdesign-homepage .main-page .banner-booking__logo img{height:32px;width:32px}.tdesign-homepage .main-page .banner-booking__info{align-items:flex-start;display:flex;flex-direction:column;min-width:0;white-space:nowrap}.tdesign-homepage .main-page .banner-booking__eyebrow{color:var(--text-secondary);font-size:12px;height:20px;line-height:20px}.tdesign-homepage .main-page .banner-booking__title{color:var(--text-primary);font-size:16px;font-weight:600;height:24px;line-height:24px;margin-top:-2px}.tdesign-homepage .main-page .banner-info{align-items:flex-end;box-sizing:border-box;color:var(--text-primary);display:flex;justify-content:space-between;margin:0 auto 28px;max-width:1280px;position:relative}.tdesign-homepage .main-page .banner-info__left{align-items:flex-start;display:flex;flex-direction:column;font-family:TCloudNumberDigits,tencentW7,sans-serif;position:relative;transition:all .2s linear}.tdesign-homepage .main-page .banner-info__left .name{font-size:64px;letter-spacing:-2px;line-height:64px;white-space:nowrap}.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:24px;letter-spacing:normal;line-height:64px}@media screen and (max-width:480px){.tdesign-homepage .main-page .banner-info__left .name .sub-title{text-wrap:wrap;line-height:36px;margin-top:12px;width:200px}}.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)}.module-news{height:162px;margin:0 calc(var(--outer-padding-left-right)*-1) 120px;max-width:none;overflow:hidden;position:relative;width:calc(100% + var(--outer-padding-left-right) + var(--outer-padding-left-right))}.module-news__track{box-sizing:border-box;display:flex;gap:16px;height:100%;overflow-x:hidden;scrollbar-width:none;width:100%}.module-news__track::-webkit-scrollbar{display:none}@media screen and (min-width:1200px){.module-news__track{--news-mask-edge:max(0px, calc(50% - 830px) );mask-image:linear-gradient(90deg,transparent 0,transparent var(--news-mask-edge),#000 calc(50% - 529px),#000 calc(50% + 529px),transparent calc(100% - var(--news-mask-edge)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent var(--news-mask-edge),#000 calc(50% - 529px),#000 calc(50% + 529px),transparent calc(100% - var(--news-mask-edge)),transparent 100%)}}.module-news__item{flex:0 0 342px}.module-news .t-card{background-color:var(--bg-color-card);border-radius:12px;box-sizing:border-box;height:162px;padding:24px}.module-news .t-card__title{font-size:16px;font-weight:600;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.module-news .t-card__description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text-secondary);display:-webkit-box;font-size:14px;font-weight:300;height:44px;line-height:22px;margin:8px 0 0;overflow:hidden;overflow-wrap:normal;word-break:normal}.module-news .t-card__footer,.module-news .t-card__header{padding:0}.module-news .t-card__header{height:76px}.module-news .t-card__footer{color:var(--text-placeholder);font-family:TCloudNumberLight,sans-serif;font-size:14px;font-weight:300;line-height:22px;margin-top:16px;text-align:right}@media screen and (max-width:750px){.module-news__item{flex-basis:min(342px,calc(100vw - 72px))}.module-news__mask,.module-news__next,.module-news__previous{display:none}}.module-intro{box-sizing:border-box;-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1440px;row-gap:24px}.module-intro .item{background:var(--bg-color-card);border-radius:6px;min-height:160px;overflow:hidden;padding:var(--inner-padding-left-right);position:relative;transition:transform .24s cubic-bezier(.38,0,.24,1),box-shadow .24s linear}.module-intro .item:hover{box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014;transform:translateY(-4px)}.module-intro .item.disabled{cursor:no-drop;filter:grayscale(.9);opacity:.6}.module-intro .item.disabled:hover{box-shadow:none;transform:none}.module-intro .item .title{font-size:36px;pointer-events:none;position:relative}.module-intro .item .tag{color:var(--text-placeholder);font-size:14px;margin-bottom:4px;pointer-events:none;position:relative}.module-intro .item .steps-image{height:160px;position:absolute;right:24px;top:-14px;width:160px;z-index:50}.module-intro .item .mask{border-radius:100%;filter:blur(50px);height:600px;left:0;pointer-events:none;position:absolute;top:0;width:600px;z-index:10}.module-intro .item.web .mask{animation:maskRun1 20s linear infinite;background:radial-gradient(50% 50% at 50% 50%,#ffbd2e1a 0,#ffbd2e00)}.module-intro .item.mobile .mask{animation:maskRun2 20s linear infinite;background:radial-gradient(50% 50% at 50% 50%,#ff454f1a 0,#ff454f00)}.module-intro .item.miniapp .mask{animation:maskRun3 20s linear infinite;background:radial-gradient(50% 50% at 50% 50%,#07c1601a 0,#07c16000)}.module-intro .item.web .steps-image{background-image:url(../pages/home/assets/web-light.png);background-repeat:no-repeat;background-size:100%}.module-intro .item.mobile .steps-image{background-image:url(../pages/home/assets/mobile-light.png);background-repeat:no-repeat;background-size:100%}.module-intro .item.miniapp .steps-image{background-image:url(../pages/home/assets/miniapp-light.png);background-repeat:no-repeat;background-size:100%}.module-intro__content{color:var(--text-secondary);margin-top:40px}.module-intro__content .content-name{color:var(--text-placeholder);font-size:14px;margin-bottom:12px}.module-intro__content .content-list{-moz-column-gap:8px;column-gap:8px;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:64px;row-gap:4px}.module-intro__content .content-item{align-items:center;border-radius:3px;box-sizing:border-box;color:var(--text-secondary);-moz-column-gap:8px;column-gap:8px;cursor:pointer;display:inline-flex;font-size:16px;height:32px;padding:8px 4px;text-decoration:none;transition:all .2s linear;width:calc(50% - 8px)}.module-intro__content .content-item.disabled{cursor:no-drop}.module-intro__content .content-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-intro__content .content-item .content-tag{border-radius:var(--border-radius);font-size:12px;padding:2px 4px}.module-intro__content .content-item .content-tag.disabled{background:var(--bg-color-tag);color:var(--text-secondary)}.module-intro__content .content-item .content-tag.alpha{background:var(--brand-main-light);color:var(--brand-main);font-family:TCloudNumberDigits,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.module-intro__content .content-item .content-tag.beta,.module-intro__content .content-item .content-tag.rc{background:var(--success-main-light);color:var(--success-main);font-family:TCloudNumberDigits,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.module-intro__content .content-item .content-tag.stable{background:#029cd41a;color:#029cd4;font-family:TCloudNumberDigits,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.module-intro__content .content-item:not(.disabled):hover{background:var(--bg-color-card-hover);color:var(--text-primary)}.module-intro__content .divider{background:var(--component-border);height:1px;margin:24px 0;width:100%}.tdesign-homepage[data-board-layout]{padding-bottom:var(--board-after-height);padding-top:var(--board-before-height)}.tdesign-homepage[data-board-layout]>[data-board-section]{box-sizing:border-box;margin:0;position:absolute;top:calc(var(--board-section-top) + var(--board-before-top));width:100%;z-index:1}.tdesign-homepage[data-board-layout]>[data-board-section]:not(.banner-wrap){left:0}.tdesign-homepage[data-board-layout]>[data-board-section=after]{top:calc(var(--board-section-top) + var(--board-after-top))}.tdesign-homepage[data-board-layout][data-board-layout=pinned]>[data-board-section]{position:fixed}.module-board{background:var(--bg-color-page);box-sizing:border-box;position:relative;width:100%}.module-board__viewport{overflow-x:auto;position:relative;scroll-snap-type:x mandatory;scrollbar-width:thin;width:100%}.module-board--scroll-driven .module-board__viewport{overflow:hidden;scroll-snap-type:none;scrollbar-width:none;z-index:2}.module-board--scroll-driven .module-board__viewport:after,.module-board--scroll-driven .module-board__viewport:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:min(184px,12.17vw);z-index:2}@media screen and (width < 1200px){.module-board--scroll-driven .module-board__viewport:after,.module-board--scroll-driven .module-board__viewport:before{display:none}}.module-board--scroll-driven .module-board__viewport:before{background:linear-gradient(90deg,var(--bg-color-page),transparent);left:0}.module-board--scroll-driven .module-board__viewport:after{background:linear-gradient(90deg,transparent,var(--bg-color-page));right:0}.module-board--scroll-driven .module-board__inner{will-change:transform}.module-board__inner{box-sizing:border-box;color:var(--text-primary);display:flex;flex-wrap:nowrap;min-width:100%;padding:120px max(var(--outer-padding-left-right),calc(50vw - 444px));position:relative;width:-moz-max-content;width:max-content}.module-board__inner .module-board__card{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:auto;scroll-snap-align:center}@media screen and (max-width:960px){.module-board__inner .module-board__card{max-width:100%}}.module-board__inner .module-board__card:first-child{margin-right:160px}@media screen and (max-width:888px){.module-board__inner .module-board__card:first-child{margin-right:40px}}.module-board__inner .module-board__card:last-child{margin-left:160px;width:888px}@media screen and (max-width:888px){.module-board__inner .module-board__card:last-child{margin-left:40px}}.module-board__inner .module-board__card.module-contributor{display:block}.module-board__inner .module-board__card.module-contributor .desc{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.module-board__inner .module-board__card-desc{color:var(--text-secondary);font-size:20px;font-weight:300;line-height:28px;margin-bottom:64px;text-align:center;width:100%}.module-board__inner .title{color:var(--text-primary);font-size:36px;font-weight:600;line-height:44px;margin:0;word-break:keep-all}.module-board__inner .desc{font-size:20px;line-height:28px;margin:20px 0 0}.module-board__detail{border:1px solid var(--component-border);border-radius:6px;box-shadow:var(--box-shadow-detail);overflow:hidden;width:888px}@media screen and (max-width:960px){.module-board__detail{max-width:calc(100vw - 48px)}}.module-board__detail .code-board{background:#1c222b;padding:var(--inner-padding-left-right)}.module-board__detail .code-board .code-tab{--td-bg-color-component:transparent;--td-component-border:transparent;--td-text-color-primary:#fff;--td-text-color-secondary:hsla(0,0%,100%,.6);--td-bg-color-container-select:#3c485c;margin-bottom:24px}.module-board__detail .code-board .code-list .code-item{align-items:center;box-sizing:border-box;color:#ffffffe6;display:flex;font-size:16px;height:48px;padding:12px 16px}.module-board__detail .code-board .code-list .code-item--multiline{align-items:flex-start;height:auto}.module-board__detail .code-board .code-list .code-item--multiline pre{margin:0}.module-board__detail .code-board .code-list .code-item:nth-child(2n){background:#232a35;border-radius:3px}.module-board__detail .code-board .t-radio-group{flex-wrap:nowrap}.module-board__detail .component-board{background:var(--bg-color-component-board);box-sizing:border-box;-moz-column-gap:28px;column-gap:28px;display:grid;grid-template-columns:repeat(3,256px);height:320px;justify-content:center;min-width:888px;overflow:hidden;padding:var(--inner-padding-left-right) var(--inner-padding-left-right) 0}.module-board__detail .component-board__tabs{display:flex}.module-board__detail .component-board .component-board-item{display:grid;flex-shrink:0;height:-moz-fit-content;height:fit-content;row-gap:16px}.module-board__detail .component-board .component-board-item .t-default-menu{border:1px solid var(--component-border);border-bottom:0;border-radius:3px 3px 0 0;overflow:hidden}.module-board__detail .component-board .component-board-item .t-menu{overflow:hidden}.module-board__detail .component-board .component-board-item .t-tree{background-color:var(--bg-color-container);border:1px solid var(--component-border);border-radius:3px;padding:8px 0}.module-board__detail .component-board .component-board-item .t-radio-button{padding-left:25px;padding-right:26px}.module-board__detail .component-board .component-board-item .component-theme-tabs{display:flex;flex-wrap:nowrap;width:100%}.module-board__detail .component-board .component-board-item .component-theme-tabs .t-radio-button{flex:1;justify-content:center;min-width:0;padding-left:8px;padding-right:8px;white-space:nowrap}.module-board__detail .component-board .component-board-item .component-board-item-row{display:flex;justify-content:space-between}.module-board__detail .component-board .component-board-item .color-block-wrapper{height:34px}.module-board__detail .component-board .component-board-item .color-block-wrapper .color-block{display:inline-block;height:100%;transition:all .2s var(--anim-time-fn-easing);width:10%}.module-board__detail .component-board .component-board-item .color-block-wrapper .color-block:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.module-board__detail .component-board .component-board-item .color-block-wrapper .color-block:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.module-board__detail .component-board .component-board-item .color-block-wrapper .color-block:hover{border-radius:3px;transform:scale(1.1)}.module-board__detail .line{background:linear-gradient(90deg,#0052d94d,#bbd3fb00);height:16px;width:100%}.module-board__detail .desc-list{background:var(--bg-color-card);-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:var(--inner-padding-left-right);row-gap:24px}.module-board__detail .desc-list .desc-item{min-width:30%}.module-board__detail .desc-list .desc-item .desc-icon{color:var(--text-primary);display:block;height:32px;width:32px}.module-board__detail .desc-list .desc-item .desc-title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px;margin:24px 0 8px}.module-board__detail .desc-list .desc-item .desc-text{color:var(--text-secondary);font-size:12px;font-weight:300;line-height:20px}.module-board__detail--open{border:0;border-radius:12px;box-shadow:0 30px 60px -30px #0000001a,0 50px 100px -12px #0000000d;height:520px}.module-board__detail--open .code-board{box-sizing:border-box;height:320px;padding:32px}.module-board__detail--open .code-board .code-tab{display:flex;height:40px;margin-bottom:24px;width:100%}.module-board__detail--open .code-board .code-tab .t-radio-button{flex:none;font-family:TCloudNumberDigits,Source Code Pro,monospace;font-size:16px;height:40px;line-height:28px;padding:6px 16px;white-space:nowrap}.module-board__detail--open .code-board .code-list{list-style:none;margin:0;padding:0}.module-board__detail--open .code-board .code-list .code-item{font-family:TCloudNumberDigits,Source Code Pro,monospace;gap:0;line-height:24px;padding:12px 16px}.module-board__detail--open .line{height:16px}.module-board__detail--open .desc-list{box-sizing:border-box;-moz-column-gap:28px;column-gap:28px;grid-template-columns:repeat(3,256px);height:184px;padding:24px 32px 32px}.module-board__detail--open .desc-list .desc-item{min-width:0}.module-board__detail--open .desc-list .desc-item .desc-title{font-weight:500;line-height:24px;margin:24px 0 8px}.module-board__detail--open .desc-list .desc-item .desc-text{font-size:12px;font-weight:300;line-height:20px}.module-board__detail--creation{border:0;border-radius:12px;box-shadow:var(--box-shadow-detail-outline),var(--box-shadow-detail);height:520px}@media screen and (min-width:1201px){.module-board__inner .module-board__card:first-child{margin-right:max(160px,calc(50vw - 444px))}.module-board__inner .module-board__card:last-child{margin-left:max(160px,calc(50vw - 444px))}}@media screen and (min-width:1920px){.module-board__inner{padding-left:max(var(--outer-padding-left-right),calc(50vw - 500px));padding-right:max(var(--outer-padding-left-right),calc(50vw - 500px))}.module-board__inner .module-board__card:first-child{margin-right:calc(50vw - 500px)}.module-board__inner .module-board__card:last-child{margin-left:calc(50vw - 500px);width:1000px}.module-board__detail{width:1000px}.module-board__detail .component-board{grid-template-columns:repeat(3,292px);justify-content:space-between}}.module-contributor__top{padding:0 var(--outer-padding-left-right)}.module-contributor__center{height:296px;margin:48px 0;position:relative;width:100%}.module-contributor__center:before{top:-16px}.module-contributor__center:after,.module-contributor__center:before{background:linear-gradient(90deg,#0052d94d,#bbd3fb00);content:"";height:16px;position:absolute;width:100%}.module-contributor__center:after{bottom:-16px;transform:rotate(180deg)}.module-contributor__bottom{padding:0 var(--outer-padding-left-right)}.module-setup{align-items:center;background:var(--bg-color-summary);box-sizing:border-box;color:var(--text-primary);display:flex;justify-content:center;overflow:hidden;padding:120px 0;position:relative;width:100%}.module-setup:before{content:url(https://static.tdesign.tencent.com/assets/community-growth-bg-light-DyB7raHa.svg);height:auto;left:0;min-width:100%;mix-blend-mode:hard-light;position:absolute;top:50%;transform:translateY(-50%);width:auto}.module-setup:after{animation:animatedgradient 4s ease infinite;background:linear-gradient(90deg,#0052d9,#f94de2 38.46%,#ffbd2e 72.6%,#29eae9);background-size:200% 100%;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.module-setup__content{gap:40px;max-width:calc(100% - 48px);position:relative;width:888px}.module-setup__content,.module-setup__heading{align-items:center;display:flex;flex-direction:column}.module-setup__heading{gap:24px;width:100%}.module-setup .module-title{font-size:36px;font-weight:600;line-height:44px;margin:0;text-align:center}.module-setup .module-description{color:var(--text-secondary);font-size:20px;font-weight:300;line-height:28px;margin:0;max-width:888px;text-align:center;width:100%}.module-setup__actions{align-items:center;display:flex;gap:16px}.module-setup__button.t-button{background:var(--bg-color-card);border-color:transparent;border-radius:999px;box-shadow:none;color:var(--text-primary);font-size:16px;gap:12px;height:56px;line-height:24px;padding:8px 48px;width:196px}.module-setup__button.t-button .module-setup__icon{display:block;height:24px;width:24px}.module-setup__button.t-button:hover{background:var(--bg-color-card);border-color:var(--brand-main-light);color:var(--text-interactive)}.module-setup__button--design.t-button{padding-left:48px;padding-right:48px;width:196px}@media screen and (max-width:1439px){.module-board__inner{padding-bottom:120px;padding-top:80px}.module-board__card{grid-template-columns:1fr}}@media screen and (max-width:1200px){.module-intro .item .steps-image{height:120px;width:120px}.module-intro .item .title{font-size:28px}.module-intro__content{margin-top:24px}}@media screen and (min-width:960px) and (max-width:1200px){.module-intro__content .content-list{min-height:136px}.module-intro__content .content-item{width:100%}}@media screen and (max-width:960px){.tdesign-homepage{--inner-padding-left-right:24px;--outer-padding-left-right:24px}.module-news{margin-bottom:60px}.tdesign-homepage .main-page{margin:400px auto 0}.tdesign-homepage .main-page .banner-info__left .name{font-size:36px;line-height:44px}.module-intro{grid-template-columns:1fr}.module-intro .item{box-sizing:border-box;width:100%}.module-intro .item .steps-image{display:none}.module-intro__content .content-list{min-height:32px}.module-intro__content .content-item{width:100%}.module-setup{padding:60px 0}.module-setup__button--design.t-button,.module-setup__button.t-button{font-size:12px;height:40px;line-height:20px;width:140px}.module-setup__button--design.t-button .module-setup__icon,.module-setup__button.t-button .module-setup__icon{height:18px;width:18px}.module-board__inner{padding:60px var(--outer-padding-left-right)}.module-board__detail{max-width:calc(100vw - 48px)}.module-board__detail .desc-list{grid-template-columns:1fr}.module-board__inner .module-board__card:first-child{width:calc(100vw - 48px)}.module-board__inner .module-board__card:first-child .module-board__card-desc{margin-bottom:24px}.module-board__inner .module-board__card:first-child .module-board__card-desc .title{font-size:28px;font-weight:600;line-height:36px}.module-board__inner .module-board__card:first-child .module-board__card-desc .desc{font-size:12px;font-weight:300;line-height:20px;margin-top:clamp(12px,calc(7.2px + 1.3333vw),20px)}.module-board__inner .module-board__card:first-child .module-board__detail--open{height:804px;width:100%}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board{height:344px;overflow:hidden;padding:24px}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board .code-tab{min-width:798px;width:-moz-max-content;width:max-content}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board .code-list .code-item{flex-shrink:0}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board .code-list .code-item:nth-child(3){height:72px}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board .code-list .code-item pre{white-space:pre-wrap}.module-board__inner .module-board__card:first-child .module-board__detail--open .line{position:relative;transform:translateY(-16px);z-index:1}.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list{grid-template-columns:1fr;height:476px;margin-top:-32px;padding:40px clamp(24px,calc(2.8571vw + 4px),32px) 32px;row-gap:24px}.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list .desc-item .desc-title{margin:24px 0 8px}.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list .desc-item .desc-text{line-height:20px}.module-board__inner .module-board__card:nth-child(2){max-width:none;width:calc(100vw - 48px)}.module-board__inner .module-board__card:nth-child(2) .module-board__card-desc{margin-bottom:24px}.module-board__inner .module-board__card:nth-child(2) .module-board__card-desc .title{font-size:28px;font-weight:600;line-height:36px}.module-board__inner .module-board__card:nth-child(2) .module-board__card-desc .desc{font-size:12px;font-weight:300;line-height:20px;margin-top:clamp(16px,calc(13.6px + .6667vw),20px)}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation{box-sizing:border-box;height:732px;isolation:isolate;width:100%}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .component-board{height:320px;min-width:888px;padding:32px;position:relative;width:888px;z-index:0}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .line{position:relative;z-index:2}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .desc-list{align-content:start;box-sizing:border-box;grid-auto-rows:max-content;height:413px;margin-top:-17px;padding:40px 24px 24px;position:relative;row-gap:24px;z-index:1}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .desc-list .desc-item .desc-title{line-height:24px;margin:16px 0 8px}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .desc-list .desc-item .desc-text{font-size:12px;font-weight:300;line-height:20px}.module-board__inner .module-board__card:nth-child(3){max-width:none;width:calc(100vw - 48px)}.module-board__inner .module-board__card:nth-child(3) .module-board__card-desc{margin-bottom:24px}.module-board__inner .module-board__card:nth-child(3) .module-board__card-desc .title{font-size:28px;font-weight:600;line-height:36px;white-space:nowrap}.module-board__inner .module-board__card:nth-child(3) .module-board__card-desc .desc{font-size:12px;font-weight:300;line-height:20px;margin-top:clamp(16px,calc(13.6px + .6667vw),20px)}}@media screen and (min-width:500px) and (max-width:960px){.module-board__inner .module-board__card:first-child{margin-left:0;width:calc(100vw - 48px)}.module-board__inner .module-board__card:first-child .module-board__detail--open{height:732px;width:100%}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board{height:320px;padding:32px;width:888px}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board .code-list .code-item:nth-child(3){height:48px}.module-board__inner .module-board__card:first-child .module-board__detail--open .code-board .code-list pre{white-space:pre}.module-board__inner .module-board__card:first-child .module-board__detail--open .line{transform:none;width:888px}.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list{align-content:space-between;box-sizing:border-box;height:412px;margin-top:-16px;padding:40px 24px 24px;row-gap:24px;width:100%}.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list .desc-item .desc-title{margin:16px 0 8px}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation{height:732px}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .component-board{height:320px}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .desc-list{align-content:space-between;box-sizing:border-box;height:412px}}@media screen and (width < 500px){.module-board__viewport{overflow:visible;scroll-snap-type:none}.module-board__inner{flex-direction:column;gap:60px;width:100%}.module-board__inner .module-board__card{scroll-snap-align:none}.module-board__inner .module-board__card:first-child,.module-board__inner .module-board__card:last-child{margin:0}.module-board__inner .module-board__card:first-child .module-board__detail--open{height:804px}.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list{height:476px}.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list .desc-item .desc-title{margin-top:16px}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation{height:804px}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .component-board{height:344px;justify-content:start;min-width:872px;padding:24px;width:872px}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .line{transform:translateY(-16px)}.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .desc-list{align-content:space-between;height:476px;margin-top:-32px;padding:40px clamp(24px,calc(2.8571vw + 4px),32px) 24px}}@media screen and (max-width:499px){.module-board__inner .module-board__card:first-child .module-board__detail--open .desc-list,.module-board__inner .module-board__card:nth-child(2) .module-board__detail--creation .desc-list{height:476px}}@media screen and (max-width:700px){.module-news{margin-bottom:0}}@media screen and (max-width:959px){.module-board .module-board__inner .module-board__card:nth-child(n) .module-board__card-desc .desc{margin-top:12px}.module-board__card-desc .title{font-size:28px;line-height:36px}.module-board__card-desc .desc{font-size:12px;line-height:20px}.module-setup__heading{gap:12px}.module-setup .module-title{font-size:28px;line-height:36px}.module-setup .module-description{font-size:12px;line-height:20px}}@media screen and (max-width:480px){.module-setup__actions{flex-direction:column;width:100%}.module-setup__button--design.t-button,.module-setup__button.t-button{font-size:12px;line-height:20px;padding:10px 32px;width:140px}.module-setup__button--design.t-button .module-setup__icon,.module-setup__button.t-button .module-setup__icon{height:18px;width:18px}}@media screen and (max-width:360px){.module-board__detail--creation .component-board-item:nth-child(n+2){display:none}.module-setup{align-items:flex-start;height:auto;padding:60px 0}.module-setup__button.t-button{height:40px}:root[theme-mode=dark] .tdesign-homepage .module-setup{height:auto}}.wechat-qrcode{display:flex;padding-left:4px;padding-right:4px}: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:TCloudNumberDigits,Menlo,monospace;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:TCloudNumberDigits;font-style:normal;font-weight:400;src:url(https://static.tdesign.tencent.com/assets/TCloudNumber-Regular-qbclA8xm.ttf);unicode-range:u+0030-0039}body,html{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--td-font-family:blinkmacsystemfont,-apple-system,"Segoe UI",roboto,helvetica,arial,sans-serif;--td-font-family-medium:blinkmacsystemfont,-apple-system,"Segoe UI",roboto,helvetica,arial,sans-serif}.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,sans-serif;font-size:36px;font-weight:400;line-height:48px}.doc-fonts .fonts-block.tcloud .tag{bottom:12px;font-family:TCloudNumber,sans-serif;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;-moz-appearance:none;appearance:none;background:transparent;margin-left:16px;width:154px}.doc-fonts .fonts-block.font-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-color-container);border:1px solid var(--brand-main);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:var(--brand-main);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{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}.doc-fonts .fonts-block-wrapper .fonts-block+.fonts-block{margin-left:24px}@keyframes trans{0%{left:48px}to{left:calc(100% - 92px)}}.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 .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:var(--brand-main-light);border:1px solid var(--brand-main);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:var(--success-main);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 .motion-table td{font-size:14px}.doc-motion .motion-table td:first-child{color:#834ec2}.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}: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-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)}