.motion-demos-module__eRDtwa__demos{gap:var(--ds-6);max-width:var(--ds-width-content);display:grid}.motion-demos-module__eRDtwa__group{padding:var(--ds-5);background:var(--ds-canvas-light);border:1px solid var(--ds-border)}.motion-demos-module__eRDtwa__groupLabel{margin:0 0 var(--ds-4);color:var(--ds-text-muted);font-size:var(--ds-label);letter-spacing:var(--ds-tracking-label);align-items:center;gap:12px;font-weight:600;display:flex}.motion-demos-module__eRDtwa__level{background:var(--ds-canvas-dark);color:var(--ds-cyan);letter-spacing:.06em;padding:2px 7px;font-size:11px;font-weight:700}.motion-demos-module__eRDtwa__rule{background:var(--ds-blue);width:22px;height:2px}.motion-demos-module__eRDtwa__l1Row{align-items:center;gap:var(--ds-4);flex-wrap:wrap;display:flex}.motion-demos-module__eRDtwa__demoPrimary{border-radius:var(--ds-radius);background:var(--ds-blue);color:#fff;cursor:pointer;transition:background var(--ds-dur-hover) ease;border:0;padding:15px 24px;font:600 15px/1.2 inherit}.motion-demos-module__eRDtwa__demoPrimary:hover{background:var(--ds-blue-deep)}.motion-demos-module__eRDtwa__demoPrimary:active{background:#1a4f8f}.motion-demos-module__eRDtwa__demoPrimary:focus-visible{outline:2px solid var(--ds-blue);outline-offset:3px}.motion-demos-module__eRDtwa__demoGhost{border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius);color:var(--ds-text-primary);cursor:pointer;transition:border-color var(--ds-dur-hover) ease, color var(--ds-dur-hover) ease;background:0 0;padding:14px 22px;font:600 15px/1.2 inherit}.motion-demos-module__eRDtwa__demoGhost:hover{border-color:var(--ds-blue);color:var(--ds-blue)}.motion-demos-module__eRDtwa__demoGhost:focus-visible{outline:2px solid var(--ds-blue);outline-offset:3px}.motion-demos-module__eRDtwa__demoLink{border-bottom:1px solid var(--ds-border-strong);color:var(--ds-text-primary);transition:color var(--ds-dur-hover) ease, border-color var(--ds-dur-hover) ease, gap var(--ds-dur-state) var(--ds-ease);align-items:center;gap:8px;padding-bottom:5px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.motion-demos-module__eRDtwa__demoLink:hover{border-color:var(--ds-blue);color:var(--ds-blue);gap:13px}.motion-demos-module__eRDtwa__demoLink:focus-visible{outline:2px solid var(--ds-blue);outline-offset:3px}.motion-demos-module__eRDtwa__replayBar{align-items:center;gap:var(--ds-3);margin-bottom:var(--ds-4);flex-wrap:wrap;display:flex}.motion-demos-module__eRDtwa__replay{border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius);background:var(--ds-canvas-soft);color:var(--ds-text-primary);cursor:pointer;transition:border-color var(--ds-dur-hover) ease, color var(--ds-dur-hover) ease;padding:10px 18px;font:600 14px/1.2 inherit}.motion-demos-module__eRDtwa__replay:hover{border-color:var(--ds-blue);color:var(--ds-blue)}.motion-demos-module__eRDtwa__replay:focus-visible{outline:2px solid var(--ds-blue);outline-offset:3px}.motion-demos-module__eRDtwa__l2Stage{background:var(--ds-border);border:1px solid var(--ds-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.motion-demos-module__eRDtwa__l2Metric{padding:var(--ds-4) var(--ds-5);background:var(--ds-canvas-engineering);flex-direction:column;gap:6px;display:flex}.motion-demos-module__eRDtwa__l2Metric em{color:var(--ds-text-on-dark-muted);font-size:var(--ds-label);letter-spacing:var(--ds-tracking-label);font-style:normal;font-weight:600}.motion-demos-module__eRDtwa__l2Metric b{color:var(--ds-cyan);font-size:var(--ds-heading-3);font-variant-numeric:tabular-nums;font-weight:700}.motion-demos-module__eRDtwa__l2Annotation{margin:var(--ds-4) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-caption);align-items:center;gap:12px;display:flex}.motion-demos-module__eRDtwa__l2Annotation i{background:var(--ds-blue);width:22px;height:2px}.motion-demos-module__eRDtwa__hint{margin:var(--ds-3) 0 0;color:var(--ds-text-muted);font-size:var(--ds-caption);line-height:1.7}.motion-demos-module__eRDtwa__forbidden{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.motion-demos-module__eRDtwa__forbidden li{border:1px dashed var(--ds-border-strong);color:var(--ds-text-muted);font-size:var(--ds-caption);padding:7px 12px}@media (max-width:767px){.motion-demos-module__eRDtwa__l2Stage{grid-template-columns:1fr}.motion-demos-module__eRDtwa__group{padding:var(--ds-4)}}
.ds-v2{--ds-canvas-dark:#07111c;--ds-canvas-graphite:#0b1622;--ds-canvas-engineering:#102133;--ds-canvas-light:#f4f5f3;--ds-canvas-soft:#e9ecef;--ds-canvas-gray:#e9ecef;--ds-text-primary:#101820;--ds-text-secondary:#65717d;--ds-text-muted:#8b96a1;--ds-text-on-dark:#fffffff5;--ds-text-on-dark-secondary:#ffffffc7;--ds-text-on-dark-muted:#ffffff75;--ds-border:#0a19281f;--ds-border-strong:#0a192842;--ds-border-on-dark:#ffffff1a;--ds-border-on-dark-strong:#ffffff42;--ds-blue:#2878e3;--ds-blue-deep:#1f61bd;--ds-blue-bright:#4a9bff;--ds-cyan:#57c6d4;--ds-font:"Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--ds-display-xl:clamp(44px, 5vw, 76px);--ds-display-lg:clamp(38px, 4vw, 60px);--ds-heading-1:clamp(32px, 3.2vw, 48px);--ds-heading-2:clamp(28px, 2.6vw, 38px);--ds-heading-3:clamp(19px, 1.6vw, 23px);--ds-body-lg:18px;--ds-body:16px;--ds-caption:13px;--ds-label:12px;--ds-metric:clamp(30px, 3vw, 44px);--ds-leading-display:1.1;--ds-leading-heading:1.18;--ds-leading-body:1.78;--ds-tracking-display:-.025em;--ds-tracking-heading:-.015em;--ds-tracking-body:.01em;--ds-tracking-label:.1em;--ds-tracking-latin:.05em;--ds-1:8px;--ds-2:12px;--ds-3:16px;--ds-4:24px;--ds-5:32px;--ds-6:48px;--ds-7:64px;--ds-8:96px;--ds-9:144px;--ds-section-y:clamp(72px, 7.4vw, 144px);--ds-content-gap:var(--ds-4);--ds-component-gap:var(--ds-3);--ds-width-wide:1680px;--ds-width-content:1400px;--ds-width-text:62ch;--ds-gutter:clamp(20px, 4.4vw, 72px);--ds-radius:2px;--ds-dur-hover:.15s;--ds-dur-state:.26s;--ds-dur-enter:.56s;--ds-ease:cubic-bezier(.22, .75, .3, 1)}
.design-system-module__-Ms7HG__page{background:var(--ds-canvas-light,#fff);overflow-x:clip}.design-system-module__-Ms7HG__bar{z-index:100;align-items:center;gap:var(--ds-3,16px);color:#fffc;background:#060d15;flex-wrap:wrap;padding:10px clamp(16px,3vw,40px);font-size:12px;display:flex;position:sticky;top:0}.design-system-module__-Ms7HG__barTitle{letter-spacing:.14em;color:#fff;font-weight:700}.design-system-module__-Ms7HG__barSwitch{gap:8px;display:flex}.design-system-module__-Ms7HG__barSwitch a{color:#ffffffd1;letter-spacing:.08em;border:1px solid #ffffff3d;padding:6px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.design-system-module__-Ms7HG__barSwitch a:hover{color:#6ec6e8;border-color:#6ec6e8}.design-system-module__-Ms7HG__barSwitch a:focus-visible{outline-offset:2px;outline:2px solid #6ec6e8}.design-system-module__-Ms7HG__barActive{background:#6ec6e824;color:#6ec6e8!important;border-color:#6ec6e8!important}.design-system-module__-Ms7HG__barNote{color:#ffffff73;margin-left:auto}.design-system-module__-Ms7HG__block{max-width:var(--ds-width-content);padding:var(--ds-section-y) var(--ds-gutter);margin:0 auto}.design-system-module__-Ms7HG__blockSoft{background:var(--ds-canvas-soft);max-width:none}.design-system-module__-Ms7HG__blockSoft>*{max-width:var(--ds-width-content);margin-inline:auto}.design-system-module__-Ms7HG__blockDark{background:var(--ds-canvas-dark);max-width:none;color:var(--ds-text-on-dark)}.design-system-module__-Ms7HG__blockDark>*{max-width:var(--ds-width-content);margin-inline:auto}.design-system-module__-Ms7HG__blockFlush{padding:var(--ds-section-y) 0 0}.design-system-module__-Ms7HG__blockHead{max-width:var(--ds-width-content);margin:0 auto var(--ds-6);padding:0 var(--ds-gutter)}.design-system-module__-Ms7HG__hint{margin:var(--ds-4) 0 0;color:var(--ds-text-muted);font-size:var(--ds-caption);line-height:1.75}.design-system-module__-Ms7HG__typeList{margin-top:var(--ds-6);background:var(--ds-border);border-block:1px solid var(--ds-border);gap:1px;display:grid}.design-system-module__-Ms7HG__typeRow{align-items:baseline;gap:var(--ds-4);padding:var(--ds-4) 2px;background:var(--ds-canvas-light);grid-template-columns:132px minmax(0,1fr) 210px;display:grid}.design-system-module__-Ms7HG__typeName{color:var(--ds-blue);font-size:var(--ds-caption);font-variant-numeric:tabular-nums;font-weight:700}.design-system-module__-Ms7HG__typeSpec{color:var(--ds-text-muted);font-size:var(--ds-caption);font-variant-numeric:tabular-nums;text-align:right}.design-system-module__-Ms7HG__typeSample{color:var(--ds-text-primary)}.design-system-module__-Ms7HG__tDisplayXl{font-size:var(--ds-display-xl);font-weight:700;line-height:var(--ds-leading-display);letter-spacing:var(--ds-tracking-display)}.design-system-module__-Ms7HG__tDisplayLg{font-size:var(--ds-display-lg);font-weight:700;line-height:var(--ds-leading-display);letter-spacing:var(--ds-tracking-display)}.design-system-module__-Ms7HG__tHeading1{font-size:var(--ds-heading-1);font-weight:700;line-height:var(--ds-leading-heading);letter-spacing:var(--ds-tracking-heading)}.design-system-module__-Ms7HG__tHeading2{font-size:var(--ds-heading-2);font-weight:700;line-height:var(--ds-leading-heading);letter-spacing:var(--ds-tracking-heading)}.design-system-module__-Ms7HG__tHeading3{font-size:var(--ds-heading-3);font-weight:700;line-height:1.24}.design-system-module__-Ms7HG__tBodyLg{font-size:var(--ds-body-lg);line-height:var(--ds-leading-body)}.design-system-module__-Ms7HG__tBody{font-size:var(--ds-body);line-height:var(--ds-leading-body)}.design-system-module__-Ms7HG__tCaption{font-size:var(--ds-caption);color:var(--ds-text-secondary);line-height:1.6}.design-system-module__-Ms7HG__tLabel{font-size:var(--ds-label);letter-spacing:var(--ds-tracking-label);color:var(--ds-text-muted);font-weight:600}.design-system-module__-Ms7HG__tMetric{font-size:var(--ds-metric);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700}.design-system-module__-Ms7HG__mixNote{margin-top:var(--ds-6);padding-top:var(--ds-4);border-top:1px solid var(--ds-border)}.design-system-module__-Ms7HG__mixLine{margin:var(--ds-3) 0 0;color:var(--ds-text-primary);font-size:var(--ds-body-lg);line-height:var(--ds-leading-body)}.design-system-module__-Ms7HG__latin{letter-spacing:var(--ds-tracking-latin);font-weight:600}.design-system-module__-Ms7HG__techLabel{color:var(--ds-text-muted);font-size:var(--ds-label);letter-spacing:var(--ds-tracking-label);align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.design-system-module__-Ms7HG__techLabel i{background:var(--ds-blue);width:22px;height:2px}.design-system-module__-Ms7HG__colorGrid{gap:var(--ds-6);margin-top:var(--ds-6);display:grid}.design-system-module__-Ms7HG__swatches{gap:var(--ds-4);margin-top:var(--ds-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.design-system-module__-Ms7HG__swatch{flex-direction:column;gap:6px;display:flex}.design-system-module__-Ms7HG__chip{border:1px solid var(--ds-border);height:64px;display:block}.design-system-module__-Ms7HG__swatchName{color:var(--ds-text-primary);font-size:var(--ds-caption);font-weight:600}.design-system-module__-Ms7HG__swatchHex{color:var(--ds-text-muted);font-size:var(--ds-caption);font-variant-numeric:tabular-nums}.design-system-module__-Ms7HG__tokenRow{gap:var(--ds-7);margin-top:var(--ds-8);padding-top:var(--ds-6);border-top:1px solid var(--ds-border);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);display:grid}.design-system-module__-Ms7HG__tokenCol{min-width:0}.design-system-module__-Ms7HG__spaces{margin-top:var(--ds-4);gap:9px;display:grid}.design-system-module__-Ms7HG__spaceItem{align-items:center;gap:14px;display:flex}.design-system-module__-Ms7HG__spaceBar{background:var(--ds-blue);height:10px;display:block}.design-system-module__-Ms7HG__spaceValue{color:var(--ds-text-muted);font-size:var(--ds-caption);font-variant-numeric:tabular-nums}.design-system-module__-Ms7HG__gridSpecs{margin:var(--ds-4) 0 0;background:var(--ds-border);border:1px solid var(--ds-border);gap:1px;display:grid}.design-system-module__-Ms7HG__gridSpecs>div{justify-content:space-between;align-items:baseline;gap:var(--ds-4);padding:11px var(--ds-4);background:var(--ds-canvas-light);display:flex}.design-system-module__-Ms7HG__gridSpecs dt{color:var(--ds-text-primary);font-size:var(--ds-caption);font-weight:600}.design-system-module__-Ms7HG__gridSpecs dd{color:var(--ds-text-muted);font-size:var(--ds-caption);font-variant-numeric:tabular-nums;margin:0}.design-system-module__-Ms7HG__navStage{margin-top:var(--ds-6);border:1px solid var(--ds-border)}.design-system-module__-Ms7HG__navStageDark{margin-top:var(--ds-3);border:1px solid var(--ds-border)}.design-system-module__-Ms7HG__langLight{padding:var(--ds-section-y) var(--ds-gutter);background:var(--ds-canvas-light);border-top:1px solid var(--ds-border)}.design-system-module__-Ms7HG__langInner{max-width:var(--ds-width-content);margin:0 auto}.design-system-module__-Ms7HG__langInner h3{margin:var(--ds-2) 0 var(--ds-3);color:var(--ds-text-primary);font-size:var(--ds-heading-1);font-weight:700;line-height:var(--ds-leading-heading);letter-spacing:var(--ds-tracking-heading)}.design-system-module__-Ms7HG__langInner p{max-width:42em;color:var(--ds-text-secondary);font-size:var(--ds-body-lg);line-height:var(--ds-leading-body);margin:0}.design-system-module__-Ms7HG__langTag{letter-spacing:var(--ds-tracking-label);font-weight:700;color:var(--ds-blue)!important;font-size:var(--ds-label)!important;margin:0!important}.design-system-module__-Ms7HG__langDark{padding:var(--ds-section-y) var(--ds-gutter);background:var(--ds-canvas-dark)}.design-system-module__-Ms7HG__langDark .design-system-module__-Ms7HG__langInner h3{color:var(--ds-text-on-dark)}.design-system-module__-Ms7HG__langDark .design-system-module__-Ms7HG__langInner p{color:var(--ds-text-on-dark-secondary)}.design-system-module__-Ms7HG__langTagDark{margin:0 0 var(--ds-2);color:var(--ds-cyan);font-size:var(--ds-label);letter-spacing:var(--ds-tracking-label);font-weight:700}.design-system-module__-Ms7HG__langFullBleed{padding:var(--ds-section-y) var(--ds-gutter);background:var(--ds-canvas-soft)}.design-system-module__-Ms7HG__langFullBleed>figure{max-width:var(--ds-width-wide);margin:0 auto}.design-system-module__-Ms7HG__langQuiet{padding:var(--ds-section-y) var(--ds-gutter);background:var(--ds-canvas-light)}.design-system-module__-Ms7HG__quietText{max-width:var(--ds-width-text)}.design-system-module__-Ms7HG__visualGrid{gap:var(--ds-7) var(--ds-6);margin-top:var(--ds-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-system-module__-Ms7HG__visualItem{min-width:0}.design-system-module__-Ms7HG__visualCase{margin:0 0 var(--ds-3);color:var(--ds-blue);font-size:var(--ds-label);letter-spacing:var(--ds-tracking-label);font-weight:700}.design-system-module__-Ms7HG__fullBleedNote{margin-top:var(--ds-6);padding-top:var(--ds-4);border-top:1px solid var(--ds-border)}.design-system-module__-Ms7HG__productStack{gap:var(--ds-9);margin-top:var(--ds-6);display:grid}.design-system-module__-Ms7HG__validationRow{gap:var(--ds-6);margin-top:var(--ds-7);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;display:grid}.design-system-module__-Ms7HG__validationNotes{padding:var(--ds-5);background:var(--ds-canvas-engineering);color:var(--ds-text-on-dark-secondary)}.design-system-module__-Ms7HG__validationNotes .design-system-module__-Ms7HG__techLabel{color:var(--ds-text-on-dark-muted)}.design-system-module__-Ms7HG__validationNotes .design-system-module__-Ms7HG__techLabel i{background:var(--ds-cyan)}.design-system-module__-Ms7HG__validationNotes ul{gap:var(--ds-3);margin:var(--ds-4) 0 0;padding:0;list-style:none;display:grid}.design-system-module__-Ms7HG__validationNotes li{padding-left:16px;font-size:15px;line-height:1.7;position:relative}.design-system-module__-Ms7HG__validationNotes li:before{content:"";background:var(--ds-cyan);width:6px;height:6px;position:absolute;top:.62em;left:0}.design-system-module__-Ms7HG__validationNotes b{color:var(--ds-cyan);font-weight:700}.design-system-module__-Ms7HG__footerStage{margin-top:0}.design-system-module__-Ms7HG__stageTag{padding:var(--ds-3) var(--ds-gutter);background:var(--ds-canvas-gray);color:var(--ds-text-muted);font-size:var(--ds-caption);letter-spacing:.06em;margin:0;font-weight:600}.design-system-module__-Ms7HG__page[data-system=b] .design-system-module__-Ms7HG__blockSoft{background:var(--ds-canvas-engineering)}.design-system-module__-Ms7HG__page[data-system=b] .design-system-module__-Ms7HG__blockSoft .design-system-module__-Ms7HG__typeName{color:var(--ds-cyan)}.design-system-module__-Ms7HG__page[data-system=b] .design-system-module__-Ms7HG__langLight,.design-system-module__-Ms7HG__page[data-system=b] .design-system-module__-Ms7HG__langQuiet{background:var(--ds-canvas-soft)}@media (max-width:1024px){.design-system-module__-Ms7HG__typeRow{grid-template-columns:108px minmax(0,1fr)}.design-system-module__-Ms7HG__typeSpec{text-align:left;grid-column:2}.design-system-module__-Ms7HG__visualGrid,.design-system-module__-Ms7HG__validationRow{grid-template-columns:1fr}.design-system-module__-Ms7HG__tokenRow{gap:var(--ds-6);grid-template-columns:1fr}}@media (max-width:767px){.design-system-module__-Ms7HG__bar{font-size:11px}.design-system-module__-Ms7HG__barNote{display:none}.design-system-module__-Ms7HG__typeRow{gap:var(--ds-2);padding:var(--ds-4) 0;grid-template-columns:1fr}.design-system-module__-Ms7HG__swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.design-system-module__-Ms7HG__block,.design-system-module__-Ms7HG__langLight,.design-system-module__-Ms7HG__langDark,.design-system-module__-Ms7HG__langFullBleed,.design-system-module__-Ms7HG__langQuiet{padding-left:7%;padding-right:7%}.design-system-module__-Ms7HG__productStack{gap:var(--ds-8)}}