:root{--primary: #6366f1;--secondary: #8b5cf6;--accent: #06b6d4;--dark: #0f172a;--light: #f8fafc}.marketing-site{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--dark);color:var(--light);overflow-x:hidden}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content{position:relative;z-index:1}nav{position:fixed;top:0;left:0;right:0;padding:.4rem 5%;display:flex;justify-content:space-between;align-items:center;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid rgba(99,102,241,.2)}.logo{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--light);text-decoration:none;font-size:.95rem;transition:color .3s;opacity:.8}.nav-links a:hover{color:var(--accent);opacity:1}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5%;position:relative}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:50px;font-size:.85rem;color:var(--accent);margin-bottom:2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 15px #06b6d400}}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;max-width:900px}.hero h1 span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.2rem;opacity:.7;max-width:600px;line-height:1.8;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #6366f14d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.section{padding:8rem 5%}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{opacity:.6;max-width:600px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.product-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .4s;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s}.product-card:hover{transform:translateY(-5px);border-color:#6366f14d;box-shadow:0 30px 60px #0000004d}.product-card:hover:before{opacity:1}.product-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem}.product-card:nth-child(1) .product-icon{background:#6366f133}.product-card:nth-child(2) .product-icon{background:#8b5cf633}.product-card:nth-child(3) .product-icon{background:#06b6d433}.product-card:nth-child(4) .product-icon{background:#f59e0b33}.product-card h3{font-size:1.3rem;margin-bottom:.8rem}.product-card p{font-size:.95rem;opacity:.6;line-height:1.6;margin-bottom:1.5rem}.product-status{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-online{background:#22c55e33;color:#22c55e}.status-coming{background:#f59e0b33;color:#f59e0b}.product-link{color:var(--accent);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;opacity:0;transform:translate(-10px);transition:all .3s}.product-card:hover .product-link{opacity:1;transform:translate(0)}.tech-section{background:#ffffff05}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.tech-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.tech-number{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5}.tech-item h4{font-size:1.1rem;margin-bottom:.3rem}.tech-item p{font-size:.85rem;opacity:.5}.cta-section{text-align:center;padding:8rem 5%;position:relative}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{opacity:.6;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}footer{padding:3rem 5%;border-top:1px solid rgba(255,255,255,.1);text-align:center}footer p{opacity:.5;font-size:.9rem}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.social-links a{width:45px;height:45px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--light);text-decoration:none;transition:all .3s}.social-links a:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px)}@media(max-width:768px){.nav-links{display:none}.nav-company-full{display:none!important}.nav-company-short{display:block!important}.hero h1{font-size:2rem}.section{padding:4rem 5%}}#app:has(.marketing-site){height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}.site-nav[data-v-3bd24b3e]{position:relative}.logo-wrap[data-v-3bd24b3e]{background:#0f172a99;border-radius:12px;padding:4px 10px;border:none}.logo-img[data-v-3bd24b3e]{height:56px;width:auto;vertical-align:middle;border-radius:8px}.nav-company[data-v-3bd24b3e]{position:absolute;left:50%;transform:translate(-50%);font-size:2.1rem;font-weight:700;white-space:nowrap;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-company-short[data-v-3bd24b3e]{display:none}.nav-links[data-v-3bd24b3e] a.router-link-active{color:var(--accent);opacity:1}@media(max-width:768px){.nav-company-full[data-v-3bd24b3e]{display:none}.nav-company-short[data-v-3bd24b3e]{display:block}}.hero-badge-lg[data-v-3bd24b3e]{font-size:1.2rem;padding:.8rem 2rem;margin-top:-4rem}.product-card-center[data-v-3bd24b3e]{text-align:center}.product-icon-center[data-v-3bd24b3e]{margin:0 auto 1rem}.product-media[data-v-3bd24b3e]{margin:1rem 0}.product-thumb[data-v-3bd24b3e]{width:160px;height:160px;border-radius:12px;border:1px solid rgba(255,255,255,.15);transition:transform .3s;cursor:pointer;object-fit:cover}.product-thumb[data-v-3bd24b3e]:hover{transform:translateY(-3px)}.product-media-trial[data-v-3bd24b3e]{min-height:160px;display:flex;align-items:center;justify-content:center}.trial-btn[data-v-3bd24b3e]{padding:1rem 2.5rem}.about-body[data-v-3bd24b3e]{max-width:800px;margin:0 auto;text-align:center}.about-body p[data-v-3bd24b3e]{font-size:1.1rem;line-height:2;opacity:.8}.site-footer[data-v-3bd24b3e]{padding:2.5rem 5%;border-top:1px solid rgba(255,255,255,.08);background:#0f172a99}.footer-inner[data-v-3bd24b3e]{max-width:800px;margin:0 auto;text-align:center}.footer-company[data-v-3bd24b3e]{margin-bottom:.8rem;opacity:.7}.footer-meta[data-v-3bd24b3e]{font-size:.85rem;opacity:.5;line-height:1.8}.footer-meta a[data-v-3bd24b3e]{color:var(--accent);text-decoration:none}.stream-card[data-v-02ecf860]{background:linear-gradient(135deg,#fafbff,#f0f4ff);border:1px solid #c3dafe;border-radius:16px;padding:14px;margin-bottom:16px;box-shadow:0 2px 8px #5a67d814}.stream-header[data-v-02ecf860]{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--muted)}.pulse-dot[data-v-02ecf860]{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-02ecf860 1.2s infinite}.stream-title[data-v-02ecf860]{font-weight:600;color:var(--accent)}.lang-pill[data-v-02ecf860]{margin-left:auto;background:#fff;border:1px solid #c3dafe;padding:2px 10px;border-radius:12px;font-size:11px}.msg-row[data-v-02ecf860]{display:flex;gap:10px;margin-bottom:10px}.msg-row[data-v-02ecf860]:last-child{margin-bottom:0}.avatar[data-v-02ecf860]{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:var(--shadow)}.bubble[data-v-02ecf860]{flex:1;border-radius:12px;padding:10px 14px;min-width:0}.user-bubble[data-v-02ecf860]{background:#fff;border-left:3px solid var(--orange)}.bot-bubble[data-v-02ecf860]{background:#fff;border-left:3px solid var(--accent)}.bot-bubble.translating[data-v-02ecf860]{opacity:.85}.bubble-meta[data-v-02ecf860]{font-size:11px;color:var(--muted);margin-bottom:4px}.bubble-text[data-v-02ecf860]{font-size:15px;line-height:1.65;word-break:break-word;color:var(--text)}.shimmer[data-v-02ecf860]{color:var(--muted);font-style:italic}.cursor[data-v-02ecf860]{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;animation:blink .8s infinite;vertical-align:text-bottom}@keyframes pulse-02ecf860{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sentence-card[data-v-5218a02c]{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:12px;box-shadow:var(--shadow)}.sentence-card.new[data-v-5218a02c]{animation:fadeIn .45s ease;border-color:#c3dafe}.sentence-card.history[data-v-5218a02c]{opacity:.92}.card-meta[data-v-5218a02c]{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;color:var(--muted)}.time[data-v-5218a02c]{font-weight:500}.lang-pill[data-v-5218a02c]{background:var(--accent-light);color:var(--accent);padding:1px 8px;border-radius:10px}.hist-tag[data-v-5218a02c]{margin-left:auto;background:#edf2f7;padding:1px 6px;border-radius:6px}.msg-row[data-v-5218a02c]{display:flex;gap:10px;margin-bottom:8px}.msg-row[data-v-5218a02c]:last-child{margin-bottom:0}.avatar[data-v-5218a02c]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.user-av[data-v-5218a02c]{background:#fff5eb;color:#c05621}.bot-av[data-v-5218a02c]{background:var(--accent-light);color:var(--accent)}.bubble[data-v-5218a02c]{flex:1;padding:10px 14px;border-radius:12px;font-size:15px;line-height:1.65;word-break:break-word}.user-bubble[data-v-5218a02c]{background:#f7fafc;border:1px solid #e2e8f0}.bot-bubble[data-v-5218a02c]{background:var(--accent-light);border:1px solid #bee3f8;color:#2d3748}.bot-bubble.pending[data-v-5218a02c]{color:var(--muted);font-style:italic}.live-panel[data-v-e3a0e246]{flex:1;min-height:0;display:flex;flex-direction:column}.device-banner[data-v-e3a0e246]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0fff4;border-bottom:1px solid #c6f6d5;color:#276749;font-size:13px;flex-shrink:0}.banner-dot[data-v-e3a0e246]{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse-e3a0e246 1.2s infinite}.scroll-wrap[data-v-e3a0e246]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 0 24px;-webkit-overflow-scrolling:touch}.container[data-v-e3a0e246]{max-width:800px;margin:0 auto;padding:0 12px}.scroll-anchor[data-v-e3a0e246]{height:1px}.empty[data-v-e3a0e246]{text-align:center;padding:48px 20px;color:var(--muted)}.empty-icon[data-v-e3a0e246]{font-size:48px;margin-bottom:12px}.empty-title[data-v-e3a0e246]{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.empty-hint[data-v-e3a0e246]{font-size:13px;color:#a0aec0}@keyframes pulse-e3a0e246{0%,to{opacity:1}50%{opacity:.4}}.tts-settings[data-v-e1bb691b]{background:var(--card);border-bottom:1px solid var(--border);padding:10px 14px 12px;flex-shrink:0}.tip[data-v-e1bb691b]{font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.5}.warn-inline[data-v-e1bb691b]{color:#c05621}.field-label[data-v-e1bb691b]{display:block;font-size:12px;color:var(--muted);margin:8px 0 4px}.select[data-v-e1bb691b]{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:14px;min-height:40px;background:#fff}.err[data-v-e1bb691b]{font-size:12px;color:#c53030;margin-top:8px}.history-panel[data-v-4015f501]{flex:1;min-height:0;display:flex;flex-direction:column}.toolbar[data-v-4015f501]{display:flex;gap:8px;padding:10px 12px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.search[data-v-4015f501]{flex:1;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px}.export-group[data-v-4015f501]{display:flex;gap:6px;flex-shrink:0}.scroll-wrap[data-v-4015f501]{flex:1;min-height:0;overflow-y:auto;padding:12px 0 24px}.container[data-v-4015f501]{max-width:800px;margin:0 auto;padding:0 12px}.card[data-v-4015f501]{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;box-shadow:var(--shadow)}.card-header[data-v-4015f501]{display:flex;align-items:center;gap:8px;padding:8px 14px 0;font-size:11px;color:var(--muted);flex-wrap:wrap}.card-id[data-v-4015f501]{font-weight:600;color:var(--accent)}.mode-tag[data-v-4015f501]{background:#edf2f7;padding:1px 6px;border-radius:6px}.lang-tag[data-v-4015f501]{margin-left:auto;background:var(--accent-light);color:var(--accent);padding:1px 8px;border-radius:10px}.card-body[data-v-4015f501]{padding:8px 14px 12px}.bubble[data-v-4015f501]{padding:10px 14px;border-radius:10px;margin-bottom:6px;line-height:1.6;font-size:15px;word-break:break-word}.bubble-original[data-v-4015f501]{background:#f7fafc;border-left:3px solid var(--orange)}.bubble-translation[data-v-4015f501]{background:var(--accent-light);border-left:3px solid var(--accent)}.bubble-label[data-v-4015f501]{font-size:11px;color:var(--muted)}.bubble-head[data-v-4015f501]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tts-btn[data-v-4015f501]{border:1px solid var(--border);background:#fff;border-radius:8px;width:32px;height:28px;cursor:pointer;font-size:14px;line-height:1;flex-shrink:0}.tts-btn[data-v-4015f501]:hover{background:#edf2f7}.tts-btn.loading[data-v-4015f501]{opacity:.7;cursor:wait}.tts-btn.playing[data-v-4015f501]{background:var(--accent-light);border-color:var(--accent)}.tts-error[data-v-4015f501]{margin:0 12px;padding:8px 12px;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:12px}.no-trans[data-v-4015f501]{font-size:13px;color:var(--muted);font-style:italic;padding:4px 0 8px}.card-actions[data-v-4015f501]{display:flex;gap:6px;padding-top:4px}.edit-label[data-v-4015f501]{font-size:11px;color:var(--muted);margin-bottom:3px;display:block}.edit-area[data-v-4015f501]{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;margin-bottom:6px}.empty[data-v-4015f501]{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon[data-v-4015f501]{font-size:40px;margin-bottom:12px}.login-page[data-v-71005b8d]{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card[data-v-71005b8d]{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;box-shadow:var(--shadow)}.login-card h1[data-v-71005b8d]{font-size:22px;color:var(--accent);margin-bottom:6px}.subtitle[data-v-71005b8d]{font-size:13px;color:var(--muted);margin-bottom:24px}.label[data-v-71005b8d]{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.input[data-v-71005b8d]{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:15px;margin-bottom:14px}.code-row[data-v-71005b8d]{display:flex;gap:8px;margin-bottom:14px}.code-row .input[data-v-71005b8d]{flex:1;margin-bottom:0}.error[data-v-71005b8d]{color:#c53030;font-size:13px;margin-bottom:10px}.hint[data-v-71005b8d]{color:#a0aec0;font-size:12px;margin-bottom:12px}.submit[data-v-71005b8d]{width:100%;padding:10px;font-size:15px}.device-panel[data-v-eaf0f639]{flex:1;min-height:0;display:flex;flex-direction:column}.toolbar[data-v-eaf0f639]{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--card);border-bottom:1px solid var(--border)}.field-input[data-v-eaf0f639]{flex:1;min-width:120px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px}.mac-input[data-v-eaf0f639]{min-width:180px;font-family:ui-monospace,monospace;font-size:13px}.hint-box[data-v-eaf0f639]{margin:10px 12px 0;padding:10px 12px;background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;font-size:12px;color:#2c5282;line-height:1.6}.hint-box code[data-v-eaf0f639]{background:#ffffffb3;padding:1px 4px;border-radius:4px}.scroll-wrap[data-v-eaf0f639]{flex:1;min-height:0;overflow-y:auto;padding:12px 0 24px}.container[data-v-eaf0f639]{max-width:800px;margin:0 auto;padding:0 12px}.card[data-v-eaf0f639]{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:12px 14px;box-shadow:var(--shadow)}.card-header[data-v-eaf0f639]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.device-name[data-v-eaf0f639]{font-weight:600;font-size:15px}.device-id[data-v-eaf0f639]{font-size:11px;color:var(--accent)}.bound-tag[data-v-eaf0f639]{margin-left:auto;font-size:10px;background:#f0fff4;color:#276749;border:1px solid #c6f6d5;padding:1px 8px;border-radius:10px}.meta[data-v-eaf0f639]{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);margin-bottom:8px}.bind-row[data-v-eaf0f639]{display:flex;gap:8px;margin-bottom:8px}.token-row[data-v-eaf0f639]{display:flex;gap:8px;align-items:center;margin-bottom:8px}.token[data-v-eaf0f639]{flex:1;font-size:11px;background:#f7fafc;border:1px solid var(--border);border-radius:6px;padding:6px 8px;word-break:break-all}.actions[data-v-eaf0f639]{display:flex;gap:6px}.empty[data-v-eaf0f639]{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon[data-v-eaf0f639]{font-size:40px;margin-bottom:12px}.voice-clone-panel[data-v-6af80a7e]{flex:1;min-height:0;overflow-y:auto;padding:12px;background:var(--bg)}.card[data-v-6af80a7e]{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}.intro h2[data-v-6af80a7e]{font-size:18px;color:var(--accent);margin-bottom:8px}.intro p[data-v-6af80a7e]{font-size:13px;line-height:1.6;color:var(--muted)}.section-title[data-v-6af80a7e]{font-size:15px;font-weight:600;margin-bottom:10px}.field-label[data-v-6af80a7e]{display:block;font-size:12px;color:var(--muted);margin:10px 0 6px}.select[data-v-6af80a7e],.text-input[data-v-6af80a7e],.textarea[data-v-6af80a7e]{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:15px;min-height:44px;background:#fff;font-family:inherit}.textarea[data-v-6af80a7e]{min-height:72px;resize:vertical}.action-row[data-v-6af80a7e]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.btn-action[data-v-6af80a7e]{flex:1;min-width:calc(50% - 4px);min-height:44px;border:1px solid var(--accent);background:var(--accent-light);color:var(--accent);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.btn-action[data-v-6af80a7e]:disabled{opacity:.5;cursor:not-allowed}.btn-action.recording[data-v-6af80a7e]{background:#fff5f5;border-color:var(--red);color:#c53030}.voice-card[data-v-6af80a7e]{border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:10px}.voice-card.active[data-v-6af80a7e]{border-color:var(--accent);background:var(--accent-light)}.voice-head[data-v-6af80a7e]{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.voice-title[data-v-6af80a7e]{font-size:15px;font-weight:600}.voice-meta[data-v-6af80a7e]{font-size:11px;color:var(--muted);margin-top:4px;word-break:break-all}.voice-actions[data-v-6af80a7e]{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.btn-small[data-v-6af80a7e]{font-size:12px;padding:8px 10px;min-height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}.btn-small.primary[data-v-6af80a7e]{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-small.danger[data-v-6af80a7e]{color:#c53030;border-color:#fed7d7}.hidden-file[data-v-6af80a7e]{display:none}.hint[data-v-6af80a7e]{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}.hint.ok[data-v-6af80a7e]{color:#276749}.warn[data-v-6af80a7e]{font-size:12px;color:#c05621;background:#fffaf0;border:1px solid #fbd38d;border-radius:8px;padding:8px 10px;margin-top:8px}.err[data-v-6af80a7e]{font-size:13px;color:#c53030;padding:10px;background:#fff5f5;border-radius:8px}.live-app[data-v-ee9b500a]{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.header[data-v-ee9b500a]{background:var(--card);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0;box-shadow:var(--shadow)}.header-left[data-v-ee9b500a]{display:flex;align-items:center;gap:10px}.home-link[data-v-ee9b500a]{font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap}.home-link[data-v-ee9b500a]:hover{color:var(--accent)}.header h1[data-v-ee9b500a]{font-size:18px;color:var(--accent);font-weight:700}.mode-badge[data-v-ee9b500a]{font-size:11px;padding:3px 10px;border-radius:12px;background:var(--accent-light);color:var(--accent);font-weight:500}.header-right[data-v-ee9b500a]{display:flex;align-items:center;gap:12px}.user-label[data-v-ee9b500a]{font-size:12px;color:var(--muted)}.status-item[data-v-ee9b500a]{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.status-item.on[data-v-ee9b500a]{color:#276749}.status-item .dot[data-v-ee9b500a]{width:7px;height:7px;border-radius:50%;background:var(--red)}.status-item.on .dot[data-v-ee9b500a]{background:var(--green);box-shadow:0 0 6px var(--green)}.logout-btn[data-v-ee9b500a]{font-size:12px}.tabs[data-v-ee9b500a]{display:flex;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.tab[data-v-ee9b500a]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;font-size:14px;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;transition:.2s}.tab.active[data-v-ee9b500a]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.badge[data-v-ee9b500a]{background:#edf2f7;color:var(--muted);font-size:11px;padding:1px 7px;border-radius:10px}.tab.active .badge[data-v-ee9b500a]{background:var(--accent-light);color:var(--accent)}.main-area[data-v-ee9b500a]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media(max-width:600px){.header[data-v-ee9b500a]{flex-direction:column;align-items:flex-start;gap:10px}.header-right[data-v-ee9b500a]{flex-wrap:wrap;width:100%}.header h1[data-v-ee9b500a]{font-size:16px}}.error-toast[data-v-ee9b500a]{position:fixed;top:72px;left:50%;transform:translate(-50%);background:#fff5f5;color:#c53030;padding:10px 20px;border-radius:8px;border:1px solid #fed7d7;font-size:13px;z-index:100;max-width:90%;cursor:pointer;box-shadow:var(--shadow)}:root{--bg: #f0f4f8;--card: #fff;--border: #e2e8f0;--text: #1a202c;--muted: #718096;--accent: #5a67d8;--accent-light: #ebf4ff;--green: #48bb78;--red: #fc8181;--orange: #ed8936;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.btn{font-size:12px;padding:4px 12px;border-radius:6px;border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--text);transition:.15s}.btn:hover{background:#edf2f7}.btn-danger{color:var(--red);border-color:#fed7d7}.btn-danger:hover{background:#fff5f5}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#4c51bf}@keyframes fadeIn{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}