.gc-steps[data-v-2518cd2a]{display:flex;width:100%;height:48px;margin-bottom:12px}.gc-step-item[data-v-2518cd2a]{position:relative;display:flex;flex:1 1 0;align-items:center;min-width:0;height:48px}.gc-step-item[data-v-2518cd2a]:not(:last-child){margin-right:-14px}.gc-step-item .gc-step-shape[data-v-2518cd2a]{position:absolute;inset:0;overflow:visible;pointer-events:none}.gc-step-item .gc-step-shape__fill[data-v-2518cd2a]{position:absolute;inset:0;background:#f7f8fa;border:1px solid #dcdee0;border-right:none;box-sizing:border-box}.gc-step-item:not(.is-last) .gc-step-shape__fill[data-v-2518cd2a]{right:13px}.gc-step-item:not(.is-first) .gc-step-shape__fill[data-v-2518cd2a]{border-left:none}.gc-step-item.is-first .gc-step-shape__fill[data-v-2518cd2a]{border-radius:8px 0 0 8px}.gc-step-item.is-last .gc-step-shape__fill[data-v-2518cd2a]{border-right:1px solid #dcdee0;border-radius:0 8px 8px 0}.gc-step-item.is-first.is-last .gc-step-shape__fill[data-v-2518cd2a]{border-radius:8px}.gc-step-item .gc-step-shape__arrow[data-v-2518cd2a]{position:absolute;top:0;right:0;display:block;width:14px;height:100%;overflow:visible}.gc-step-item .gc-step-shape__arrow polygon[data-v-2518cd2a]{fill:#f7f8fa}.gc-step-item .gc-step-shape__arrow polyline[data-v-2518cd2a]{fill:none;stroke:#dcdee0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gc-step-item .gc-step-content[data-v-2518cd2a]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 16px;overflow:hidden;font-size:14px;font-weight:500;line-height:20px;color:#323233;text-align:center;box-sizing:border-box}.gc-step-item:not(.is-last) .gc-step-content[data-v-2518cd2a]{padding-right:32px}.gc-step-item .gc-step-title[data-v-2518cd2a]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-step-item.active .gc-step-shape__fill[data-v-2518cd2a]{background:#726fff}.gc-step-item.active .gc-step-shape__arrow polygon[data-v-2518cd2a]{fill:#726fff}.gc-step-item.active .gc-step-content[data-v-2518cd2a]{color:#fff}.component-gallery[data-v-fd4f117c]{display:flex;flex-direction:column;min-width:1274px;height:100vh;color:#323233;background:#f2f3f5}.component-gallery__header[data-v-fd4f117c]{display:flex;flex:0 0 76px;align-items:center;justify-content:space-between;height:76px;padding:0 24px;background:#fff;border-bottom:1px solid #ebedf0}.component-gallery__header h1[data-v-fd4f117c]{margin:0;font-size:20px;font-weight:600;line-height:28px}.component-gallery__header p[data-v-fd4f117c]{margin:2px 0 0;font-size:12px;color:#969799}.component-gallery__search[data-v-fd4f117c]{width:240px}.component-gallery__body[data-v-fd4f117c]{display:grid;flex:1;grid-template-columns:220px minmax(0,1fr) 264px;min-height:0;overflow:hidden}.component-gallery__catalog[data-v-fd4f117c],.component-gallery__inspector[data-v-fd4f117c]{padding:20px 16px;overflow:auto;background:#fff}.component-gallery__catalog[data-v-fd4f117c]{border-right:1px solid #ebedf0}.component-gallery__inspector[data-v-fd4f117c]{border-left:1px solid #ebedf0}.catalog-group+.catalog-group[data-v-fd4f117c]{margin-top:24px}.catalog-group h2[data-v-fd4f117c],.inspector-section h2[data-v-fd4f117c]{margin:0 0 8px;font-size:12px;font-weight:400;color:#969799}.catalog-item[data-v-fd4f117c]{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 8px;color:#323233;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:4px}.catalog-item.is-active[data-v-fd4f117c],.catalog-item[data-v-fd4f117c]:hover{color:#726fff;background:#f1f1ff}.catalog-item small[data-v-fd4f117c]{font-size:11px;color:#969799}.catalog-empty[data-v-fd4f117c],.event-list__empty[data-v-fd4f117c]{margin:8px 0 0;font-size:12px;line-height:20px;color:#969799}.component-gallery__main[data-v-fd4f117c]{padding:24px;overflow:auto}.component-heading[data-v-fd4f117c]{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.component-heading h2[data-v-fd4f117c]{margin:2px 0 0;font-size:20px;font-weight:600;line-height:28px}.component-heading p[data-v-fd4f117c]{max-width:420px;margin:0;font-size:14px;line-height:20px;color:#969799;text-align:right}.component-heading__eyebrow[data-v-fd4f117c]{font-size:12px;color:#726fff}.gallery-panel[data-v-fd4f117c]{background:#fff;border-radius:4px;box-shadow:0 0 8px rgba(200,201,204,.6)}.gallery-panel+.gallery-panel[data-v-fd4f117c]{margin-top:16px}.overview-list[data-v-fd4f117c]{padding:12px 16px 16px}.overview-row[data-v-fd4f117c]{display:grid;grid-template-columns:146px minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid #f5f6fa}.overview-row[data-v-fd4f117c]:last-child{padding-bottom:0;border-bottom:0}.overview-row__label[data-v-fd4f117c]{display:flex;flex-direction:column;gap:2px}.overview-row__label code[data-v-fd4f117c]{color:#726fff}.overview-row__label span[data-v-fd4f117c]{font-size:11px;color:#969799}.overview-row__values[data-v-fd4f117c]{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.overview-row__values span[data-v-fd4f117c]{padding:2px 6px;font-size:12px;line-height:18px;color:#646566;background:#f7f8fa;border-radius:2px}.overview-row--events .overview-row__values span[data-v-fd4f117c]{color:#726fff;background:#f1f1ff}.gallery-panel__title[data-v-fd4f117c]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;font-size:14px;font-weight:600;border-bottom:1px solid #ebedf0}.gallery-panel--preview[data-v-fd4f117c]{min-height:260px}[data-v-fd4f117c] .state-board{display:grid;gap:20px}[data-v-fd4f117c] .state-board section+section{padding-top:16px;border-top:1px solid #ebedf0}[data-v-fd4f117c] .state-board h3{margin:0 0 8px;font-size:12px;font-weight:400;color:#969799}[data-v-fd4f117c] .state-board section>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}[data-v-fd4f117c] .state-board .steps-demo-list{flex-flow:column nowrap;gap:16px;align-items:stretch}[data-v-fd4f117c] .input-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}[data-v-fd4f117c] .input-board label{display:grid;gap:6px;min-width:0}[data-v-fd4f117c] .input-board span{font-size:12px;color:#969799}[data-v-fd4f117c] .input-board .base-input,[data-v-fd4f117c] .input-board .el-select{width:100%}[data-v-fd4f117c] .input-board--select{grid-template-columns:repeat(3,240px)}[data-v-fd4f117c] .tag-board{display:grid;gap:20px}[data-v-fd4f117c] .tag-board__group+::v-deep .tag-board__group{padding-top:16px;border-top:1px solid #ebedf0}[data-v-fd4f117c] .tag-board h3{margin:0 0 10px;font-size:12px;font-weight:400;color:#969799}[data-v-fd4f117c] .tag-board__group>div{display:flex;flex-wrap:wrap;gap:12px 8px;align-items:center}[data-v-fd4f117c] .badge-board{display:grid;gap:20px}[data-v-fd4f117c] .badge-board section+section{padding-top:16px;border-top:1px solid #ebedf0}[data-v-fd4f117c] .badge-board h3{margin:0 0 10px;font-size:12px;font-weight:400;color:#969799}[data-v-fd4f117c] .badge-board section>div{display:flex;flex-wrap:wrap;gap:20px;align-items:center}[data-v-fd4f117c] .badge-board__target{display:inline-flex;align-items:center;height:32px;padding:0 12px;color:#646566;background:#f7f8fa;border-radius:4px}.gallery-panel--usage pre[data-v-fd4f117c]{padding:16px;margin:0;overflow:auto;font:12px/20px Monaco,Consolas,monospace;color:#323233;background:#f7f8fa}.usage-tabs[data-v-fd4f117c]{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid #ebedf0}.usage-tabs__item[data-v-fd4f117c]{flex:0 0 auto;height:28px;padding:0 8px;font-size:12px;color:#646566;cursor:pointer;background:#f7f8fa;border:1px solid transparent;border-radius:2px}.usage-tabs__item.is-active[data-v-fd4f117c],.usage-tabs__item[data-v-fd4f117c]:hover{color:#726fff;background:#f1f1ff;border-color:#e3e2ff}.inspector-section+.inspector-section[data-v-fd4f117c]{padding-top:20px;margin-top:20px;border-top:1px solid #ebedf0}.inspector-section p[data-v-fd4f117c]{margin:0;font-size:13px;line-height:20px;color:#646566}.inspector-section--props[data-v-fd4f117c]{max-height:360px;overflow:auto}.prop-list[data-v-fd4f117c]{display:flex;flex-direction:column;gap:10px}.prop-item[data-v-fd4f117c]{padding-bottom:10px;border-bottom:1px solid #f5f6fa}.prop-item__head[data-v-fd4f117c]{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.prop-item__head code[data-v-fd4f117c]{font:12px/18px Monaco,Consolas,monospace;color:#726fff}.prop-item__head span[data-v-fd4f117c]{font-size:11px;color:#969799;text-align:right}.prop-item p[data-v-fd4f117c]{margin-top:2px;font-size:12px;line-height:18px}.prop-item__meta[data-v-fd4f117c]{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:11px;line-height:16px;color:#969799}.inspector-note[data-v-fd4f117c]{padding-top:8px;margin-top:8px!important;font-size:11px!important;line-height:18px!important;border-top:1px solid #ebedf0}.event-api-list[data-v-fd4f117c]{display:flex;flex-direction:column;gap:6px}.event-api-list div[data-v-fd4f117c]{display:flex;gap:6px;align-items:baseline;font-size:12px;line-height:18px}.event-api-list code[data-v-fd4f117c]{flex:0 0 auto;color:#726fff}.event-api-list span[data-v-fd4f117c]{color:#646566}.capability-list[data-v-fd4f117c]{display:flex;flex-wrap:wrap;gap:8px}.capability-list span[data-v-fd4f117c]{padding:2px 6px;font-size:12px;line-height:18px;color:#726fff;background:#f1f1ff;border-radius:2px}.inspector-section__title[data-v-fd4f117c]{display:flex;align-items:center;justify-content:space-between}.inspector-section__title button[data-v-fd4f117c]{width:24px;height:24px;padding:0;color:#969799;cursor:pointer;background:transparent;border:0}.inspector-section__title button[data-v-fd4f117c]:hover{color:#726fff}.event-list[data-v-fd4f117c]{padding:0;margin:0;list-style:none}.event-list li[data-v-fd4f117c]{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:12px;border-bottom:1px solid #f5f6fa}.event-list time[data-v-fd4f117c]{margin-left:8px;color:#969799}[data-v-fd4f117c] .demo-content{padding:24px}[data-v-fd4f117c] .demo-content--list{height:360px;padding:0}[data-v-fd4f117c] .demo-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid #ebedf0}[data-v-fd4f117c] .demo-controls .el-select{width:120px}[data-v-fd4f117c] .demo-stage{display:flex;align-items:center;min-height:120px;padding:24px 0}[data-v-fd4f117c] .demo-stage--control{width:360px}[data-v-fd4f117c] .demo-stage--buttons{gap:8px}[data-v-fd4f117c] .demo-result{padding-top:12px;font-size:12px;color:#969799;border-top:1px solid #ebedf0}[data-v-fd4f117c] .dialog-demo__text{margin:0;line-height:24px;color:#646566}[data-v-fd4f117c] .local-toast-demo__container{display:flex;align-items:center;justify-content:center;height:160px;font-size:13px;color:#969799;background:#f7f8fa;border:1px dashed #dcdee0;border-radius:4px}[data-v-fd4f117c] .scrollbar-demo{max-height:180px;border:1px solid #ebedf0;border-radius:4px}[data-v-fd4f117c] .scrollbar-demo__item{padding:8px 12px;margin:0;font-size:13px;line-height:20px;color:#646566;border-bottom:1px solid #ebedf0}[data-v-fd4f117c] .scrollbar-demo__append{display:block;padding:8px 0;font-size:12px;color:#969799;text-align:center}[data-v-fd4f117c] .overflow-tooltip-demo{display:grid;gap:12px;width:280px}[data-v-fd4f117c] .overflow-tooltip-demo .gc-overflow-tooltip{display:block}[data-v-fd4f117c] .overflow-tooltip-demo__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-fd4f117c] .token-board{display:grid;gap:20px}[data-v-fd4f117c] .token-board section+section{padding-top:16px;border-top:1px solid #ebedf0}[data-v-fd4f117c] .token-board h3{margin:0 0 12px;font-size:12px;font-weight:400;color:#969799}[data-v-fd4f117c] .token-board code{font:12px/18px Monaco,Consolas,monospace;color:#726fff}[data-v-fd4f117c] .token-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}[data-v-fd4f117c] .token-color-card{display:grid;gap:4px;min-width:0}[data-v-fd4f117c] .token-color-card__swatch{height:40px;border:1px solid #ebedf0;border-radius:4px}[data-v-fd4f117c] .token-color-card__meta{font-size:11px;line-height:16px;color:#969799}[data-v-fd4f117c] .token-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}[data-v-fd4f117c] .token-spec-grid code{font:12px/18px Monaco,Consolas,monospace;color:#726fff}[data-v-fd4f117c] .token-spec-card{display:grid;gap:6px;justify-items:start}[data-v-fd4f117c] .token-spec-card__value{font-size:11px;color:#969799}[data-v-fd4f117c] .token-radius-box{width:64px;height:48px;background:#f1f1ff;border:1px solid #e3e2ff}[data-v-fd4f117c] .token-shadow-box{width:100%;height:56px;background:#fff;border-radius:4px}[data-v-fd4f117c] .token-weight-row{display:flex;gap:48px;align-items:flex-end}[data-v-fd4f117c] .token-weight-row>div{display:grid;gap:4px}[data-v-fd4f117c] .token-weight-sample{font-size:20px;line-height:28px;color:#323233}[data-v-fd4f117c] .token-width-col{display:grid;gap:16px}[data-v-fd4f117c] .token-width-row{display:grid;gap:6px}[data-v-fd4f117c] .token-width-bar{display:block;height:32px;background:#fff;border:1px solid #dcdee0;border-radius:4px}