#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a202c;line-height:1.6}*{box-sizing:border-box}body{margin:0;padding:0}.app-loading,body{background:#f8fafc}.app-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;padding:40px}.loading-icon{font-size:40px;color:#409eff;margin-bottom:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content h2{margin:0 0 10px 0;font-size:24px;font-weight:600;color:#303133}.loading-content p{margin:0;font-size:14px;color:#606266}:root{--el-color-primary:#1f2937;--el-color-primary-light-3:#374151;--el-color-primary-light-5:#4b5563;--el-color-primary-light-7:#6b7280;--el-color-primary-light-8:#9ca3af;--el-color-primary-light-9:#f3f4f6;--el-border-radius-base:2px;--el-border-radius-small:2px;--el-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media (max-width:768px){.loading-content{padding:30px 20px}.loading-content h2{font-size:20px}.loading-icon{font-size:32px}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.home-view[data-v-05713bca]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fff;color:#1e293b;overflow-x:hidden}.container[data-v-05713bca]{max-width:1200px;margin:0 auto;padding:0 24px}.top-nav[data-v-05713bca]{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:all .3s ease}.top-nav.nav-scrolled[data-v-05713bca]{background:hsla(0,0%,100%,.95);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.03)}.nav-container[data-v-05713bca]{display:flex;justify-content:space-between;align-items:center;height:64px;max-width:1200px;margin:0 auto;padding:0 24px}.nav-brand[data-v-05713bca]{display:flex;align-items:center;gap:10px;color:#0f172a;font-weight:700;font-size:18px}.brand-logo[data-v-05713bca]{color:#409eff;display:flex}.nav-menu[data-v-05713bca]{display:flex;gap:32px}.nav-item[data-v-05713bca]{text-decoration:none;color:#64748b;font-size:14px;font-weight:500;transition:color .2s}.nav-item[data-v-05713bca]:hover{color:#409eff}.nav-auth[data-v-05713bca]{display:flex;align-items:center;gap:16px}.mobile-menu-btn[data-v-05713bca]{display:none;font-size:24px;color:#1e293b;cursor:pointer}.mobile-menu-overlay[data-v-05713bca]{position:fixed;top:64px;left:0;right:0;background:#fff;z-index:999;padding:24px;display:flex;flex-direction:column;gap:16px;transform:translateY(-100%);transition:all .3s ease;opacity:0;pointer-events:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-bottom:1px solid #f1f5f9}.mobile-menu-overlay.is-open[data-v-05713bca]{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-item[data-v-05713bca]{font-size:18px;font-weight:600;color:#1e293b;text-decoration:none;padding:12px 0;border-bottom:1px solid #f1f5f9}.mobile-auth-actions[data-v-05713bca]{display:flex;flex-direction:column;gap:16px;margin-top:24px}.auth-link-btn[data-v-05713bca]{text-decoration:none;border:1px solid #cbd5e1;background:transparent;color:#0f172a;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}.auth-link-btn[data-v-05713bca]:hover{border-color:#94a3b8;color:#0f172a;background:rgba(148,163,184,.1)}.auth-btn[data-v-05713bca]{text-decoration:none;background:linear-gradient(120deg,#2563eb,#3b82f6,#60a5fa);color:#fff;padding:9px 22px;border-radius:999px;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(59,130,246,.25)}.auth-btn[data-v-05713bca]:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(59,130,246,.35)}.user-info[data-v-05713bca]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:20px;transition:background .2s}.user-info[data-v-05713bca]:hover{background:#f1f5f9}.user-avatar[data-v-05713bca]{background:#409eff;font-size:12px}.user-name[data-v-05713bca]{font-size:14px;font-weight:500;color:#334155}.hero-section[data-v-05713bca]{padding-top:140px;padding-bottom:100px;background:radial-gradient(circle at 50% 0,#f0f9ff 0,#fff 100%)}.hero-container[data-v-05713bca]{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge[data-v-05713bca]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#eff6ff;color:#3b82f6;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:24px}.badge-dot[data-v-05713bca]{width:6px;height:6px;background:#3b82f6;border-radius:50%}.hero-title[data-v-05713bca]{font-size:56px;line-height:1.1;font-weight:800;color:#0f172a;margin:0 0 24px;letter-spacing:-1.5px}.highlight[data-v-05713bca]{color:#409eff}.hero-desc[data-v-05713bca]{font-size:18px;line-height:1.6;color:#64748b;margin:0 auto 40px;max-width:500px;text-align:center}.hero-actions[data-v-05713bca]{display:flex;gap:16px;margin-bottom:48px;justify-content:center}.hero-auth-buttons[data-v-05713bca]{display:flex;gap:12px}.mode-selection[data-v-05713bca]{display:flex;gap:24px}.mode-selection.vertical[data-v-05713bca]{flex-direction:column}.mode-card[data-v-05713bca]{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:220px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.mode-card[data-v-05713bca]:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px rgba(0,0,0,.1);border-color:#409eff}.mode-card.developer[data-v-05713bca]:hover{border-color:#e6a23c}.mode-icon[data-v-05713bca]{width:40px;height:40px;border-radius:8px;background:#ecf5ff;color:#409eff;display:flex;align-items:center;justify-content:center;font-size:20px}.mode-card.developer .mode-icon[data-v-05713bca]{background:#fdf6ec;color:#e6a23c}.mode-text[data-v-05713bca]{display:flex;flex-direction:column;align-items:flex-start;flex:1}.mode-text strong[data-v-05713bca]{font-size:16px;color:#1e293b;font-weight:600}.mode-text span[data-v-05713bca]{font-size:12px;color:#64748b}.mode-arrow[data-v-05713bca]{color:#cbd5e1;transition:color .3s}.mode-card:hover .mode-arrow[data-v-05713bca]{color:#409eff}.mode-card.developer:hover .mode-arrow[data-v-05713bca]{color:#e6a23c}.mode-cta[data-v-05713bca]{display:flex;align-items:center;gap:6px;font-size:13px;color:#409eff;font-weight:500}.mode-dialog[data-v-05713bca] .el-dialog__body{padding-top:10px}.dialog-subtitle[data-v-05713bca]{font-size:14px;color:#64748b;margin-bottom:20px}.btn-primary[data-v-05713bca]{display:inline-flex;align-items:center;gap:8px;background:#409eff;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s;border:none;cursor:pointer;font-size:16px}.btn-primary[data-v-05713bca]:hover{background:#66b1ff}.btn-secondary[data-v-05713bca]{display:inline-flex;align-items:center;background:#fff;color:#475569;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;border:1px solid #e2e8f0;transition:all .2s}.btn-secondary[data-v-05713bca]:hover{border-color:#cbd5e1;background:#f8fafc}.hero-stats[data-v-05713bca]{display:flex;align-items:center;gap:24px}.stat-item[data-v-05713bca]{display:flex;flex-direction:column}.stat-item strong[data-v-05713bca]{font-size:20px;color:#0f172a}.stat-item span[data-v-05713bca]{font-size:13px;color:#64748b}.stat-separator[data-v-05713bca]{width:1px;height:30px;background:#e2e8f0}.browser-mockup[data-v-05713bca]{background:#fff;border-radius:12px;box-shadow:0 20px 50px -12px rgba(0,0,0,.12);border:1px solid #e2e8f0;overflow:hidden;height:360px;display:flex;flex-direction:column}.mockup-header[data-v-05713bca]{background:#f8fafc;padding:10px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;flex-shrink:0}.dots[data-v-05713bca]{display:flex;gap:6px}.dots span[data-v-05713bca]{width:10px;height:10px;border-radius:50%;background:#e2e8f0}.dots span[data-v-05713bca]:first-child{background:#ff5f57}.dots span[data-v-05713bca]:nth-child(2){background:#febc2e}.dots span[data-v-05713bca]:nth-child(3){background:#28c840}.address-bar[data-v-05713bca]{flex:1;background:#fff;height:28px;border-radius:6px;border:1px solid #e2e8f0;display:flex;align-items:center;padding:0 12px;font-size:12px;color:#64748b;justify-content:center}.mockup-content[data-v-05713bca]{flex:1;background:#fff;padding:16px;overflow:hidden}.mockup-preview-grid[data-v-05713bca]{display:flex;gap:16px;height:100%}.preview-sidebar[data-v-05713bca]{width:50px;background:#f8fafc;border-radius:8px;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.sidebar-item[data-v-05713bca]{width:24px;height:24px;border-radius:6px;background:#e2e8f0}.sidebar-item.active[data-v-05713bca]{background:#409eff}.preview-main[data-v-05713bca]{flex:1;display:flex;flex-direction:column;gap:12px}.preview-top-bar[data-v-05713bca]{display:flex;gap:8px}.status-tag[data-v-05713bca]{width:60px;height:20px;border-radius:4px;background:#e2e8f0}.status-tag.success[data-v-05713bca]{background:#f0f9eb;border:1px solid #e1f3d8}.status-tag.warning[data-v-05713bca]{background:#fdf6ec;border:1px solid #faecd8}.preview-chart-area[data-v-05713bca]{flex:1;background:#1e293b;border-radius:8px;position:relative;overflow:hidden;border:1px solid #334155}.chart-grid[data-v-05713bca]{width:100%;height:100%;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:20px 20px}.waveform-svg[data-v-05713bca]{width:100%;height:100%;filter:drop-shadow(0 0 2px rgba(64,158,255,.5))}.wave-path-1[data-v-05713bca]{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawWave-05713bca 3s linear infinite}.wave-path-2[data-v-05713bca]{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawWave-05713bca 4s linear infinite}@keyframes drawWave-05713bca{to{stroke-dashoffset:0}}.preview-controls[data-v-05713bca]{height:32px;background:#f8fafc;border-radius:6px;display:flex;align-items:center;padding:0 12px;gap:12px}.control-btn[data-v-05713bca]{width:24px;height:16px;background:#e2e8f0;border-radius:4px}.control-slider[data-v-05713bca]{flex:1;height:6px;background:#e2e8f0;border-radius:3px}.features-section[data-v-05713bca]{padding:100px 0;background:#fff}.section-header[data-v-05713bca]{text-align:center;margin-bottom:64px}.section-header h2[data-v-05713bca]{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-1px}.section-header p[data-v-05713bca]{font-size:18px;color:#64748b}.features-grid[data-v-05713bca]{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-card[data-v-05713bca]{padding:32px;border-radius:16px;background:#fff;border:1px solid #f1f5f9;transition:all .3s ease}.feature-card[data-v-05713bca]:hover{transform:translateY(-4px);box-shadow:0 12px 30px -8px rgba(0,0,0,.08);border-color:transparent}.icon-box[data-v-05713bca]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px}.icon-box.blue[data-v-05713bca]{background:#eff6ff;color:#3b82f6}.icon-box.purple[data-v-05713bca]{background:#f3e8ff;color:#a855f7}.icon-box.green[data-v-05713bca]{background:#ecfdf5;color:#10b981}.icon-box.orange[data-v-05713bca]{background:#fff7ed;color:#f97316}.icon-box.teal[data-v-05713bca]{background:#f0fdfa;color:#14b8a6}.icon-box.red[data-v-05713bca]{background:#fef2f2;color:#ef4444}.icon-box.indigo[data-v-05713bca]{background:#e0e7ff;color:#6366f1}.icon-box.pink[data-v-05713bca]{background:#fce7f3;color:#ec4899}.feature-card h3[data-v-05713bca]{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 8px}.feature-card p[data-v-05713bca]{font-size:14px;line-height:1.6;color:#64748b;margin:0}.workflow-section[data-v-05713bca]{padding:100px 0;background:#f8fafc}.steps-container[data-v-05713bca]{display:flex;justify-content:center;align-items:center;gap:20px;max-width:900px;margin:0 auto}.step-item[data-v-05713bca]{text-align:center;flex:1}.step-num[data-v-05713bca]{width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#409eff;margin:0 auto 20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.step-line[data-v-05713bca]{flex:1;height:1px;background:#e2e8f0;margin-bottom:60px}.devices-section[data-v-05713bca]{padding:100px 0;background:#fff}.device-list[data-v-05713bca]{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.device-chip[data-v-05713bca]{padding:12px 24px;background:#f1f5f9;border-radius:30px;font-size:14px;font-weight:600;color:#475569}.cta-section[data-v-05713bca]{padding:80px 0;background:#fff}.cta-box[data-v-05713bca]{background:#0f172a;border-radius:24px;padding:60px;text-align:center;color:#fff}.cta-box h2[data-v-05713bca]{font-size:32px;margin:0 0 16px}.cta-box p[data-v-05713bca]{color:#94a3b8;margin-bottom:32px}.footer[data-v-05713bca]{padding:60px 0 20px;background:#f8fafc;border-top:1px solid #e2e8f0}.footer-content[data-v-05713bca]{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:40px}.footer-brand span[data-v-05713bca]{font-size:20px;font-weight:800;color:#0f172a}.footer-brand p[data-v-05713bca]{font-size:14px;color:#64748b;margin-top:8px}.footer-links[data-v-05713bca]{display:grid;grid-template-columns:repeat(3,1fr)}.link-col h4[data-v-05713bca]{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:16px}.link-col a[data-v-05713bca]{display:block;text-decoration:none;color:#64748b;font-size:14px;margin-bottom:12px;transition:color .2s}.link-col a[data-v-05713bca]:hover{color:#409eff}.footer-bottom[data-v-05713bca]{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0;font-size:12px;color:#94a3b8}@media (max-width:960px){.hero-container[data-v-05713bca]{grid-template-columns:1fr;text-align:center;gap:40px}.features-grid[data-v-05713bca]{grid-template-columns:repeat(2,1fr)}.hero-image[data-v-05713bca]{display:none}.hero-actions[data-v-05713bca],.hero-stats[data-v-05713bca]{justify-content:center}.nav-auth[data-v-05713bca],.nav-menu[data-v-05713bca]{display:none}.mobile-menu-btn[data-v-05713bca]{display:block}.footer-content[data-v-05713bca]{grid-template-columns:1fr;gap:40px;text-align:center}.footer-links[data-v-05713bca]{gap:20px}.steps-container[data-v-05713bca]{flex-direction:column}.step-line[data-v-05713bca]{width:1px;height:40px;margin:0 auto}.hero-title[data-v-05713bca]{font-size:42px}.mode-selection[data-v-05713bca]{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.mode-card[data-v-05713bca]{width:100%}}@media (max-width:480px){.hero-title[data-v-05713bca]{font-size:32px}.hero-desc[data-v-05713bca]{font-size:16px}.features-grid[data-v-05713bca]{grid-template-columns:1fr}.cta-box[data-v-05713bca]{padding:40px 24px}.cta-box h2[data-v-05713bca]{font-size:24px}}:root{--lab-bg-dark:#f5f7fa;--lab-bg-panel:#fff;--lab-bg-header:#fff;--lab-border-color:#e4e7ed;--lab-border-color-light:#ebeef5;--lab-text-primary:#303133;--lab-text-secondary:#606266;--lab-text-muted:#909399;--lab-color-primary:#409eff;--lab-color-success:#67c23a;--lab-color-warning:#e6a23c;--lab-color-danger:#f56c6c;--lab-color-info:#909399;--lab-screen-bg:#000;--lab-grid-color:rgba(64,158,255,.2);--lab-trace-color:#409eff;--lab-control-bg:#f2f3f5;--lab-font-mono:"JetBrains Mono","Consolas","Courier New",monospace;--lab-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--lab-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--lab-shadow:0 2px 12px 0 rgba(0,0,0,.05);--lab-shadow-lg:0 4px 16px 0 rgba(0,0,0,.08);--el-color-white:#fff;--el-text-color-primary:var(--lab-text-primary);--el-text-color-regular:var(--lab-text-secondary);--el-text-color-secondary:var(--lab-text-muted);--el-bg-color:var(--lab-bg-panel);--el-bg-color-overlay:var(--lab-bg-panel);--el-border-color:var(--lab-border-color);--el-border-color-light:var(--lab-border-color-light);--el-fill-color-blank:var(--lab-bg-panel)}body{background-color:var(--lab-bg-dark);color:var(--lab-text-primary);font-family:var(--lab-font-sans)}.el-card{border-color:var(--lab-border-color-light);box-shadow:var(--lab-shadow-sm)}.el-card,.el-table{background-color:var(--lab-bg-panel);color:var(--lab-text-primary)}.el-table{--el-table-bg-color:var(--lab-bg-panel);--el-table-tr-bg-color:var(--lab-bg-panel);--el-table-header-bg-color:#f5f7fa;--el-table-border-color:var(--lab-border-color-light)}.el-table th.el-table__cell{background-color:#f5f7fa;color:var(--lab-text-secondary);font-weight:600}.el-dialog{background-color:var(--lab-bg-panel);border-radius:8px;box-shadow:var(--lab-shadow-lg)}.el-dialog__title{color:var(--lab-text-primary);font-weight:600}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{background-color:var(--lab-bg-panel);box-shadow:0 0 0 1px var(--lab-border-color) inset}.el-input__wrapper:hover,.el-select__wrapper:hover{box-shadow:0 0 0 1px var(--lab-text-secondary) inset}.el-input__inner{color:var(--lab-text-primary)}.lab-layout{background-color:var(--lab-bg-dark)}.lab-header{border-bottom:1px solid var(--lab-border-color);box-shadow:0 1px 4px rgba(0,0,0,.05)}.lab-header,.lab-sidebar{background-color:var(--lab-bg-header)}.lab-sidebar{border-right:1px solid var(--lab-border-color)}.lab-workspace{background-color:var(--lab-bg-dark)}.lab-instrument{background-color:var(--lab-bg-panel);border:1px solid var(--lab-border-color);box-shadow:var(--lab-shadow);color:var(--lab-text-primary)}.lab-control-group{background-color:var(--lab-control-bg);border:1px solid var(--lab-border-color-light);border-radius:6px;padding:12px;margin-bottom:12px}.lab-control-title{color:var(--lab-text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.lab-digital-value{background-color:#fff;border:1px solid var(--lab-border-color);color:var(--lab-color-primary);font-family:var(--lab-font-mono);padding:2px 8px;border-radius:4px;font-weight:600}.lab-btn.secondary{border-color:var(--lab-border-color);color:var(--lab-text-secondary)}.lab-btn.secondary:hover{border-color:var(--lab-color-primary);color:var(--lab-color-primary);background-color:#ecf5ff}.lab-btn.ghost{color:var(--lab-text-secondary)}.lab-btn.ghost:hover{background-color:rgba(0,0,0,.05);color:var(--lab-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8abb2}