.cursor-follower[data-v-216dc3ff]{pointer-events:none;position:fixed;top:0;left:0;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border:1.5px solid rgba(64,158,255,.6);border-radius:50%;z-index:99999;opacity:0;transition:opacity .3s,width .25s,height .25s,margin .25s,background .2s,border-color .2s}.cursor-follower.active[data-v-216dc3ff]{opacity:1}.cursor-follower.hovering[data-v-216dc3ff]{background:#409eff26;border-color:#409effcc}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;color:#323233;background:#fff}.xui-app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.xui-header{height:40px;background:#fff;border-bottom:1px solid #ebedf0;flex-shrink:0}.xui-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:calc(100% - 40px);margin:0 auto}.xui-logo{font-size:28px;font-weight:600;color:var(--xui-primary);cursor:pointer}.xui-logo:hover{opacity:.8}.xui-nav{display:flex;align-items:center}.xui-nav div{padding:0 20px;color:#323233;cursor:pointer;transition:color .2s;position:relative;height:40px;line-height:40px;font-size:14px}.xui-nav div:hover,.xui-nav div.active{color:var(--xui-primary)}.xui-nav div.active:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--xui-primary)}.xui-main{flex:1;overflow:hidden;min-height:0}.xui-main.no-header{overflow:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dcdee0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c0c4cc}@media (max-width: 768px){.xui-header{display:none}.xui-mobile-fab{display:flex!important}}.xui-mobile-fab{display:none;position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fffffffa;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);align-items:center;justify-content:center;flex-direction:column;gap:4px;z-index:1000;-webkit-tap-highlight-color:transparent}.xui-mobile-fab span{display:block;width:18px;height:2px;border-radius:2px;background:#323233;opacity:.9}.xui-mobile-fab:active{transform:scale(.98)}.xui-global-mobile-nav .xui-global-mobile-nav-content{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));display:grid;gap:10px}.xui-global-mobile-nav-item{width:100%;height:44px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fffffffa;color:#323233;font-size:14px}.xui-theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:12px;border:none;border-radius:6px;background:transparent;color:#606266;cursor:pointer;transition:all .2s}.xui-theme-toggle:hover{background:#0000000a;color:var(--xui-primary)}.xui-theme-toggle svg{width:18px;height:18px}[data-theme=dark] body{color:#e5eaf3;background:#0a0a0a}[data-theme=dark] .xui-header{background:#141414;border-bottom-color:#2d2d2d}[data-theme=dark] .xui-nav div{color:#a3a6ad}[data-theme=dark] .xui-nav div:hover,[data-theme=dark] .xui-nav div.active{color:var(--xui-primary)}[data-theme=dark] .xui-theme-toggle{color:#a3a6ad}[data-theme=dark] .xui-theme-toggle:hover{background:#ffffff14;color:var(--xui-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3d3d3d}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4d4d4d}[data-theme=dark] .xui-mobile-fab{border-color:#ffffff1a;background:#141414f2}[data-theme=dark] .xui-mobile-fab span{background:#a3a6ad}[data-theme=dark] .xui-global-mobile-nav-item{border-color:#ffffff1a;background:#141414f2;color:#e5eaf3}.xui-home[data-v-ea73b72a]{min-height:100vh;background:linear-gradient(180deg,#0a0f1a,#1a1f2e);color:#fff;overflow-x:hidden}.hero[data-v-ea73b72a]{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.particle-canvas[data-v-ea73b72a]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-content[data-v-ea73b72a]{position:relative;z-index:1;text-align:center;max-width:800px}.hero-badge[data-v-ea73b72a]{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:13px;color:#60a5fa;margin-bottom:32px}.badge-dot[data-v-ea73b72a]{width:6px;height:6px;background:#3b82f6;border-radius:50%;animation:pulse-ea73b72a 2s infinite}@keyframes pulse-ea73b72a{0%,to{opacity:1}50%{opacity:.5}}.hero-title[data-v-ea73b72a]{font-size:120px;font-weight:700;margin:0 0 24px;letter-spacing:-4px;line-height:1}.title-x[data-v-ea73b72a]{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-ui[data-v-ea73b72a]{color:#fff}.hero-subtitle[data-v-ea73b72a]{font-size:32px;font-weight:500;margin:0 0 16px;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc[data-v-ea73b72a]{font-size:16px;color:#94a3b8;line-height:1.8;margin:0 0 40px}.hero-actions[data-v-ea73b72a]{display:flex;gap:16px;justify-content:center;margin-bottom:60px}.hero-actions[data-v-ea73b72a] .xui-button{padding:0 32px;height:48px;font-size:15px;border-radius:8px}.hero-actions[data-v-ea73b72a] .xui-button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none}.hero-actions[data-v-ea73b72a] .xui-button--default{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-arrow[data-v-ea73b72a]{width:16px;height:16px;margin-left:8px}.btn-icon[data-v-ea73b72a]{width:18px;height:18px;margin-right:8px}.scroll-indicator[data-v-ea73b72a]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff6;cursor:pointer;transition:all .3s ease;animation:bounce-ea73b72a 2s infinite}.scroll-indicator[data-v-ea73b72a]:hover{color:#ffffffb3}.scroll-indicator.hidden[data-v-ea73b72a]{opacity:0;pointer-events:none}.scroll-indicator svg[data-v-ea73b72a]{width:20px;height:20px}@keyframes bounce-ea73b72a{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.hero-decoration[data-v-ea73b72a]{position:absolute;right:10%;top:50%;transform:translateY(-50%);opacity:.5;animation:float-ea73b72a 6s ease-in-out infinite}.deco-circle[data-v-ea73b72a]{width:300px;height:300px}@keyframes float-ea73b72a{0%,to{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-55%) rotate(180deg)}}.section-title[data-v-ea73b72a]{font-size:36px;font-weight:600;text-align:center;margin:0 0 12px;color:#fff}.section-desc[data-v-ea73b72a]{font-size:16px;color:#64748b;text-align:center;margin:0 0 48px}.features[data-v-ea73b72a]{padding:100px 24px;max-width:1200px;margin:0 auto}.feature-grid[data-v-ea73b72a]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card[data-v-ea73b72a]{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px;transition:all .3s ease}.feature-card[data-v-ea73b72a]:hover{background:#ffffff0d;border-color:#3b82f64d;transform:translateY(-4px)}.feature-icon[data-v-ea73b72a]{width:48px;height:48px;margin-bottom:20px}.feature-icon svg[data-v-ea73b72a]{width:100%;height:100%;stroke:#3b82f6}.feature-body[data-v-ea73b72a]{min-width:0}.feature-title[data-v-ea73b72a]{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff}.feature-desc[data-v-ea73b72a]{font-size:14px;color:#64748b;margin:0;line-height:1.6}.frameworks[data-v-ea73b72a]{padding:100px 24px;background:#0003}.framework-grid[data-v-ea73b72a]{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;max-width:900px;margin:0 auto}.framework-item[data-v-ea73b72a]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;min-width:140px;transition:all .3s ease}.framework-item[data-v-ea73b72a]:hover{background:#ffffff0d;transform:translateY(-2px)}.framework-item.coming-soon[data-v-ea73b72a]{opacity:.6}.framework-item.planning[data-v-ea73b72a]{opacity:.5}.framework-icon[data-v-ea73b72a]{width:40px;height:40px}.framework-icon svg[data-v-ea73b72a]{width:100%;height:100%}.framework-name[data-v-ea73b72a]{font-size:14px;font-weight:500;color:#fff}.framework-status[data-v-ea73b72a]{font-size:11px;padding:2px 8px;border-radius:10px;background:#64748b4d;color:#94a3b8}.framework-status.ready[data-v-ea73b72a]{background:#22c55e33;color:#4ade80}.framework-status.planning[data-v-ea73b72a]{background:#8b5cf633;color:#a78bfa}.home-footer[data-v-ea73b72a]{padding:60px 24px;background:#0000004d;text-align:center}.footer-logo[data-v-ea73b72a]{font-size:28px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc[data-v-ea73b72a]{font-size:14px;color:#64748b;margin:0 0 20px}.footer-links[data-v-ea73b72a]{margin-bottom:20px}.footer-links a[data-v-ea73b72a]{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-links a[data-v-ea73b72a]:hover{color:#fff}.footer-links .divider[data-v-ea73b72a]{color:#475569;margin:0 12px}.footer-bottom[data-v-ea73b72a]{font-size:12px;color:#475569;margin:0}.footer-security[data-v-ea73b72a]{margin-top:6px}.footer-bottom a[data-v-ea73b72a]{color:#475569;text-decoration:none;transition:color .2s ease}.footer-bottom a[data-v-ea73b72a]:hover{color:#94a3b8}.footer-bottom .divider[data-v-ea73b72a]{margin:0 8px}@media (max-width: 768px){.hero[data-v-ea73b72a]{padding:104px 20px 64px;min-height:auto}.hero-title[data-v-ea73b72a]{font-size:64px}.hero-subtitle[data-v-ea73b72a]{font-size:20px}.hero-actions[data-v-ea73b72a]{flex-direction:column;align-items:center}.feature-grid[data-v-ea73b72a]{grid-template-columns:1fr}.framework-grid[data-v-ea73b72a]{gap:16px}.framework-item[data-v-ea73b72a]{min-width:120px;padding:16px 24px}.preview-grid[data-v-ea73b72a]{grid-template-columns:1fr}.hero-decoration[data-v-ea73b72a]{display:none}}@media (max-width: 480px){.hero[data-v-ea73b72a]{padding:72px 14px 40px;min-height:auto}.hero-badge[data-v-ea73b72a]{margin-bottom:20px}.hero-title[data-v-ea73b72a]{font-size:44px;letter-spacing:-1.5px;margin:0 0 12px}.hero-subtitle[data-v-ea73b72a]{font-size:16px}.hero-desc[data-v-ea73b72a]{font-size:13px;margin:0 0 24px}.hero-actions[data-v-ea73b72a]{margin-bottom:28px}.hero-actions[data-v-ea73b72a] .xui-button{height:44px;padding:0 24px;font-size:14px}.features[data-v-ea73b72a],.frameworks[data-v-ea73b72a]{padding:56px 16px}.section-title[data-v-ea73b72a]{font-size:26px;margin:0 0 8px}.section-desc[data-v-ea73b72a]{font-size:14px;margin:0 0 24px}.feature-grid[data-v-ea73b72a]{gap:12px}.feature-card[data-v-ea73b72a]{padding:16px;border-radius:12px;display:flex;gap:12px}.feature-icon[data-v-ea73b72a]{width:36px;height:36px;margin-bottom:0;flex:0 0 auto}.feature-title[data-v-ea73b72a]{font-size:15px;margin:0 0 4px}.feature-desc[data-v-ea73b72a]{font-size:12px;line-height:1.5}.framework-grid[data-v-ea73b72a]{gap:12px}.framework-item[data-v-ea73b72a]{min-width:112px;padding:12px 14px;border-radius:10px;gap:8px}.framework-icon[data-v-ea73b72a]{width:28px;height:28px}.framework-name[data-v-ea73b72a]{font-size:12px}}.xui-download-page[data-v-1bac1e1b]{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}.xui-download[data-v-1bac1e1b]{max-width:1120px;margin:0 auto;padding:16px 14px 24px}.header[data-v-1bac1e1b]{margin:6px 0 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.header-left[data-v-1bac1e1b]{min-width:0}.header-right[data-v-1bac1e1b]{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.title[data-v-1bac1e1b]{font-size:22px;font-weight:600;color:#1f2329;margin:0 0 4px;letter-spacing:-.5px}.card[data-v-1bac1e1b]{background:transparent;border:1px solid #e4e7ed;border-radius:8px;padding:12px;margin:10px 0;box-shadow:none}.grid .card[data-v-1bac1e1b]{margin:0}.card-title[data-v-1bac1e1b]{font-weight:700;color:#1f2329;font-size:14px}.muted[data-v-1bac1e1b]{color:#86909c;font-weight:500}.chip[data-v-1bac1e1b]{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;border:1px solid #e4e7ed;background:transparent;color:#4e5969;font-size:12px;line-height:1;white-space:nowrap}.chip--muted[data-v-1bac1e1b]{background:transparent;color:#86909c}.card-head[data-v-1bac1e1b]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-head-left[data-v-1bac1e1b],.card-head-right[data-v-1bac1e1b]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.card-actions[data-v-1bac1e1b]{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.grid[data-v-1bac1e1b]{display:grid;gap:12px}.grid--2[data-v-1bac1e1b]{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-actions[data-v-1bac1e1b]{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.panel-actions--between[data-v-1bac1e1b]{justify-content:space-between}.toggle[data-v-1bac1e1b]{display:inline-flex;align-items:center;gap:8px}.toggle-label[data-v-1bac1e1b]{font-size:12px;color:#4e5969}.toolbar[data-v-1bac1e1b]{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.toolbar--secondary[data-v-1bac1e1b]{margin-top:-2px}.toolbar-grow[data-v-1bac1e1b]{flex:1;min-width:220px}.toolbar-actions[data-v-1bac1e1b]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.component-scroll[data-v-1bac1e1b]{margin-top:10px;overflow-y:auto;overflow-x:hidden;border:1px solid #eef1f6;border-radius:8px;padding:10px;max-height:clamp(280px,56vh,680px)}.component-grid[data-v-1bac1e1b] .xui-checkbox-group{width:100%}.component-grid[data-v-1bac1e1b] .xui-checkbox-group--horizontal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.component-grid[data-v-1bac1e1b] .xui-checkbox--border{padding:6px 10px;border-radius:8px}.component-grid[data-v-1bac1e1b] .xui-checkbox__label{color:#1f2329}.tool-groups[data-v-1bac1e1b]{display:grid;gap:10px}.tool-group-title[data-v-1bac1e1b]{font-size:12px;font-weight:600;color:#4e5969;margin:2px 0 6px}.empty[data-v-1bac1e1b]{padding:14px 10px;color:#86909c;font-size:12px;text-align:center}.summary-line[data-v-1bac1e1b]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 12px}.summary-value[data-v-1bac1e1b]{font-size:13px;font-weight:700;color:#1f2329;word-break:break-word}.build-actions[data-v-1bac1e1b]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-error[data-v-1bac1e1b]{margin-top:12px;color:#b42318;background:transparent;border-color:#fecaca;border-radius:8px;border:1px solid #fecaca;padding:10px 12px;white-space:pre-wrap}.state[data-v-1bac1e1b]{background:transparent;border:1px solid #e4e7ed;border-radius:8px;padding:16px;margin-top:12px}.state--error[data-v-1bac1e1b]{background:transparent;border-color:#fecaca}.state-title[data-v-1bac1e1b]{font-weight:700;color:#7a271a;margin-bottom:6px}.state-desc[data-v-1bac1e1b]{color:#7a271a;line-height:1.6;white-space:pre-wrap}.result[data-v-1bac1e1b]{display:grid;gap:12px}.result-item[data-v-1bac1e1b]{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e4e7ed;background:transparent;border-radius:8px;padding:10px}.result-left[data-v-1bac1e1b]{min-width:0}.result-name[data-v-1bac1e1b]{font-weight:700;color:#1f2329}.result-size[data-v-1bac1e1b]{font-size:12px;color:#86909c;margin-top:2px}.mobile-tabs[data-v-1bac1e1b]{margin:6px 0 10px}.download-tabs--navonly[data-v-1bac1e1b] .xui-tabs__content{display:none}@media (max-width: 768px){.xui-download[data-v-1bac1e1b]{padding:12px 12px 18px}.header[data-v-1bac1e1b]{margin:4px 0 10px}.title[data-v-1bac1e1b]{font-size:18px}.card[data-v-1bac1e1b]{padding:10px;margin:8px 0}.card-head[data-v-1bac1e1b]{margin-bottom:8px}.chip[data-v-1bac1e1b]{height:18px;padding:0 6px;font-size:11px}.toggle-label[data-v-1bac1e1b]{font-size:11px}.toolbar[data-v-1bac1e1b]{gap:8px;margin-bottom:8px}.toolbar-actions[data-v-1bac1e1b]{gap:6px}.mobile-tabs[data-v-1bac1e1b]{margin:2px 0 8px}.download-tabs[data-v-1bac1e1b] .xui-tabs__nav-item{min-height:30px;padding:3px 8px;font-size:13px}.xui-download[data-v-1bac1e1b] .xui-checkbox__label{font-size:12px;line-height:1.35;white-space:normal}.tool-group-title[data-v-1bac1e1b]{font-size:11px;margin:2px 0 4px}.grid--2[data-v-1bac1e1b]{grid-template-columns:1fr}.component-grid[data-v-1bac1e1b] .xui-checkbox-group--horizontal{grid-template-columns:1fr;gap:0}.component-scroll[data-v-1bac1e1b]{padding:8px;max-height:clamp(220px,40vh,420px)}.component-grid[data-v-1bac1e1b] .xui-checkbox{width:100%;padding:6px 0;border-bottom:1px solid #eef1f6}.component-grid[data-v-1bac1e1b] .xui-checkbox:last-child{border-bottom:none}.result-item[data-v-1bac1e1b]{align-items:flex-start;flex-direction:column}.toolbar-grow[data-v-1bac1e1b]{min-width:0}}[data-theme=dark]{border-color:#2d2d2d;color:#a3a6ad}[data-theme=dark]{color:#fca5a5;border-color:#7f1d1d}[data-theme=dark]{border-color:#7f1d1d}[data-theme=dark]{color:#fca5a5}@media (max-width: 768px){[data-theme=dark]{border-bottom-color:#2d2d2d}}.x-code[data-v-fdb00d7f]{margin:16px 0;border-radius:8px;overflow:hidden;background:#2d2d30;font-size:13px}.x-code-header[data-v-fdb00d7f]{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#1e1e1e;border-bottom:1px solid #3e3e3e}.x-code-lang[data-v-fdb00d7f]{font-size:12px;color:#858585;font-weight:500}.x-code-copy[data-v-fdb00d7f]{padding:4px 10px;border:none;background:#3e3e42;color:#858585;font-size:12px;border-radius:3px;cursor:pointer;transition:all .2s}.x-code-copy[data-v-fdb00d7f]:hover{background:#4e4e52;color:#d4d4d4}.x-code-copy.copied[data-v-fdb00d7f]{background:#2d5a2d;color:#73c991}.x-code pre[data-v-fdb00d7f]{margin:0;padding:16px;overflow-x:auto;background:transparent!important}.x-code code[data-v-fdb00d7f]{font-family:SF Mono,Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;background:transparent!important}[data-v-fdb00d7f] .token.tag,[data-v-fdb00d7f] .token.attr-name{color:#9cdcfe}[data-v-fdb00d7f] .token.function{color:#dcdcaa}[data-v-fdb00d7f] .token.string,[data-v-fdb00d7f] .token.attr-value{color:#ce9178}[data-v-fdb00d7f] .token.keyword{color:#c586c0}[data-v-fdb00d7f] .token.operator,[data-v-fdb00d7f] .token.punctuation{color:#d4d4d4}[data-v-fdb00d7f] .token.comment{color:#6a9955}[data-v-fdb00d7f] .token.number{color:#b5cea8}[data-v-fdb00d7f] .token.boolean{color:#569cd6}.x-code--light[data-v-fdb00d7f]{background:#fafbfc;border:1px solid #e4e7ed}.x-code--light .x-code-header[data-v-fdb00d7f]{background:#f5f7fa;border-bottom:1px solid #e4e7ed}.x-code--light .x-code-lang[data-v-fdb00d7f]{color:#606266}.x-code--light .x-code-copy[data-v-fdb00d7f]{background:#fff;border:1px solid #dcdfe6;color:#606266}.x-code--light .x-code-copy[data-v-fdb00d7f]:hover{background:rgba(var(--xui-primary-rgb),.08);border-color:var(--xui-primary);color:var(--xui-primary)}.x-code--light .x-code-copy.copied[data-v-fdb00d7f]{background:#f0f9eb;border-color:#67c23a;color:#67c23a}.x-code--light[data-v-fdb00d7f] .token.tag{color:#22863a}.x-code--light[data-v-fdb00d7f] .token.attr-name{color:#6f42c1}.x-code--light[data-v-fdb00d7f] .token.attr-value,.x-code--light[data-v-fdb00d7f] .token.string{color:#032f62}.x-code--light[data-v-fdb00d7f] .token.keyword{color:#d73a49}.x-code--light[data-v-fdb00d7f] .token.function{color:#6f42c1}.x-code--light[data-v-fdb00d7f] .token.operator,.x-code--light[data-v-fdb00d7f] .token.punctuation{color:#24292e}.x-code--light[data-v-fdb00d7f] .token.comment{color:#6a737d}.x-code--light[data-v-fdb00d7f] .token.number,.x-code--light[data-v-fdb00d7f] .token.boolean,.x-code--light[data-v-fdb00d7f] .token.property{color:#005cc5}.x-code pre[data-v-fdb00d7f]::-webkit-scrollbar{height:6px}.x-code pre[data-v-fdb00d7f]::-webkit-scrollbar-track{background:#1e1e1e}.x-code pre[data-v-fdb00d7f]::-webkit-scrollbar-thumb{background:#4e4e4e;border-radius:3px}.x-code--light pre[data-v-fdb00d7f]::-webkit-scrollbar-track{background:#f5f7fa}.x-code--light pre[data-v-fdb00d7f]::-webkit-scrollbar-thumb{background:#c0c4cc}.x-code--minimal[data-v-fdb00d7f]{position:relative}.x-code--minimal pre[data-v-fdb00d7f]{padding-top:12px}.x-code-copy-icon[data-v-fdb00d7f]{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:#0000000a;color:#909399;border-radius:4px;cursor:pointer;transition:all .2s;z-index:10;opacity:0}.x-code--minimal:hover .x-code-copy-icon[data-v-fdb00d7f]{opacity:1}.x-code-copy-icon[data-v-fdb00d7f]:hover{background:rgba(var(--xui-primary-rgb),.1);color:var(--xui-primary)}.x-code-copy-icon.copied[data-v-fdb00d7f]{background:#67c23a1a;color:#67c23a;opacity:1}.x-code-copy-icon svg[data-v-fdb00d7f]{stroke-linecap:round;stroke-linejoin:round}[data-theme=dark]{background:#1e1e1e;border-color:#2d2d2d}[data-theme=dark]{color:#858585}[data-theme=dark]{background:#2d2d30;border-color:#3e3e3e;color:#858585}[data-theme=dark]{background:#3e3e42;border-color:var(--xui-primary);color:var(--xui-primary)}[data-theme=dark]{background:#2d5a2d;border-color:#67c23a;color:#73c991}[data-theme=dark]{color:#9cdcfe}[data-theme=dark]{color:#ce9178}[data-theme=dark]{color:#c586c0}[data-theme=dark]{color:#dcdcaa}[data-theme=dark]{color:#d4d4d4}[data-theme=dark]{color:#6a9955}[data-theme=dark]{color:#b5cea8}[data-theme=dark]{background:#1e1e1e}[data-theme=dark]{background:#4e4e4e}.doc-page[data-v-6379fcee]{padding:0}h1[data-v-6379fcee]{font-size:24px;margin-bottom:8px;color:#323233}h2[data-v-6379fcee]{font-size:18px;margin:32px 0 16px;color:#323233}h3[data-v-6379fcee]{font-size:14px;margin:24px 0 12px;color:#323233}.doc-desc[data-v-6379fcee]{margin:12px 0;color:#646566;line-height:1.6;font-size:12px}.demo-desc[data-v-6379fcee]{margin:8px 0;color:#969799;font-size:12px}.api-table-wrapper[data-v-6379fcee]{width:100%;overflow-x:auto;margin-bottom:16px;border-radius:4px;border:1px solid #ebedf0}.api-table[data-v-6379fcee]{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.api-table th[data-v-6379fcee],.api-table td[data-v-6379fcee]{padding:10px 12px;text-align:left;border-bottom:1px solid #ebedf0;word-break:break-word}.api-table th[data-v-6379fcee]{background:#fafafa;font-weight:600;color:#323233;white-space:nowrap}.api-table tbody tr:last-child td[data-v-6379fcee]{border-bottom:none}.api-table tbody tr[data-v-6379fcee]:hover{background:#f5f7fa}.api-table td[data-v-6379fcee]{color:#606266}.api-table code[data-v-6379fcee]{padding:2px 6px;background:#f0f2f5;border-radius:3px;font-size:11px;color:var(--xui-primary);font-family:SF Mono,Monaco,Consolas,monospace}.api-table th[data-v-6379fcee]:nth-child(1),.api-table td[data-v-6379fcee]:nth-child(1){width:22%;min-width:100px}.api-table th[data-v-6379fcee]:nth-child(2),.api-table td[data-v-6379fcee]:nth-child(2){width:34%}.api-table th[data-v-6379fcee]:nth-child(3),.api-table td[data-v-6379fcee]:nth-child(3){width:18%;min-width:80px}.api-table th[data-v-6379fcee]:nth-child(4),.api-table td[data-v-6379fcee]:nth-child(4){width:12%;min-width:60px}.api-table th[data-v-6379fcee]:nth-child(5),.api-table td[data-v-6379fcee]:nth-child(5){width:14%;min-width:110px}[data-theme=dark]{background:#1a1a1a;color:#e5eaf3}.xui-guides[data-v-36270d90]{display:flex;height:100%;overflow:hidden}.xui-guides--mobile[data-v-36270d90]{display:block}.xui-mobile-app[data-v-36270d90]{height:100%;display:flex;flex-direction:column;background:#f7f8fa}.xui-mobile-header[data-v-36270d90]{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 6px;background:#fff;border-bottom:1px solid #ebedf0}.xui-mobile-menu-btn[data-v-36270d90]{width:36px;height:36px;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.xui-mobile-menu-btn span[data-v-36270d90]{display:block;width:18px;height:2px;background:#323233;border-radius:2px}.xui-mobile-title[data-v-36270d90]{flex:1;text-align:center;font-size:16px;font-weight:600;color:#323233;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xui-mobile-right[data-v-36270d90]{width:36px;height:36px}.xui-mobile-content[data-v-36270d90]{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 20px);box-sizing:border-box}.xui-guides[data-v-36270d90] .xui-mobile-nav-drawer .xui-drawer__body{padding:0}.xui-guides[data-v-36270d90] .xui-mobile-nav-drawer .xui-drawer__container{border-radius:0 16px 16px 0;overflow:hidden;max-width:320px}.xui-mobile-nav[data-v-36270d90]{min-height:100%;display:flex;flex-direction:column;background:#fff}.xui-mobile-nav-top[data-v-36270d90]{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 12px;border-bottom:1px solid #f2f3f5}.xui-mobile-nav-brand[data-v-36270d90]{font-size:18px;font-weight:800;color:var(--xui-primary);letter-spacing:.5px}.xui-mobile-nav-close[data-v-36270d90]{width:36px;height:36px;border:none;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.xui-mobile-nav-close span[data-v-36270d90]{position:absolute;width:18px;height:2px;background:#323233;border-radius:2px}.xui-mobile-nav-close span[data-v-36270d90]:first-child{transform:rotate(45deg)}.xui-mobile-nav-close span[data-v-36270d90]:last-child{transform:rotate(-45deg)}.xui-mobile-nav-divider[data-v-36270d90]{height:10px;background:#f7f8fa;border-bottom:1px solid #f2f3f5}.xui-mobile-nav-menu[data-v-36270d90]{flex:1}.xui-mobile-nav-menu[data-v-36270d90] .xui-menu{background:transparent}.xui-mobile-nav-menu[data-v-36270d90] .xui-menu__submenu-title{padding:12px 14px;font-size:12px;font-weight:700;color:#969799;letter-spacing:.4px;text-transform:uppercase}.xui-mobile-nav-menu[data-v-36270d90] .xui-menu__submenu-arrow{display:none}.xui-mobile-nav-menu[data-v-36270d90] .xui-menu__submenu-content{background:#f7f8fa;border-radius:12px;margin:0 12px 12px;padding:4px 0}.xui-mobile-nav-menu[data-v-36270d90] .xui-menu__submenu-content .xui-menu__item{padding:12px 14px}.xui-mobile-nav-menu[data-v-36270d90] .xui-menu__item--active{background:rgba(var(--xui-primary-rgb),.12)}.xui-mobile-nav-footer[data-v-36270d90]{padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid #f2f3f5}.xui-mobile-nav-footer-text[data-v-36270d90]{font-size:12px;color:#969799}.xui-sidebar[data-v-36270d90]{width:240px;background:#fff;border-right:1px solid #dcdfe6;flex-shrink:0;height:100%;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000a}.xui-sidebar-content[data-v-36270d90]{flex:1;overflow-y:auto;padding:12px 0}.xui-menu-group[data-v-36270d90]{margin-bottom:12px}.xui-menu-title[data-v-36270d90]{padding:10px 20px;font-size:13px;color:#909399;font-weight:600;letter-spacing:.5px}.xui-menu-item[data-v-36270d90]{display:block;padding:10px 20px 10px 32px;color:#606266;text-decoration:none;cursor:pointer;font-size:14px;transition:all .2s;position:relative}.xui-menu-item[data-v-36270d90]:hover{color:var(--xui-primary);background:#f5f7fa}.xui-menu-item.active[data-v-36270d90]{color:var(--xui-primary);background:rgba(var(--xui-primary-rgb),.1);font-weight:500}.xui-menu-item.active[data-v-36270d90]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--xui-primary)}.xui-main[data-v-36270d90]{flex:1;display:flex;overflow:hidden}.xui-doc[data-v-36270d90]{flex:1;overflow-y:auto;background:#fff}.xui-doc-content[data-v-36270d90]{padding:32px 40px;max-width:1000px}@media (max-width: 768px){.xui-sidebar[data-v-36270d90]{display:none}.xui-doc-content[data-v-36270d90]{padding:20px}}.phone-preview[data-v-858ff5f0]{display:flex;align-items:center;justify-content:center;height:100%;background:#fff;overflow:hidden;padding:32px;--xui-font-size-xs: 10px;--xui-font-size-sm: 12px;--xui-font-size-base: 14px;--xui-font-size-md: 15px;--xui-font-size-lg: 16px;--xui-font-size-xl: 18px;--xui-font-size-2xl: 20px;--xui-font-size-3xl: 24px;--xui-spacing-xs: 4px;--xui-spacing-sm: 8px;--xui-spacing-base: 12px;--xui-spacing-md: 16px;--xui-spacing-lg: 20px;--xui-spacing-xl: 24px;--xui-spacing-2xl: 32px;--xui-height-sm: 28px;--xui-height-base: 32px;--xui-height-lg: 40px;--xui-radius-sm: 2px;--xui-radius-base: 4px;--xui-radius-lg: 8px;--xui-duration-fast: .2s;--xui-duration-base: .3s;--xui-duration-slow: .4s;--xui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--xui-shadow-base: 0 2px 4px rgba(0, 0, 0, .08);--xui-shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--xui-shadow-xl: 0 12px 32px rgba(0, 0, 0, .2)}.phone-device[data-v-858ff5f0]{position:relative;background:transparent;border:none;flex-shrink:0;border-radius:46px}.phone-frame[data-v-858ff5f0]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.phone-screen[data-v-858ff5f0]{position:absolute;top:6.2%;left:4.9%;width:90.2%;height:91.3%;border-radius:28px;overflow:hidden;background:#f7f8fa;display:flex;flex-direction:column;z-index:2;isolation:isolate}.phone-header[data-v-858ff5f0]{display:flex;align-items:center;justify-content:space-between;height:44px;background:#fff;border-bottom:1px solid #ebedf0;padding:0 15px;position:sticky;top:0;z-index:100;flex-shrink:0}.page-title[data-v-858ff5f0]{flex:1;text-align:center;font-size:16px;font-weight:500;color:#323233}.header-placeholder[data-v-858ff5f0]{width:24px}.phone-content[data-v-858ff5f0]{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;background:#fff;box-sizing:border-box}.install-demo[data-v-75fec7fd]{width:100%;text-align:center;padding:40px 20px}h2[data-v-75fec7fd]{font-size:24px;margin-bottom:20px}.desc[data-v-75fec7fd]{color:#666;margin-bottom:30px}.info[data-v-75fec7fd]{margin-top:40px}.info p[data-v-75fec7fd]{font-size:14px;color:#999}.info .sub[data-v-75fec7fd]{font-size:12px}.quickstart-demo[data-v-0adb7e6b]{width:100%;padding:20px}h3[data-v-0adb7e6b]{margin-bottom:8px;font-size:16px;color:#323233}.tip[data-v-0adb7e6b]{font-size:12px;color:#969799;margin-bottom:20px}.demo-section[data-v-0adb7e6b]{margin-bottom:15px;display:flex;flex-direction:column;gap:10px}.button-demo[data-v-59f4acd2]{width:100%;padding:15px}.demo-section[data-v-59f4acd2]{margin-bottom:18px}.demo-title[data-v-59f4acd2]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-59f4acd2]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-row[data-v-59f4acd2]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;row-gap:10px;margin-bottom:10px}.demo-row[data-v-59f4acd2]:last-child{margin-bottom:0}.demo-toggle-row[data-v-59f4acd2]{display:flex;gap:14px;align-items:center;margin-top:10px}.demo-toggle[data-v-59f4acd2]{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:#646566;-webkit-user-select:none;user-select:none}.demo-toggle span[data-v-59f4acd2]{min-width:28px}.demo-split[data-v-59f4acd2]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.demo-split-btn[data-v-59f4acd2] .xui-btn{width:100%;margin-right:0}.input-demo[data-v-b3a1a5e5]{width:100%;padding:15px}.demo-section[data-v-b3a1a5e5]{width:100%;margin-bottom:16px}.demo-title[data-v-b3a1a5e5]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-b3a1a5e5]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-b3a1a5e5]{display:grid;gap:12px}.demo-hint[data-v-b3a1a5e5]{margin-top:10px;font-size:12px;color:#969799}.demo-field[data-v-b3a1a5e5]{display:grid;gap:8px}.demo-label[data-v-b3a1a5e5]{font-size:12px;color:#646566}.size-row[data-v-b3a1a5e5]{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.size-label[data-v-b3a1a5e5]{font-size:12px;color:#646566}.demo-toggle-row[data-v-b3a1a5e5]{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.demo-toggle[data-v-b3a1a5e5]{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:#646566;-webkit-user-select:none;user-select:none}.demo-toggle span[data-v-b3a1a5e5]{min-width:28px}.radio-demo[data-v-989d8de9]{width:100%;padding:15px}.demo-section[data-v-989d8de9]{width:100%;margin-bottom:16px}.demo-title[data-v-989d8de9]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-989d8de9]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-989d8de9]{display:grid;gap:12px}.demo-field[data-v-989d8de9]{display:grid;gap:10px}.demo-label[data-v-989d8de9]{font-size:12px;color:#646566}.demo-hint[data-v-989d8de9]{margin-top:10px;font-size:12px;color:#969799}.checkbox-demo[data-v-03f522b4]{width:100%;padding:15px}.demo-section[data-v-03f522b4]{width:100%;margin-bottom:16px}.demo-title[data-v-03f522b4]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-03f522b4]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-03f522b4]{display:grid;gap:12px}.demo-field[data-v-03f522b4]{display:grid;gap:10px}.demo-field--row[data-v-03f522b4]{grid-template-columns:1fr auto;align-items:center}.demo-label[data-v-03f522b4]{font-size:12px;color:#646566}.demo-hint[data-v-03f522b4],.demo-tip[data-v-03f522b4]{font-size:12px;color:#969799}.switch-demo[data-v-c2149829]{width:100%;padding:15px}.demo-section[data-v-c2149829]{width:100%;margin-bottom:16px}.demo-title[data-v-c2149829]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-c2149829]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-c2149829]{display:grid;gap:12px}.demo-row[data-v-c2149829]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.demo-label[data-v-c2149829]{font-size:12px;color:#646566}.demo-hint[data-v-c2149829]{font-size:12px;color:#969799}.slider-demo[data-v-eeb3cfe7]{width:100%;padding:15px}.demo-section[data-v-eeb3cfe7]{width:100%;margin-bottom:16px}.demo-section[data-v-eeb3cfe7]:last-child{margin-bottom:0}.demo-title[data-v-eeb3cfe7]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-eeb3cfe7]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-eeb3cfe7]{display:grid;gap:12px}.demo-field[data-v-eeb3cfe7]{display:grid;gap:10px}.demo-row[data-v-eeb3cfe7]{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-label[data-v-eeb3cfe7]{font-size:12px;color:#646566}.demo-value[data-v-eeb3cfe7]{font-size:12px;color:#323233;font-weight:600}.demo-hint[data-v-eeb3cfe7]{font-size:12px;color:#969799;line-height:1.6}.picker-demo[data-v-8299579a]{padding:16px;width:100%}.demo-section[data-v-8299579a]{margin-bottom:24px}.demo-section[data-v-8299579a]:last-child{margin-bottom:0}.demo-title[data-v-8299579a]{font-size:14px;font-weight:500;color:#323233;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #ebedf0}.picker-wrapper[data-v-8299579a]{width:100%}.picker-value[data-v-8299579a]{font-size:12px;color:#909399;margin-top:6px}.size-demo[data-v-8299579a]{display:flex;flex-direction:column;gap:12px}.upload-demo[data-v-984fa91a]{width:100%;padding:15px}.demo-section[data-v-984fa91a]{margin-bottom:24px}.demo-title[data-v-984fa91a]{font-size:12px;color:#969799;margin-bottom:12px}.demo-desc[data-v-984fa91a]{font-size:12px;color:#969799;margin-top:8px}.flex-row[data-v-984fa91a]{display:flex;gap:12px}.flex-col[data-v-984fa91a]{flex:1}.form-demo[data-v-a591c7f1]{width:100%;padding:15px}.demo-section[data-v-a591c7f1]{width:100%;margin-bottom:16px}.demo-section[data-v-a591c7f1]:last-child{margin-bottom:0}.demo-title[data-v-a591c7f1]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-a591c7f1]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-a591c7f1]{display:grid;gap:12px}.demo-hint[data-v-a591c7f1]{font-size:12px;color:#969799;margin-bottom:8px;line-height:1.6}.collapse-demo[data-v-b4ffe1ff]{width:100%;padding:15px}.demo-section[data-v-b4ffe1ff]{width:100%;margin-bottom:16px}.demo-section[data-v-b4ffe1ff]:last-child{margin-bottom:0}.demo-title[data-v-b4ffe1ff]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-b4ffe1ff]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.custom-content[data-v-b4ffe1ff]{padding:6px 2px;display:grid;gap:10px}.custom-row[data-v-b4ffe1ff]{display:flex;flex-wrap:wrap;gap:10px}.custom-text[data-v-b4ffe1ff]{font-size:12px;color:#646566;line-height:1.6}.custom-actions[data-v-b4ffe1ff]{display:flex;justify-content:flex-end}.demo-skeleton[data-v-788882dc]{padding:16px}.demo-section[data-v-788882dc]{margin-bottom:32px;background:#fff;border-radius:8px;padding:16px}.demo-section h3[data-v-788882dc]{margin:0 0 16px;font-size:16px;color:#323233}.badge-demo[data-v-08f07ed2]{width:100%;padding:15px}.demo-section[data-v-08f07ed2]{width:100%;margin-bottom:16px}.demo-section[data-v-08f07ed2]:last-child{margin-bottom:0}.demo-title[data-v-08f07ed2]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-08f07ed2]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-hint[data-v-08f07ed2]{margin-top:10px;font-size:12px;color:#969799;line-height:1.6}.badge-row[data-v-08f07ed2]{display:flex;flex-wrap:wrap;gap:12px}.badge-target[data-v-08f07ed2]{width:50px;height:50px;border:1px solid #ebedf0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#646566;background:#fff}.tag-demo[data-v-a0d11197]{width:100%;padding:15px}.demo-section[data-v-a0d11197]{width:100%;margin-bottom:16px}.demo-section[data-v-a0d11197]:last-child{margin-bottom:0}.demo-title[data-v-a0d11197]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-a0d11197]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-a0d11197]{display:grid;gap:12px}.tag-row[data-v-a0d11197]{display:flex;flex-wrap:wrap;gap:10px}.tag-field[data-v-a0d11197]{display:grid;gap:8px}.tag-label[data-v-a0d11197]{font-size:12px;color:#646566}.tag-actions[data-v-a0d11197]{margin-top:12px;display:flex;justify-content:flex-end}.tag-selected[data-v-a0d11197]{font-size:12px;color:#646566;line-height:1.6}.progress-demo[data-v-c8cc962b]{width:100%;padding:15px}.demo-section[data-v-c8cc962b]{width:100%;margin-bottom:16px}.demo-section[data-v-c8cc962b]:last-child{margin-bottom:0}.demo-title[data-v-c8cc962b]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-c8cc962b]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-c8cc962b]{display:grid;gap:12px}.progress-field[data-v-c8cc962b]{display:grid;gap:8px}.progress-label[data-v-c8cc962b]{font-size:12px;color:#646566}.progress-actions[data-v-c8cc962b]{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.circle-row[data-v-c8cc962b]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.circle-item[data-v-c8cc962b]{display:grid;justify-items:center;gap:10px;padding:8px 0}.circle-label[data-v-c8cc962b]{font-size:12px;color:#646566}.demo-page[data-v-1d885400]{padding:16px 16px 80px}.demo-header[data-v-1d885400]{margin-bottom:24px}.demo-title[data-v-1d885400]{font-size:24px;font-weight:500;color:#323233;margin:0 0 8px}.demo-desc[data-v-1d885400]{font-size:14px;color:#969799;margin:0}.demo-section[data-v-1d885400]{margin-bottom:24px}.section-title[data-v-1d885400]{font-size:16px;font-weight:500;color:#323233;margin:0 0 12px}.demo-item[data-v-1d885400]{padding:16px;border-radius:8px}.demo-btn[data-v-1d885400]{padding:8px 16px;background:#1989fa;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s;margin-right:8px;margin-bottom:8px}.demo-btn[data-v-1d885400]:hover{background:#0c7ce5}.loading-container[data-v-1d885400]{position:relative;min-height:200px;background:#f7f8fa;border:2px dashed #dcdee0}.loading-grid[data-v-1d885400]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.loading-item[data-v-1d885400]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;gap:12px}.loading-item span[data-v-1d885400]{font-size:12px;color:#969799}@media (max-width: 400px){.loading-grid[data-v-1d885400]{grid-template-columns:1fr}}.demo-page[data-v-f596f5df]{padding:16px 16px 80px}.demo-header[data-v-f596f5df]{margin-bottom:24px}.demo-title[data-v-f596f5df]{font-size:24px;font-weight:500;color:#323233;margin:0 0 8px}.demo-desc[data-v-f596f5df]{font-size:14px;color:#969799;margin:0}.demo-section[data-v-f596f5df]{margin-bottom:24px}.section-title[data-v-f596f5df]{font-size:16px;font-weight:500;color:#323233;margin:0 0 12px}.demo-item[data-v-f596f5df]{padding:12px;border-radius:8px}.demo-btn[data-v-f596f5df]{padding:8px 16px;background:#1989fa;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.demo-btn[data-v-f596f5df]:hover{background:#0c7ce5}.demo-btn[data-v-f596f5df]:active{background:#0a6dd1}.custom-btn[data-v-f596f5df]{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;border:none;outline:none;transition:all .2s}.custom-btn-danger[data-v-f596f5df]{background:#ee0a24;color:#fff}.custom-btn-danger[data-v-f596f5df]:hover{background:#d90820}.custom-btn-primary[data-v-f596f5df]{background:#1989fa;color:#fff;margin-left:8px}.custom-btn-primary[data-v-f596f5df]:hover{background:#0c7ce5}.navbar-demo[data-v-f6d50139]{width:100%;padding:15px;background:#fff}.demo-section[data-v-f6d50139]{margin-bottom:24px}.demo-title[data-v-f6d50139]{font-size:12px;color:#969799;margin-bottom:12px}.demo-item[data-v-f6d50139]{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.toast[data-v-f6d50139]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:10px 20px;border-radius:4px;font-size:14px;z-index:9999;animation:fadeInOut-f6d50139 1.5s ease-in-out}@keyframes fadeInOut-f6d50139{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.tabbar-demo[data-v-e7be79d1]{width:100%;padding:15px;background:#fff}.demo-section[data-v-e7be79d1]{margin-bottom:24px}.demo-title[data-v-e7be79d1]{font-size:12px;color:#969799;margin-bottom:12px}.demo-item[data-v-e7be79d1]{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.tabs-demo[data-v-2476cd08]{padding:0;margin:0;width:100%}.demo-section[data-v-2476cd08]{margin-bottom:24px;background:#fff}.demo-title[data-v-2476cd08]{font-size:14px;color:#969799;padding:16px;font-weight:500;background:#fafafa}.tab-content[data-v-2476cd08]{padding:12px 0;text-align:center;color:#323233;font-size:14px}.swipe-content[data-v-2476cd08]{padding:60px 20px;text-align:center;border-radius:8px;margin:10px 0}.toast[data-v-2476cd08]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;z-index:9999;animation:fadeInOut-2476cd08 2s ease-in-out}@keyframes fadeInOut-2476cd08{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.demo-page[data-v-448077e9]{padding:16px 16px 80px}.demo-header[data-v-448077e9]{margin-bottom:24px}.demo-title[data-v-448077e9]{font-size:24px;font-weight:500;color:#323233;margin:0 0 8px}.demo-desc[data-v-448077e9]{font-size:14px;color:#969799;margin:0}.demo-section[data-v-448077e9]{margin-bottom:24px}.section-title[data-v-448077e9]{font-size:16px;font-weight:500;color:#323233;margin:0 0 12px}.demo-item[data-v-448077e9]{padding:12px;border-radius:8px;display:flex;gap:8px;flex-wrap:wrap;position:relative;min-height:100px}.demo-item.grid[data-v-448077e9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.demo-btn[data-v-448077e9]{padding:8px 16px;background:#1989fa;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s;flex:1;min-width:100px}.demo-btn[data-v-448077e9]:hover{background:#0c7ce5}.demo-btn[data-v-448077e9]:active{background:#0a6dd1}.demo-btn.success[data-v-448077e9]{background:#07c160}.demo-btn.success[data-v-448077e9]:hover{background:#06ad56}.demo-btn.danger[data-v-448077e9]{background:#ee0a24}.demo-btn.danger[data-v-448077e9]:hover{background:#d90820}.swiper-demo[data-v-6c36abae]{width:100%;padding:15px}.demo-section[data-v-6c36abae]{margin-bottom:24px}.demo-title[data-v-6c36abae]{font-size:12px;color:#969799;margin-bottom:12px}.demo-desc[data-v-6c36abae]{font-size:12px;color:#969799;margin-top:8px}.datetimepicker-demo[data-v-5e8d4353]{width:100%;padding:15px}.demo-section[data-v-5e8d4353]{margin-bottom:16px}.demo-section[data-v-5e8d4353]:last-child{margin-bottom:0}.demo-title[data-v-5e8d4353]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-5e8d4353]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-5e8d4353]{display:grid;gap:12px}.demo-card--grid[data-v-5e8d4353]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-field[data-v-5e8d4353]{display:grid;gap:8px}.demo-label[data-v-5e8d4353]{font-size:12px;color:#646566}.demo-hint[data-v-5e8d4353]{font-size:12px;color:#969799;line-height:1.6}.dropdown-demo[data-v-2f6af2d3]{padding:0;margin:0}.demo-section[data-v-2f6af2d3]{margin-bottom:24px;background:#fff}.demo-title[data-v-2f6af2d3]{font-size:14px;color:#969799;padding:16px;font-weight:500;background:#fafafa}.demo-content[data-v-2f6af2d3]{padding:16px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.dropdown-link[data-v-2f6af2d3]{cursor:pointer;color:#409eff;display:inline-flex;align-items:center;font-size:14px}.dropdown-icon[data-v-2f6af2d3]{font-size:10px;margin-left:4px;transition:transform .3s}.toast[data-v-2f6af2d3]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;z-index:9999}.drawer-demo[data-v-e6a3d908]{width:100%;padding:15px}.demo-section[data-v-e6a3d908]{margin-bottom:24px;background:#fff;border-radius:8px;padding:16px}.demo-title[data-v-e6a3d908]{font-size:14px;color:#323233;font-weight:500;margin-bottom:16px}.button-group[data-v-e6a3d908]{display:flex;flex-wrap:wrap;gap:8px}.drawer-content[data-v-e6a3d908]{padding:16px;line-height:1.8;color:#323233}.drawer-content p[data-v-e6a3d908]{margin:0 0 12px}.table-demo[data-v-bec3135d]{width:100%;padding:15px}.demo-section[data-v-bec3135d]{margin-bottom:24px;background:#fff;border-radius:8px;padding:16px;overflow-x:auto}.demo-title[data-v-bec3135d]{font-size:14px;color:#323233;font-weight:500;margin-bottom:16px}.demo-tip[data-v-bec3135d]{margin-top:12px;font-size:12px;color:#969799}[data-v-bec3135d] .table-actions{display:flex;gap:12px}[data-v-bec3135d] .action-link{color:#1989fa;text-decoration:none;font-size:13px}[data-v-bec3135d] .action-link:hover{opacity:.8}[data-v-bec3135d] .action-delete{color:#ee0a24}.tree-demo[data-v-bba34fed]{width:100%;padding:15px}.demo-section[data-v-bba34fed]{margin-bottom:24px;background:#fff;border-radius:8px;padding:16px}.demo-title[data-v-bba34fed]{font-size:14px;color:#323233;font-weight:500;margin-bottom:16px}.demo-tip[data-v-bba34fed]{margin-top:12px;font-size:12px;color:#969799}.demo-section[data-v-bba34fed] .xui-tree{background:#f7f8fa;border-radius:8px;padding:8px}.menu-demo[data-v-2122051b]{width:100%;min-height:100%;background:#f7f8fa}.demo-section[data-v-2122051b]{margin-bottom:12px;background:#fff;border-radius:12px;padding:14px}.demo-title[data-v-2122051b]{font-size:14px;color:#323233;font-weight:600;margin-bottom:12px}.demo-section--flat[data-v-2122051b]{padding:0;overflow:hidden}.mobile-header[data-v-2122051b]{display:flex;align-items:center;height:44px;padding:0 12px;background:#fff;border-bottom:1px solid #ebedf0}.hamburger[data-v-2122051b]{width:28px;height:28px;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.hamburger span[data-v-2122051b]{display:block;width:18px;height:2px;background:#323233;border-radius:2px}.header-title[data-v-2122051b]{flex:1;text-align:center;font-size:16px;font-weight:600;color:#323233}.header-right[data-v-2122051b]{width:28px}.page-body[data-v-2122051b]{padding:12px}.page-hero[data-v-2122051b]{border-radius:12px;background:linear-gradient(135deg,rgba(var(--xui-primary-rgb),.14),rgba(var(--xui-primary-rgb),.06));border:1px solid rgba(var(--xui-primary-rgb),.18);padding:12px;margin-bottom:12px}.page-hero__title[data-v-2122051b]{font-size:16px;font-weight:700;color:#323233;margin-bottom:6px}.page-hero__desc[data-v-2122051b]{font-size:12px;color:#646566;line-height:1.6}.page-card[data-v-2122051b]{border-radius:12px;background:#fff;border:1px solid #ebedf0;padding:12px;margin-bottom:12px}.page-card__title[data-v-2122051b]{font-size:12px;color:#969799;margin-bottom:6px}.page-card__value[data-v-2122051b]{font-size:14px;color:#323233;font-weight:600}.shortcut-grid[data-v-2122051b]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.shortcut-item[data-v-2122051b]{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #ebedf0;border-radius:12px;padding:10px 8px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.shortcut-item[data-v-2122051b]:active{background:#f7f8fa}.shortcut-item .xui-icon[data-v-2122051b]{font-size:18px;color:var(--xui-primary)}.shortcut-text[data-v-2122051b]{font-size:12px;color:#323233;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.feed[data-v-2122051b]{border:1px solid #ebedf0;background:#fff;border-radius:12px;overflow:hidden}.feed-title[data-v-2122051b]{padding:10px 12px;font-size:13px;font-weight:600;color:#323233;border-bottom:1px solid #f2f3f5;background:#fafafa}.feed-item[data-v-2122051b]{padding:12px;border-bottom:1px solid #f2f3f5}.feed-item[data-v-2122051b]:last-child{border-bottom:none}.feed-item__title[data-v-2122051b]{font-size:13px;font-weight:600;color:#323233;margin-bottom:4px}.feed-item__desc[data-v-2122051b]{font-size:12px;color:#646566;line-height:1.5}.menu-demo[data-v-2122051b] .menu-drawer .xui-drawer__body{padding:0}.menu-demo[data-v-2122051b] .menu-drawer.xui-drawer--left .xui-drawer__container{border-radius:0 18px 18px 0;overflow:hidden;max-width:320px}.menu-drawer-content[data-v-2122051b]{min-height:100%;display:flex;flex-direction:column}.menu-drawer-user[data-v-2122051b]{display:flex;align-items:center;gap:12px;padding:16px 14px;background:linear-gradient(135deg,rgba(var(--xui-primary-rgb),.18),rgba(var(--xui-primary-rgb),.06));border-bottom:1px solid rgba(var(--xui-primary-rgb),.12)}.menu-drawer-avatar[data-v-2122051b]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:var(--xui-primary);flex-shrink:0}.menu-drawer-userinfo[data-v-2122051b]{min-width:0}.menu-drawer-username[data-v-2122051b]{font-size:15px;font-weight:700;color:#323233;line-height:1.2}.menu-drawer-subtitle[data-v-2122051b]{margin-top:4px;font-size:12px;color:#646566;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-drawer-quick[data-v-2122051b]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 14px;border-bottom:1px solid #f2f3f5}.menu-drawer-quick-item[data-v-2122051b]{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ebedf0;border-radius:12px;background:#fff;color:#323233;cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:13px;font-weight:600}.menu-drawer-quick-item[data-v-2122051b]:active{background:#f7f8fa}.menu-drawer-quick-item .xui-icon[data-v-2122051b]{color:var(--xui-primary);font-size:16px}.menu-drawer-divider[data-v-2122051b]{height:10px;background:#f7f8fa;border-bottom:1px solid #f2f3f5}.menu-drawer-menu[data-v-2122051b]{flex:1}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-title{padding:16px 16px 10px;font-size:18px;font-weight:800;color:#323233;background:#fff}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-title:hover{color:#323233;background:#fff}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-arrow{display:none}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-title .xui-menu__icon{font-size:20px}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content{background:#f7f8fa}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content .xui-menu__item{padding:14px 16px}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content .xui-menu__item:hover{background:#eef2f6}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content .xui-menu__item--active{background:#e6f2ff}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content .xui-menu__item--active:before{display:none}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content .xui-menu__item .xui-menu__title{font-size:16px;font-weight:600}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content .xui-menu__item .xui-menu__icon{display:none}.menu-demo[data-v-2122051b] .menu-drawer-menu--grouped .xui-menu__submenu-content .xui-menu__item{padding-left:16px}.menu-drawer-footer[data-v-2122051b]{padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid #f2f3f5;display:flex;flex-direction:column;gap:10px;background:#fff}.menu-drawer-footer-text[data-v-2122051b]{font-size:12px;color:#969799}.menu-drawer-footer-btn[data-v-2122051b]{height:40px;border-radius:12px;border:1px solid #ebedf0;background:#fff;color:#323233;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-drawer-footer-btn[data-v-2122051b]:active{background:#f7f8fa}.menu-demo[data-v-2122051b] .menu-drawer--dark .xui-drawer__container,.menu-demo[data-v-2122051b] .menu-drawer--dark .xui-drawer__body{background:#001529}.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-user{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-bottom-color:#ffffff14}.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-username{color:#ffffffeb}.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-subtitle{color:#ffffff9e}.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-divider{background:#ffffff0a;border-bottom-color:#ffffff14}.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-quick-item,.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-footer,.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-footer-btn{background:#ffffff0a;border-color:#ffffff14;color:#ffffffdb}.menu-demo[data-v-2122051b] .menu-drawer--dark .menu-drawer-footer-text{color:#ffffff8c}.icon-demo[data-v-d75d97ff]{width:100%;padding:15px}.demo-section[data-v-d75d97ff]{margin-bottom:20px}.demo-title[data-v-d75d97ff]{font-size:12px;color:#969799;margin-bottom:12px}.icon-row[data-v-d75d97ff]{display:flex;align-items:center;gap:20px}.icon-row .xui-icon[data-v-d75d97ff]{font-size:24px}.size-row[data-v-d75d97ff]{align-items:flex-end}.icon-grid[data-v-d75d97ff]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.icon-item[data-v-d75d97ff]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 4px;background:#f7f8fa;border-radius:4px;cursor:pointer;transition:all .2s}.icon-item[data-v-d75d97ff]:active{background:#e8e8e8}.icon-item i[data-v-d75d97ff]{font-size:22px}.icon-item span[data-v-d75d97ff]{font-size:10px;color:#969799;text-align:center;word-break:break-all}.copy-tip[data-v-d75d97ff]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 20px;background:#000000b3;color:#fff;border-radius:4px;font-size:14px;z-index:9999}.pagination-demo[data-v-07da859e]{width:100%;padding:15px;background:#fff}.demo-section[data-v-07da859e]{margin-bottom:32px}.demo-title[data-v-07da859e]{font-size:12px;color:#969799;margin-bottom:16px}.demo-hint[data-v-07da859e]{margin-top:12px;font-size:12px;color:#969799}.tooltip-demo[data-v-c03a9aa8]{width:100%;padding:15px}.demo-section[data-v-c03a9aa8]{width:100%;margin-bottom:20px}.demo-title[data-v-c03a9aa8]{font-size:13px;color:#323233;font-weight:500;margin-bottom:10px}.demo-row[data-v-c03a9aa8]{display:flex;flex-wrap:wrap;gap:12px}.popover-demo[data-v-781328b3]{width:100%;padding:15px}.demo-section[data-v-781328b3]{width:100%;margin-bottom:20px}.demo-title[data-v-781328b3]{font-size:13px;color:#323233;font-weight:500;margin-bottom:10px}.demo-row[data-v-781328b3]{display:flex;flex-wrap:wrap;gap:12px}.virtual-list-demo[data-v-d0fd700e]{width:100%;padding:15px}.demo-section[data-v-d0fd700e]{width:100%;margin-bottom:20px;background:#fff;border:1px solid #ebedf0;border-radius:12px;padding:12px}.demo-title[data-v-d0fd700e]{font-size:12px;color:#969799;margin-bottom:10px}.demo-tip[data-v-d0fd700e]{margin-top:12px;font-size:12px;color:#969799;line-height:1.6}.demo-section[data-v-d0fd700e] .xui-virtual-list{border-color:#ebedf0;border-radius:12px}.demo-section[data-v-d0fd700e] .xui-virtual-list__item{padding:0 12px}.demo-section[data-v-d0fd700e] .vitem{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.demo-section[data-v-d0fd700e] .vitem__left{display:flex;align-items:center;gap:10px;min-width:0}.demo-section[data-v-d0fd700e] .vitem__index{min-width:40px;font-size:12px;color:#909399}.demo-section[data-v-d0fd700e] .vitem__title{font-size:14px;color:#323233;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-section[data-v-d0fd700e] .vtag{font-size:12px;color:#646566;background:#f2f3f5;padding:2px 8px;border-radius:999px;flex-shrink:0}.demo-section[data-v-d0fd700e] .vcomment{padding:12px 2px}.demo-section[data-v-d0fd700e] .vcomment__top{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.demo-section[data-v-d0fd700e] .vcomment__user{font-size:13px;font-weight:600;color:#323233}.demo-section[data-v-d0fd700e] .vcomment__time{font-size:12px;color:#969799;flex-shrink:0}.demo-section[data-v-d0fd700e] .vcomment__content{font-size:13px;color:#646566;line-height:1.6;word-break:break-word}.demo-section[data-v-d0fd700e] .vorder{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.demo-section[data-v-d0fd700e] .vorder__left{min-width:0}.demo-section[data-v-d0fd700e] .vorder__name{font-size:14px;font-weight:600;color:#323233;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-section[data-v-d0fd700e] .vorder__meta{margin-top:6px;font-size:12px;color:#969799;display:flex;align-items:center;gap:6px}.demo-section[data-v-d0fd700e] .vorder__actions{display:flex;gap:8px;flex-shrink:0}.demo-section[data-v-d0fd700e] .vbtn{height:28px;padding:0 10px;border-radius:8px;border:1px solid #dcdfe6;background:#fff;color:#323233;font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.demo-section[data-v-d0fd700e] .vbtn--primary{background:#409eff;border-color:#409eff;color:#fff}.editor-demo[data-v-c40678b3]{width:100%;padding:15px}.demo-section[data-v-c40678b3]{width:100%;margin-bottom:16px}.demo-section[data-v-c40678b3]:last-child{margin-bottom:0}.demo-title[data-v-c40678b3]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-c40678b3]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-c40678b3]{display:grid;gap:12px}.output-section[data-v-c40678b3]{padding:12px;background:#f5f7fa;border-radius:10px}.output-label[data-v-c40678b3]{font-size:12px;color:#646566;margin-bottom:8px}.output-content[data-v-c40678b3]{font-size:12px;color:#323233;word-break:break-all;max-height:100px;overflow-y:auto}.demo-hint[data-v-c40678b3]{font-size:12px;color:#969799;line-height:1.6}.signature-demo[data-v-20fe1c28]{width:100%;padding:15px}.demo-section[data-v-20fe1c28]{width:100%;margin-bottom:16px}.demo-section[data-v-20fe1c28]:last-child{margin-bottom:0}.demo-title[data-v-20fe1c28]{font-size:12px;color:#969799;margin-bottom:12px}.demo-card[data-v-20fe1c28]{padding:12px;background:#fff;border:1px solid #ebedf0;border-radius:12px}.demo-card--stack[data-v-20fe1c28]{display:grid;gap:12px}.preview-section[data-v-20fe1c28]{padding:12px;background:#f5f7fa;border-radius:10px}.preview-label[data-v-20fe1c28]{font-size:12px;color:#646566;margin-bottom:8px}.preview-image[data-v-20fe1c28]{max-width:100%;max-height:150px;border:1px solid #dcdfe6;border-radius:10px}.sig-item[data-v-20fe1c28]{width:100%}.sig-label[data-v-20fe1c28]{font-size:12px;color:#646566;margin-bottom:8px}.demo-hint[data-v-20fe1c28]{font-size:12px;color:#969799;line-height:1.6}.default-demo[data-v-c095a0eb]{width:100%;padding:40px;text-align:center}.default-demo p[data-v-c095a0eb]{color:#999}.xui-demo[data-v-b31f905c],.dynamic-demo[data-v-68de03c7],.demo-content[data-v-68de03c7]{width:100%}.demo-error[data-v-68de03c7]{color:#f56c6c;padding:20px;text-align:center}.dynamic-demo[data-v-68de03c7] .button-row,.dynamic-demo[data-v-68de03c7] .demo-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.dynamic-demo[data-v-68de03c7] .button-col,.dynamic-demo[data-v-68de03c7] .demo-col{display:flex;flex-direction:column;gap:12px}.no-demo[data-v-88c0176c]{padding:20px;color:#909399;text-align:center}.pc-demo-block[data-v-d7a8070c]{margin-bottom:32px}.pc-demo-title[data-v-d7a8070c]{font-size:16px;font-weight:600;color:#1f2329;margin:0 0 8px;display:flex;align-items:center}.pc-demo-title[data-v-d7a8070c]:before{content:"";display:inline-block;width:4px;height:16px;background:var(--xui-primary);border-radius:2px;margin-right:10px}.pc-demo-desc[data-v-d7a8070c]{font-size:14px;color:#86909c;margin:0 0 16px;line-height:1.6;padding-left:14px}.pc-demo-container[data-v-d7a8070c]{border:1px solid #e4e7ed;border-radius:8px;overflow:visible;box-shadow:0 2px 12px #0000000a}.pc-demo-preview[data-v-d7a8070c]{padding:24px;background:#fff;min-height:60px;transform:translateZ(0);position:relative}.pc-demo-preview[data-v-d7a8070c] .xui-demo{padding:0!important;margin:0;min-height:auto!important;height:auto!important;display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.pc-demo-preview[data-v-d7a8070c] [class$=-demo]{padding:0!important;margin:0;width:100%;min-height:auto!important;height:auto!important;background:transparent!important}.pc-demo-preview[data-v-d7a8070c] .demo-section{margin-bottom:0!important;padding:0!important;background:transparent!important;border-radius:0!important;width:100%}.pc-demo-preview[data-v-d7a8070c] .demo-section h3,.pc-demo-preview[data-v-d7a8070c] .demo-title,.pc-demo-preview[data-v-d7a8070c] .demo-desc{display:none!important}.pc-demo-footer[data-v-d7a8070c]{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-top:1px solid #ebeef5;background:#fafbfc;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.pc-demo-footer[data-v-d7a8070c]:hover{background:rgba(var(--xui-primary-rgb),.08);color:var(--xui-primary)}.pc-demo-footer-text[data-v-d7a8070c]{font-size:13px;color:#909399;transition:color .2s}.pc-demo-footer:hover .pc-demo-footer-text[data-v-d7a8070c]{color:var(--xui-primary)}.pc-demo-arrow[data-v-d7a8070c]{color:#909399;transition:all .3s}.pc-demo-footer:hover .pc-demo-arrow[data-v-d7a8070c]{color:var(--xui-primary)}.pc-demo-arrow.is-active[data-v-d7a8070c]{transform:rotate(180deg)}.pc-demo-code[data-v-d7a8070c]{border-top:1px solid #ebeef5}.pc-demo-code[data-v-d7a8070c] .x-code{margin:0;border:none;border-radius:0}.pc-demo-code[data-v-d7a8070c] .x-code-header{border-radius:0}.pc-demo-code[data-v-d7a8070c] pre{max-height:400px}[data-theme=dark]{border-color:#2d2d2d;box-shadow:0 2px 12px #0003}[data-theme=dark]{border-top-color:#2d2d2d;background:#1a1a1a}.xui-components[data-v-d6734b50]{display:flex;height:100%;overflow:hidden}.xui-components--mobile[data-v-d6734b50]{display:block}.xui-mobile-app[data-v-d6734b50]{height:100%;display:flex;flex-direction:column;background:#f7f8fa}.xui-mobile-header[data-v-d6734b50]{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 6px;background:#fff;border-bottom:1px solid #ebedf0}.xui-mobile-menu-btn[data-v-d6734b50]{width:36px;height:36px;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.xui-mobile-menu-btn span[data-v-d6734b50]{display:block;width:18px;height:2px;background:#323233;border-radius:2px}.xui-mobile-title[data-v-d6734b50]{flex:1;text-align:center;font-size:16px;font-weight:600;color:#323233;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xui-mobile-right[data-v-d6734b50]{width:36px;height:36px}.xui-mobile-content[data-v-d6734b50]{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.xui-components[data-v-d6734b50] .xui-mobile-nav-drawer .xui-drawer__body{padding:0}.xui-components[data-v-d6734b50] .xui-mobile-nav-drawer .xui-drawer__container{border-radius:0 16px 16px 0;overflow:hidden;max-width:320px}.xui-mobile-nav[data-v-d6734b50]{min-height:100%;display:flex;flex-direction:column;background:#fff}.xui-mobile-nav-top[data-v-d6734b50]{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 12px;border-bottom:1px solid #f2f3f5}.xui-mobile-nav-brand[data-v-d6734b50]{font-size:18px;font-weight:800;color:var(--xui-primary);letter-spacing:.5px}.xui-mobile-nav-close[data-v-d6734b50]{width:36px;height:36px;border:none;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.xui-mobile-nav-close span[data-v-d6734b50]{position:absolute;width:18px;height:2px;background:#323233;border-radius:2px}.xui-mobile-nav-close span[data-v-d6734b50]:first-child{transform:rotate(45deg)}.xui-mobile-nav-close span[data-v-d6734b50]:last-child{transform:rotate(-45deg)}.xui-mobile-nav-divider[data-v-d6734b50]{height:10px;background:#f7f8fa;border-bottom:1px solid #f2f3f5}.xui-mobile-nav-menu[data-v-d6734b50]{flex:1}.xui-mobile-nav-menu[data-v-d6734b50] .xui-menu{background:transparent}.xui-mobile-nav-menu[data-v-d6734b50] .xui-menu__submenu-title{padding:12px 14px;font-size:12px;font-weight:700;color:#969799;letter-spacing:.4px;text-transform:uppercase}.xui-mobile-nav-menu[data-v-d6734b50] .xui-menu__submenu-arrow{display:none}.xui-mobile-nav-menu[data-v-d6734b50] .xui-menu__submenu-content{background:#f7f8fa;border-radius:12px;margin:0 12px 12px;padding:4px 0}.xui-mobile-nav-menu[data-v-d6734b50] .xui-menu__submenu-content .xui-menu__item{padding:12px 14px}.xui-mobile-nav-menu[data-v-d6734b50] .xui-menu__item--active{background:rgba(var(--xui-primary-rgb),.12)}.xui-mobile-nav-footer[data-v-d6734b50]{padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid #f2f3f5}.xui-mobile-nav-footer-text[data-v-d6734b50]{font-size:12px;color:#969799}.xui-platform-switcher[data-v-d6734b50]{padding:20px 16px;border-bottom:1px solid #ebedf0;background:linear-gradient(180deg,#f8fafc,#fff)}.xui-platform-tabs[data-v-d6734b50]{display:flex;position:relative;background:#f0f2f5;border-radius:10px;padding:4px}.platform-tab[data-v-d6734b50]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;background:transparent;color:#8c8c8c;font-size:13px;font-weight:500;cursor:pointer;transition:color .3s ease;border-radius:8px;outline:none;position:relative;z-index:2}.platform-tab[data-v-d6734b50]:hover{color:#595959}.platform-tab.active[data-v-d6734b50]{color:#1890ff}.platform-tab.disabled[data-v-d6734b50]{color:#c0c4cc;cursor:not-allowed;opacity:.6}.platform-tab.disabled[data-v-d6734b50]:hover{color:#c0c4cc}.platform-indicator[data-v-d6734b50]{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.platform-indicator.is-pc[data-v-d6734b50]{transform:translate(100%)}.xui-sidebar[data-v-d6734b50]{width:240px;background:#fff;border-right:1px solid #dcdfe6;flex-shrink:0;height:100%;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000a}.xui-sidebar-content[data-v-d6734b50]{flex:1;overflow-y:auto;padding:12px 0}.xui-menu-group[data-v-d6734b50]{margin-bottom:12px}.xui-menu-title[data-v-d6734b50]{padding:10px 20px;font-size:13px;color:#909399;font-weight:600;letter-spacing:.5px}.xui-menu-item[data-v-d6734b50]{display:block;padding:10px 20px 10px 32px;color:#606266;text-decoration:none;cursor:pointer;font-size:14px;transition:all .3s;position:relative}.xui-menu-item[data-v-d6734b50]:hover{color:var(--xui-primary);background:#f5f7fa}.xui-menu-item.active[data-v-d6734b50]{color:var(--xui-primary);background:rgba(var(--xui-primary-rgb),.1);font-weight:500}.xui-menu-item.active[data-v-d6734b50]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--xui-primary)}.xui-main[data-v-d6734b50]{flex:1;display:flex;overflow:hidden}.xui-doc[data-v-d6734b50]{flex:1;overflow-y:auto;background:#fff}.xui-doc-content[data-v-d6734b50]{padding:32px 40px;max-width:900px}.xui-doc--pc .xui-doc-content[data-v-d6734b50]{max-width:1100px;padding:32px 48px}.xui-doc-header[data-v-d6734b50]{margin-bottom:32px}.xui-doc-header h1[data-v-d6734b50]{font-size:28px;font-weight:600;color:#1f2329;margin:0 0 8px;letter-spacing:-.5px}.xui-doc-desc[data-v-d6734b50]{color:#86909c;font-size:14px;margin:0;line-height:1.5}.xui-api-section[data-v-d6734b50]{margin-top:56px;padding-top:32px;border-top:1px solid #f0f0f0}.xui-api-section h2[data-v-d6734b50]{font-size:22px;font-weight:600;color:#1f2329;margin-bottom:24px;display:flex;align-items:center}.xui-api-section h2[data-v-d6734b50]:before{content:"";display:inline-block;width:6px;height:22px;background:linear-gradient(180deg,#1890ff,#69c0ff);border-radius:3px;margin-right:12px}.xui-api-section h3[data-v-d6734b50]{font-size:16px;font-weight:600;color:#1f2329;margin:28px 0 16px;padding-left:12px;border-left:3px solid #91d5ff}.xui-api-table[data-v-d6734b50]{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;margin-bottom:24px;border-radius:8px;overflow:hidden;border:1px solid #e4e7ed;table-layout:fixed}.xui-api-table th[data-v-d6734b50],.xui-api-table td[data-v-d6734b50]{padding:14px 16px;text-align:left;border-bottom:1px solid #ebeef5;word-break:break-word;vertical-align:top}.xui-api-table th[data-v-d6734b50]:nth-child(1),.xui-api-table td[data-v-d6734b50]:nth-child(1){width:18%;min-width:120px}.xui-api-table th[data-v-d6734b50]:nth-child(2),.xui-api-table td[data-v-d6734b50]:nth-child(2){width:34%}.xui-api-table th[data-v-d6734b50]:nth-child(3),.xui-api-table td[data-v-d6734b50]:nth-child(3){width:18%;min-width:100px}.xui-api-table th[data-v-d6734b50]:nth-child(4),.xui-api-table td[data-v-d6734b50]:nth-child(4){width:12%;min-width:90px}.xui-api-table th[data-v-d6734b50]:nth-child(5),.xui-api-table td[data-v-d6734b50]:nth-child(5){width:18%;min-width:120px}.xui-api-table th[data-v-d6734b50]{background:linear-gradient(180deg,#fafbfc,#f5f7fa);font-weight:600;color:#1f2329;font-size:13px;white-space:nowrap}.xui-api-table tbody tr:last-child td[data-v-d6734b50]{border-bottom:none}.xui-api-table tbody tr[data-v-d6734b50]:hover{background:#fafbfc}.xui-api-table td[data-v-d6734b50]{color:#5e6d82;line-height:1.6}.xui-api-table td[data-v-d6734b50]:first-child{font-weight:500}.xui-api-table code[data-v-d6734b50]{padding:3px 8px;background:rgba(var(--xui-primary-rgb),.08);border-radius:4px;font-size:12px;color:var(--xui-primary);font-family:SF Mono,Monaco,Consolas,monospace;word-break:break-all}.empty-state[data-v-d6734b50]{text-align:center;padding:60px 20px;color:#969799}.empty-state h2[data-v-d6734b50]{color:#323233;margin-bottom:12px}.xui-preview[data-v-d6734b50]{width:400px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;background:#f5f7fa;border-left:1px solid #ebedf0}@media (max-width: 1400px){.xui-preview[data-v-d6734b50]{width:350px}}@media (max-width: 1200px){.xui-preview[data-v-d6734b50]{display:none}}.xui-sidebar-content[data-v-d6734b50]::-webkit-scrollbar,.xui-doc[data-v-d6734b50]::-webkit-scrollbar{width:8px}.xui-sidebar-content[data-v-d6734b50]::-webkit-scrollbar-track,.xui-doc[data-v-d6734b50]::-webkit-scrollbar-track{background:#f5f7fa;border-radius:4px}.xui-sidebar-content[data-v-d6734b50]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:4px}.xui-sidebar-content[data-v-d6734b50]::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.xui-doc[data-v-d6734b50]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:4px}.xui-doc[data-v-d6734b50]::-webkit-scrollbar-thumb:hover{background:#c0c4cc}[data-theme=dark]{background:linear-gradient(180deg,#1a1a1a,#141414);border-bottom-color:#2d2d2d}[data-theme=dark]{background:#262626}[data-theme=dark]{color:var(--xui-primary)}[data-theme=dark]{background:#3d3d3d;box-shadow:0 2px 8px #0000004d}[data-theme=dark]{color:var(--xui-primary);background:#1f1f1f}[data-theme=dark]{color:var(--xui-primary);background:rgba(var(--xui-primary-rgb),.15)}[data-theme=dark]{color:#8b8d91}[data-theme=dark]{border-color:#2d2d2d}[data-theme=dark]{background:linear-gradient(180deg,#1a1a1a,#141414);color:#e5eaf3}[data-theme=dark]{background:rgba(var(--xui-primary-rgb),.12)}[data-theme=dark]{background:#1a1a1a;border-left-color:#2d2d2d}.xui-doc-header{margin-bottom:32px}.xui-doc-header h1{font-size:28px;font-weight:600;color:#1f2329;margin:0 0 8px}.xui-doc-desc{color:#86909c;font-size:14px;margin:0;line-height:1.5}.xui-doc-card{margin-bottom:32px;border:1px solid #ebeef5;border-radius:8px;overflow:hidden}.xui-doc-card__title{padding:12px 20px;background:#fafbfc;border-bottom:1px solid #ebeef5;font-size:14px;font-weight:500;color:#1f2329}.xui-doc-card__content{padding:24px}.code-tabs{display:flex;border-bottom:1px solid #ebeef5;background:#fafbfc}.code-tab{padding:10px 20px;font-size:13px;color:#606266;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.code-tab:hover{color:#409eff}.code-tab.active{color:#409eff;border-bottom-color:#409eff;background:#fff}.code-block{background:#1e1e1e;overflow-x:auto}.code-block pre{margin:0;padding:16px 20px}.code-block code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;color:#d4d4d4}.xui-api-section{margin-top:40px;padding-top:32px;border-top:1px solid #ebeef5}.xui-api-section h2{font-size:22px;font-weight:600;color:#1f2329;margin-bottom:24px}.xui-api-section h2:before{content:"";display:inline-block;width:4px;height:20px;background:#409eff;border-radius:2px;margin-right:12px;vertical-align:middle}.xui-api-section h3{font-size:16px;font-weight:600;color:#1f2329;margin:24px 0 16px;padding-left:12px;border-left:3px solid #91d5ff}.xui-api-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid #ebeef5;border-radius:8px}.xui-api-table th,.xui-api-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #ebeef5}.xui-api-table th{background:#fafbfc;font-weight:600;color:#1f2329}.xui-api-table tr:last-child td{border-bottom:none}.xui-api-table code{padding:2px 8px;background:#f0f5ff;border-radius:4px;font-size:12px;color:#1890ff}.demo-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.demo-row:last-child{margin-bottom:0}.demo-label{flex-shrink:0;color:#606266;font-size:14px}.demo-btn{padding:8px 16px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;font-size:14px;cursor:pointer;transition:all .3s}.demo-btn:hover{border-color:#409eff;color:#409eff}.demo-btn-primary{background:#409eff;border-color:#409eff;color:#fff}.demo-btn-primary:hover{background:#66b1ff;border-color:#66b1ff}.demo-input{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;min-width:200px}.demo-input:focus{outline:none;border-color:#409eff}.demo-input-full{width:100%}.demo-value{color:#409eff;font-size:14px}.demo-hint{text-align:center;color:#909399;margin-bottom:16px;font-size:14px}.demo-tip{color:#909399;font-size:13px;margin-top:12px}[data-theme=dark] .xui-doc-header h1{color:#e5eaf3}[data-theme=dark] .xui-doc-desc{color:#6b6e73}[data-theme=dark] .xui-doc-card{border-color:#2d2d2d}[data-theme=dark] .xui-doc-card__title{background:#1a1a1a;border-bottom-color:#2d2d2d;color:#e5eaf3}[data-theme=dark] .code-tabs{border-bottom-color:#2d2d2d;background:#1a1a1a}[data-theme=dark] .code-tab{color:#a3a6ad}[data-theme=dark] .code-tab:hover{color:#409eff}[data-theme=dark] .code-tab.active{color:#409eff;background:#0a0a0a}[data-theme=dark] .xui-api-section{border-top-color:#2d2d2d}[data-theme=dark] .xui-api-section h2,[data-theme=dark] .xui-api-section h3{color:#e5eaf3}[data-theme=dark] .xui-api-table{border-color:#2d2d2d}[data-theme=dark] .xui-api-table th{background:#1a1a1a;color:#e5eaf3}[data-theme=dark] .xui-api-table th,[data-theme=dark] .xui-api-table td{border-bottom-color:#2d2d2d}[data-theme=dark] .xui-api-table code{background:#409eff26}[data-theme=dark] .demo-label{color:#a3a6ad}[data-theme=dark] .demo-btn{border-color:#2d2d2d;background:#1a1a1a;color:#a3a6ad}[data-theme=dark] .demo-btn:hover{border-color:#409eff;color:#409eff}[data-theme=dark] .demo-input{border-color:#2d2d2d;background:#1a1a1a;color:#e5eaf3}[data-theme=dark] .demo-input:focus{border-color:#409eff}[data-theme=dark] .demo-hint,[data-theme=dark] .demo-tip{color:#6b6e73}.xui-tools[data-v-fe8440d3]{display:flex;flex-direction:column;height:100%;overflow:hidden}.xui-tools-body[data-v-fe8440d3]{flex:1;min-height:0;display:flex;overflow:hidden}.xui-mobile-header[data-v-fe8440d3]{display:none;position:sticky;top:0;z-index:10;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 6px;background:#fff;border-bottom:1px solid #ebedf0}.xui-mobile-menu-btn[data-v-fe8440d3]{width:36px;height:36px;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.xui-mobile-menu-btn span[data-v-fe8440d3]{display:block;width:18px;height:2px;background:#323233;border-radius:2px}.xui-mobile-title[data-v-fe8440d3]{flex:1;text-align:center;font-size:16px;font-weight:600;color:#323233;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xui-mobile-right[data-v-fe8440d3]{width:36px;height:36px}.xui-sidebar[data-v-fe8440d3]{width:240px;background:#fff;border-right:1px solid #dcdfe6;flex-shrink:0;height:100%;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000a}.xui-sidebar-content[data-v-fe8440d3]{flex:1;overflow-y:auto;padding:12px 0}.xui-menu-group[data-v-fe8440d3]{margin-bottom:4px}.xui-menu-title[data-v-fe8440d3]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:13px;color:#1f2329;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;border-radius:4px;margin:0 8px}.xui-menu-title[data-v-fe8440d3]:hover{background:#f5f7fa}.xui-menu-arrow[data-v-fe8440d3]{font-size:12px;color:#909399;transition:transform .2s}.xui-menu-title.expanded .xui-menu-arrow[data-v-fe8440d3]{transform:rotate(90deg)}.xui-menu-items[data-v-fe8440d3]{overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease}.xui-menu-items.expanded[data-v-fe8440d3]{max-height:500px;opacity:1}.xui-menu-item[data-v-fe8440d3]{display:block;padding:9px 16px 9px 28px;color:#606266;text-decoration:none;cursor:pointer;font-size:14px;transition:all .2s;position:relative;margin:2px 8px;border-radius:4px}.xui-menu-item[data-v-fe8440d3]:hover{color:#409eff;background:#f5f7fa}.xui-menu-item.active[data-v-fe8440d3]{color:#409eff;background:#ecf5ff;font-weight:500}.xui-menu-item.active[data-v-fe8440d3]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#409eff;border-radius:0 2px 2px 0}.xui-main[data-v-fe8440d3]{flex:1;display:flex;overflow:hidden}.xui-doc[data-v-fe8440d3]{flex:1;overflow-y:auto;background:#fff}.xui-doc-content[data-v-fe8440d3]{padding:32px 48px;max-width:1000px;width:100%;margin:0 auto}.xui-tools[data-v-fe8440d3] .xui-mobile-nav-drawer .xui-drawer__body{padding:0}.xui-tools[data-v-fe8440d3] .xui-mobile-nav-drawer .xui-drawer__container{border-radius:0 16px 16px 0;overflow:hidden;max-width:320px}.xui-mobile-nav[data-v-fe8440d3]{min-height:100%;display:flex;flex-direction:column;background:#fff}.xui-mobile-nav-top[data-v-fe8440d3]{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 12px;border-bottom:1px solid #f2f3f5}.xui-mobile-nav-brand[data-v-fe8440d3]{font-size:18px;font-weight:800;color:var(--xui-primary);letter-spacing:.5px}.xui-mobile-nav-close[data-v-fe8440d3]{width:36px;height:36px;border:none;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.xui-mobile-nav-close span[data-v-fe8440d3]{position:absolute;width:18px;height:2px;background:#323233;border-radius:2px}.xui-mobile-nav-close span[data-v-fe8440d3]:first-child{transform:rotate(45deg)}.xui-mobile-nav-close span[data-v-fe8440d3]:last-child{transform:rotate(-45deg)}.xui-mobile-nav-divider[data-v-fe8440d3]{height:10px;background:#f7f8fa;border-bottom:1px solid #f2f3f5}.xui-mobile-nav-menu[data-v-fe8440d3]{flex:1}.xui-mobile-nav-menu[data-v-fe8440d3] .xui-menu{background:transparent}.xui-mobile-nav-menu[data-v-fe8440d3] .xui-menu__submenu-title{padding:12px 14px;font-size:12px;font-weight:700;color:#969799;letter-spacing:.4px;text-transform:uppercase}.xui-mobile-nav-menu[data-v-fe8440d3] .xui-menu__submenu-arrow{display:none}.xui-mobile-nav-menu[data-v-fe8440d3] .xui-menu__submenu-content{background:#f7f8fa;border-radius:12px;margin:0 12px 12px;padding:4px 0}.xui-mobile-nav-menu[data-v-fe8440d3] .xui-menu__submenu-content .xui-menu__item{padding:12px 14px}.xui-mobile-nav-menu[data-v-fe8440d3] .xui-menu__item--active{background:rgba(var(--xui-primary-rgb),.12)}.xui-mobile-nav-footer[data-v-fe8440d3]{padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid #f2f3f5}.xui-mobile-nav-footer-text[data-v-fe8440d3]{font-size:12px;color:#969799}.xui-sidebar-content[data-v-fe8440d3]::-webkit-scrollbar,.xui-doc[data-v-fe8440d3]::-webkit-scrollbar{width:8px}.xui-sidebar-content[data-v-fe8440d3]::-webkit-scrollbar-track,.xui-doc[data-v-fe8440d3]::-webkit-scrollbar-track{background:#f5f7fa}.xui-sidebar-content[data-v-fe8440d3]::-webkit-scrollbar-thumb,.xui-doc[data-v-fe8440d3]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:4px}.xui-sidebar-content[data-v-fe8440d3]::-webkit-scrollbar-thumb:hover,.xui-doc[data-v-fe8440d3]::-webkit-scrollbar-thumb:hover{background:#c0c4cc}@media (max-width: 768px){.xui-mobile-header[data-v-fe8440d3]{display:flex}.xui-sidebar[data-v-fe8440d3]{display:none}.xui-doc-content[data-v-fe8440d3]{padding:16px;max-width:none;margin:0}}[data-theme=dark]{background:#141414;border-bottom-color:#2d2d2d}[data-theme=dark]{background:#141414;border-right-color:#2d2d2d;box-shadow:2px 0 8px #0003}[data-theme=dark]{color:#e5eaf3}[data-theme=dark]{background:#1f1f1f}[data-theme=dark]{color:#a3a6ad}[data-theme=dark]{color:#409eff;background:#1f1f1f}[data-theme=dark]{color:#409eff;background:#409eff26}[data-theme=dark]{background:#0a0a0a}[data-theme=dark]{background:#141414}[data-theme=dark]{border-bottom-color:#2d2d2d}[data-theme=dark]{background:#a3a6ad}[data-theme=dark]{background:#0a0a0a;border-bottom-color:#2d2d2d}[data-theme=dark]{border-top-color:#2d2d2d}[data-theme=dark]{color:#6b6e73}[data-theme=dark]{background:#1a1a1a}[data-theme=dark]{background:#3d3d3d}[data-theme=dark]{background:#4d4d4d}.enhanced-code-demo[data-v-acfa5f56]{margin:16px 0;border:1px solid #ebedf0;border-radius:8px;overflow:hidden}.demo-preview[data-v-acfa5f56]{background:#fff;border-bottom:1px solid #ebedf0}.demo-preview__content[data-v-acfa5f56]{padding:24px}.demo-code[data-v-acfa5f56]{background:#fafafa}.code-block[data-v-acfa5f56]{padding:0}.code-block[data-v-acfa5f56] .code-box{margin:0;border:none;border-radius:0}.code-block[data-v-acfa5f56] .code-header{display:none}.code-block[data-v-acfa5f56] .code-content{background:#f8f8f8}.code-block[data-v-acfa5f56] .copy-btn{top:8px;right:8px}.demo-code[data-v-acfa5f56] .xui-collapse{border:none;border-radius:0}.demo-code[data-v-acfa5f56] .xui-collapse-item{border-bottom:1px solid #e4e7ed}.demo-code[data-v-acfa5f56] .xui-collapse-item:last-child{border-bottom:none}.demo-code[data-v-acfa5f56] .xui-collapse-item__header{background:#f5f7fa;padding:12px 16px}.demo-code[data-v-acfa5f56] .xui-collapse-item__header:hover{background:#ecf5ff}.demo-code[data-v-acfa5f56] .xui-collapse-item__content{background:#f8f8f8;padding:0}