[data-v-c5d1d14c]:root{--el-color-primary:#8a2be2}[data-v-c5d1d14c]:root,html.dark[data-v-c5d1d14c]{--el-bg-color:#0f0f13;--el-text-color-primary:#fff;--el-text-color-regular:#b0b0b0;--el-text-color-secondary:#a3a6ad;--el-bg-color-overlay:#1d1e1f;--el-border-color:#4c4d4f;--el-fill-color-blank:#0f0f13;--el-bg-color-page:#0a0a0a;--el-bg-color-block:#141414}body[data-v-c5d1d14c]{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;margin:0;transition:background-color .3s,color .3s}.dark-mode[data-v-c5d1d14c]{background:#0f0f13;color:#fff}.demo-page[data-v-c5d1d14c]{background:#fafbfc;color:#1e1e2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;min-height:100vh}.demo-hero[data-v-c5d1d14c]{background:#fff;border-bottom:1px solid #e5e7eb;padding:40px 24px}.demo-hero-inner[data-v-c5d1d14c]{margin:0 auto;max-width:1000px}.back-link[data-v-c5d1d14c]{color:#6366f1;display:inline-block;font-size:14px;margin-bottom:16px;text-decoration:none}.back-link[data-v-c5d1d14c]:hover{color:#818cf8}.demo-title[data-v-c5d1d14c]{align-items:center;display:flex;font-size:32px;font-weight:800;gap:12px;margin:0 0 8px}.demo-icon[data-v-c5d1d14c]{font-size:36px}.demo-desc[data-v-c5d1d14c]{color:#6b7280;font-size:15px;margin:0}.demo-content[data-v-c5d1d14c]{margin:0 auto;max-width:1000px;padding:32px 24px 60px}.mode-tabs[data-v-c5d1d14c]{display:flex;gap:12px;margin-bottom:24px}.mode-tab[data-v-c5d1d14c]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:all .2s}.mode-tab[data-v-c5d1d14c]:hover{border-color:#818cf8}.mode-tab.active[data-v-c5d1d14c]{background:#f5f3ff;border-color:#6366f1;color:#6366f1}.mode-icon[data-v-c5d1d14c]{font-size:18px;font-weight:700}.lang-tabs-wrapper[data-v-c5d1d14c]{margin-bottom:24px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.lang-tabs-wrapper[data-v-c5d1d14c]::-webkit-scrollbar{display:none}.lang-tabs[data-v-c5d1d14c]{display:flex;flex-wrap:nowrap;gap:6px}.lang-tab[data-v-c5d1d14c]{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.lang-tab[data-v-c5d1d14c]:hover{border-color:#818cf8;color:#6366f1}.lang-tab.active[data-v-c5d1d14c]{background:#6366f1;border-color:#6366f1;color:#fff}.code-section[data-v-c5d1d14c]{background:#1e1e2e;border-radius:16px;margin-bottom:24px;overflow:hidden}.code-header-bar[data-v-c5d1d14c]{align-items:center;background:#16162a;display:flex;justify-content:space-between;padding:12px 20px}.code-filename[data-v-c5d1d14c]{color:#8b8b9e;font-family:SF Mono,Cascadia Code,monospace;font-size:13px}.copy-btn[data-v-c5d1d14c]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:12px;padding:5px 14px;transition:all .2s}.copy-btn[data-v-c5d1d14c]:hover{background:#ffffff2e}.copy-btn .copied-text[data-v-c5d1d14c]{color:#34d399}.code-block[data-v-c5d1d14c]{font-size:13px;line-height:1.7;margin:0;overflow-x:auto;padding:24px}.code-block code[data-v-c5d1d14c]{color:#e2e8f0;font-family:SF Mono,Cascadia Code,monospace;white-space:pre}.deps-card[data-v-c5d1d14c]{background:#1a1a2e;border-radius:16px;margin-bottom:24px;padding:24px}.deps-card-title[data-v-c5d1d14c]{border-bottom:1px solid rgba(167,139,250,.2);color:#a78bfa;font-size:15px;font-weight:700;margin:0 0 16px;padding-bottom:10px}.deps-card-item[data-v-c5d1d14c]{margin-bottom:14px}.deps-card-item[data-v-c5d1d14c]:last-child{margin-bottom:0}.deps-item-label[data-v-c5d1d14c]{color:#8b8b9e;font-size:13px;font-weight:600;margin-bottom:6px}.deps-item-content[data-v-c5d1d14c]{background:#16162a;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;margin:0;overflow-x:auto;padding:12px 16px}.deps-item-content code[data-v-c5d1d14c]{color:#34d399;font-family:SF Mono,Cascadia Code,monospace;font-size:13px;line-height:1.7;white-space:pre}.deps-item-text[data-v-c5d1d14c]{color:#c4c4d4;font-size:14px;line-height:1.6;margin:0}.callout-box[data-v-c5d1d14c]{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:20px 24px}.callout-box h4[data-v-c5d1d14c]{color:#1e40af;font-size:15px;font-weight:700;margin:0 0 12px}.callout-box ul[data-v-c5d1d14c]{margin:0;padding-left:20px}.callout-box li[data-v-c5d1d14c]{color:#1e3a5f;font-size:14px;line-height:1.8}.callout-box li code[data-v-c5d1d14c]{background:#dbeafe;border-radius:3px;color:#1e40af;font-size:12px;padding:1px 5px}@media(max-width:768px){.demo-title[data-v-c5d1d14c]{font-size:22px}.mode-tabs[data-v-c5d1d14c]{flex-direction:column}.code-block[data-v-c5d1d14c]{font-size:11px;padding:16px}}