:root{color:#0f172a;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{box-sizing:border-box}body{margin:0}button,textarea,select{font:inherit}.page{--accent:#5b4bff;--accent-strong:#4338ca;--accent-soft:#eef0ff;--accent-tint:#5b4bff21;background:radial-gradient(circle at 18% 34%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34%), radial-gradient(circle at 82% 74%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 26%), linear-gradient(180deg, #fff 0, #f8fafc 72%);min-height:100vh}.page[data-theme=blue]{--accent:#1267db;--accent-strong:#0b55c7;--accent-soft:#eaf2ff;--accent-tint:#1267db21}.page[data-theme=green]{--accent:#16a05d;--accent-strong:#0f8a4f;--accent-soft:#e9f8ef;--accent-tint:#16a05d21}.page[data-theme=rose]{--accent:#e83570;--accent-strong:#d61e5c;--accent-soft:#fff0f5;--accent-tint:#e835701f}.page[data-theme=orange]{--accent:#f97316;--accent-strong:#ea580c;--accent-soft:#fff4e8;--accent-tint:#f9731621}.page-header{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:18px 28px;display:flex}.brand{color:#0f172a;align-items:center;gap:12px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent-strong));width:32px;height:32px;box-shadow:0 12px 22px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:12px;place-items:center;display:inline-grid;position:relative}.brand-mark:before{opacity:.95;content:"";border-left:2px solid #fff;border-right:2px solid #fff;border-radius:999px;width:16px;height:16px}.brand-mark:after{content:"";background:#fff;border-radius:999px;width:6px;height:6px;position:absolute;box-shadow:-6px 0 #fff,6px 0 #fff}.page-nav{align-items:center;gap:18px;font-size:13px;display:flex}.page-nav-links,.page-nav-controls{align-items:center;display:flex}.page-nav-links{gap:8px}.page-nav-controls{gap:14px}.page-nav-links a{color:#334155;font-weight:700}.nav-select{align-items:center;display:inline-flex;position:relative}.nav-select select{appearance:none;color:#0f172a;background:#fff;border:1px solid #d7deeaf2;border-radius:12px;min-width:104px;padding:10px 38px 10px 16px;box-shadow:0 10px 22px #0f172a0a}.nav-select:after{color:#64748b;content:"▾";pointer-events:none;font-size:12px;position:absolute;right:14px}.theme-options{align-items:center;gap:12px;display:inline-flex}.theme-option{cursor:pointer;background:0 0;border:0;place-items:center;width:18px;height:18px;padding:0;display:inline-grid}.theme-option span{background:var(--swatch);border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0f172a14}.theme-option[aria-pressed=true] span{outline:2px solid color-mix(in srgb, var(--swatch) 32%, transparent);outline-offset:4px}.theme-option[data-theme-option=indigo]{--swatch:#5b4bff}.theme-option[data-theme-option=blue]{--swatch:#1267db}.theme-option[data-theme-option=green]{--swatch:#16a05d}.theme-option[data-theme-option=rose]{--swatch:#e83570}.theme-option[data-theme-option=orange]{--swatch:#f97316}.page-header a{color:#0f172a;border-radius:10px;padding:8px 10px;text-decoration:none}.page-header nav a:hover{background:#0f172a0f}.page-header .nav-cta{color:#fff;background:var(--accent);box-shadow:0 14px 28px color-mix(in srgb, var(--accent) 24%, transparent)}.home-page,.content-page{max-width:1120px;margin:0 auto;padding:28px 28px 58px}.content-page{max-width:820px}.hero{text-align:center;margin:0 auto 30px;padding-top:72px;padding-bottom:24px}.eyebrow{min-height:36px;color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 78%, #fff);letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;margin:0 0 20px;padding:0 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #e2e8f0e6}.hero h1{color:#0f172a;max-width:820px;margin:0 auto;font-size:clamp(38px,5.2vw,72px);line-height:1.06}.hero-title-fixed{justify-items:center;gap:10px;display:grid}.hero-line{white-space:nowrap;display:block}.hero-highlight{color:var(--accent)}.hero p{color:#64748b;max-width:660px;margin:20px auto 0;font-size:17px;line-height:1.7}.voice-panel{border:1px solid color-mix(in srgb, var(--accent) 18%, #e2e8f0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:20px;grid-template-columns:280px minmax(0,1fr);max-width:1040px;min-height:462px;margin:34px auto 0;display:grid;overflow:hidden;box-shadow:0 30px 76px #0f172a1f}.voice-control{background:#ffffffb8;border-right:1px solid #e2e8f0;align-content:start;justify-items:center;gap:18px;padding:28px 28px 24px;display:grid}.language-selector{color:#334155;gap:10px;width:100%;font-size:13px;font-weight:700;display:grid}.language-selector select{color:#0f172a;background:#fff;border:1px solid #d7deea;border-radius:12px;width:100%;min-width:0;padding:10px 12px;box-shadow:0 10px 20px #0f172a0a}.mic-stage{place-items:center;width:154px;height:154px;margin-top:2px;display:grid;position:relative}.mic-stage:before,.mic-stage:after{background:color-mix(in srgb, var(--accent) 18%, transparent);opacity:0;content:"";pointer-events:none;border-radius:999px;position:absolute;inset:15px;transform:scale(.72)}.mic-stage:after{background:color-mix(in srgb, var(--accent) 14%, transparent);inset:24px}.mic-ring{pointer-events:none;border-radius:999px;position:absolute;inset:19px}.mic-ring-outer{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);opacity:0;transform:scale(.86)}.mic-ring-inner{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);opacity:.58;inset:31px}.mic-button{z-index:1;border:12px solid color-mix(in srgb, var(--accent) 18%, #fff);background:radial-gradient(circle at 36% 28%, #fff5 0, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 75%, #fff), var(--accent-strong));width:108px;height:108px;box-shadow:0 20px 36px var(--accent-tint), 0 0 0 12px color-mix(in srgb, var(--accent) 9%, transparent);border-radius:999px;place-items:center;margin-top:0;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s,filter .18s;display:grid;position:relative}.button.mic-button{background:radial-gradient(circle at 36% 28%, #fff5 0, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 75%, #fff), var(--accent-strong));border-radius:999px;padding:0}.mic-button svg{fill:#fff;width:34px;height:34px}.voice-panel[data-state=listening] .mic-button{border-color:color-mix(in srgb, var(--accent) 28%, #fff);box-shadow:0 24px 44px color-mix(in srgb, var(--accent) 24%, transparent), 0 0 0 14px color-mix(in srgb, var(--accent) 12%, transparent);animation:1.55s ease-in-out infinite mic-button-breathe}.voice-panel[data-state=listening] .mic-stage:before{animation:1.8s ease-out infinite mic-wave}.voice-panel[data-state=listening] .mic-stage:after{animation:1.8s ease-out .42s infinite mic-wave}.voice-panel[data-state=listening] .mic-ring-outer{border-color:color-mix(in srgb, var(--accent) 42%, transparent);animation:1.55s ease-out infinite mic-breathe}.voice-panel[data-state=listening] .mic-ring-inner{border-color:color-mix(in srgb, var(--accent) 55%, transparent);animation:1.55s ease-out infinite mic-breathe-soft}.voice-panel[data-state=processing] .mic-button{filter:saturate(.9);box-shadow:0 18px 32px color-mix(in srgb, var(--accent) 16%, transparent), 0 0 0 10px color-mix(in srgb, var(--accent) 8%, transparent)}.voice-panel[data-state=processing] .mic-ring-inner{border-top-color:var(--accent);opacity:.86;animation:1.1s linear infinite mic-processing}.voice-panel[data-state=done] .mic-ring-inner{opacity:.82;border-color:#16a34a70}.voice-panel[data-state=error] .mic-button{background:linear-gradient(#ef4444,#b91c1c);box-shadow:0 18px 34px #ef444433,0 0 0 10px #ef444414}.voice-panel[data-state=error] .mic-ring-inner{opacity:.8;border-color:#ef444457}@keyframes mic-breathe{0%{opacity:.74;transform:scale(.72)}65%,to{opacity:0;transform:scale(1.28)}}@keyframes mic-breathe-soft{0%,to{opacity:.54;transform:scale(.96)}50%{opacity:.94;transform:scale(1.11)}}@keyframes mic-button-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes mic-wave{0%{opacity:.48;transform:scale(.66)}72%,to{opacity:0;transform:scale(1.22)}}@keyframes mic-processing{to{transform:rotate(360deg)}}.voice-control strong{color:var(--accent);font-size:14px}.voice-control p,.voice-control small{color:#64748b;text-align:center;max-width:150px;margin:0;font-size:12px;line-height:1.55}.voice-control .button-secondary{width:100%;margin-top:4px}.voice-workspace{gap:14px;padding:28px 38px;display:grid}.workspace-row{justify-content:space-between;align-items:center;gap:14px;min-height:28px;display:flex}.workspace-title{color:var(--accent);align-items:center;gap:8px;font-size:14px;display:inline-flex}.workspace-meta{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.workspace-separator{color:#94a3b8}.status-dot{background:#94a3b8;border-radius:999px;width:7px;height:7px}.status-dot.active{background:#16a34a;animation:1.2s ease-in-out infinite status-pulse}.status-dot.pending{background:var(--accent)}.status-dot.warning{background:#d97706}.status-dot.idle{background:#94a3b8}.textarea-field{gap:8px;display:grid;position:relative}.voice-workspace .textarea-field>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.textarea-field textarea{resize:none;color:#0f172a;background:#fff;border:1px solid #dde3ec;border-radius:14px;width:100%;min-height:116px;padding:16px 16px 18px;line-height:1.5;box-shadow:inset 0 1px #ffffffb3}.textarea-field textarea:focus{border-color:var(--accent);outline:3px solid var(--accent-tint)}.workspace-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.privacy-note{color:#64748b;margin:0;font-size:12px;line-height:1.4}.privacy-note strong{color:#0f172a}.privacy-note a{color:var(--accent);font-weight:700;text-decoration:none}.footer-actions{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.auto-copy-status{align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.auto-copy-status-success{color:#15803d}.auto-copy-status-warning{color:#b45309}.auto-copy-status-pending{color:var(--accent-strong)}.auto-copy-status-idle{color:#64748b}.clear-button{color:#64748b;background:#f8fafc;border-color:#e2e8f0;min-width:92px}.status-message{border:1px solid color-mix(in srgb, var(--accent) 18%, #dbe7ef);color:color-mix(in srgb, var(--accent-strong) 55%, #0f172a);background:color-mix(in srgb, var(--accent-soft) 58%, #fff);border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}.status-message-success{color:#166534;background:#f0fdf4;border-color:#22c55e40}.status-message-warning{color:#92400e;background:#fffbeb;border-color:#f59e0b47}.status-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 15px;font-weight:800}.button:disabled{cursor:not-allowed;opacity:.62}.button-primary{color:#fff;background:var(--accent)}.button-secondary{color:#0f172a;background:#fff;border-color:#d9e0ea}.browser-support{color:#475569;opacity:.9;justify-items:center;gap:18px;margin:26px 0 0;font-size:14px;display:grid}.browser-support p{margin:0}.browser-support-list{color:#475569;flex-wrap:wrap;justify-content:center;gap:14px;font-weight:600;display:flex}.browser-chip{background:#ffffffc7;border-radius:999px;align-items:center;gap:10px;padding:8px 13px;display:inline-flex;box-shadow:inset 0 0 0 1px #94a3b829,0 8px 18px #0f172a0a}.browser-icon{flex:none;width:22px;height:22px}.browser-support strong{color:#0f172a}.page-footer{color:#64748b;opacity:.86;border-top:1px solid #94a3b847;justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:82px auto 0;padding:20px 28px 30px;font-size:13px;display:flex}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.45)}}.page-footer-brand{flex-wrap:wrap;gap:12px;display:flex}.page-footer nav{flex-wrap:wrap;gap:14px;display:flex}.page-footer a{color:#334155;font-size:13px;font-weight:700;text-decoration:none}@media (width<=760px),(hover:none) and (pointer:coarse){.page-header{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 20px}.page-nav,.page-nav-links,.page-nav-controls,.page-header nav{flex-wrap:wrap}.page-nav,.page-nav-controls{gap:12px}.home-page,.content-page{padding:20px 16px 48px}.hero{padding-top:30px}.hero h1{font-size:34px}.page[data-locale=zh-CN] .hero h1{max-width:340px;font-size:30px;line-height:1.16}.hero-line{white-space:normal}.voice-panel{border-radius:18px;grid-template-columns:1fr;min-height:0}.voice-control{border-bottom:1px solid #e2e8f0;border-right:0}.voice-workspace{padding:22px 18px 20px}.workspace-row{flex-direction:column;align-items:flex-start;gap:6px}.workspace-footer{flex-direction:column;align-items:flex-start}.status-panel{grid-template-columns:1fr}.footer-actions,.footer-actions .button{width:100%}.footer-actions{display:grid}.page-footer{flex-direction:column;align-items:flex-start;padding:22px 16px 32px}.page-footer-brand{gap:12px 20px}}.content-card{background:#ffffffe0;border:1px solid #e2e8f0eb;border-radius:20px;gap:18px;padding:28px;display:grid;box-shadow:0 20px 56px #0f172a14}.content-card h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.08}.content-card h2{margin:0 0 10px;font-size:20px}.content-lead{color:#475569;margin:0;font-size:17px;line-height:1.75}.content-list,.content-bullets,.faq-list{gap:16px;display:grid}.content-list{margin:0;padding-left:20px}.content-list li,.content-bullets li,.faq-list section p,.content-note p{color:#334155;line-height:1.75}.content-bullets{margin:0;padding-left:20px}.content-note{background:color-mix(in srgb, var(--accent-soft) 68%, #fff);border-radius:16px;padding:18px}.content-note strong{margin-bottom:8px;display:block}.not-found-card{justify-items:start}.not-found-code{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.content-actions{flex-wrap:wrap;gap:12px;display:flex}html,body,#root{min-height:100%}body{overflow-x:hidden}.page,.home-page,.content-page,.voice-panel,.voice-control,.voice-workspace,.workspace-row,.workspace-footer,.status-panel,.page-nav,.page-nav-links,.page-nav-controls{min-width:0}.page{overflow-x:hidden}.nav-cta{white-space:nowrap}.nav-cta-short{display:none}.voice-workspace{--textarea-height:132px}.textarea-field textarea{height:var(--textarea-height);min-height:var(--textarea-height);max-height:var(--textarea-height);overflow:auto}@media (width<=920px){.page-header{padding-inline:20px}.page-nav{gap:12px}.page-nav-links{gap:4px}.page-nav-controls{gap:10px}.theme-options{gap:9px}.nav-select select{min-width:92px;padding-inline:12px 32px}}@media (width<=760px),(hover:none) and (pointer:coarse){.page-header{flex-direction:row;align-items:center;gap:12px;padding:14px 14px 10px;position:relative}.brand{flex:none;gap:9px;font-size:18px}.brand-mark{border-radius:11px;width:30px;height:30px}.page-nav{flex:auto;justify-content:flex-end;margin-left:auto}.page-nav-links,.theme-options{display:none}.page-nav-controls{justify-content:flex-end;gap:8px;width:100%}.nav-select select{border-radius:10px;min-width:78px;padding:8px 24px 8px 10px;font-size:12px}.nav-select:after{right:10px}.page-header a.nav-cta{border-radius:10px;padding:8px 11px;font-size:12px}.nav-cta-full{display:none}.nav-cta-short{display:inline}.home-page,.content-page{padding:18px 12px 44px}.hero{margin-bottom:20px;padding-top:22px;padding-bottom:8px}.eyebrow{min-height:30px;margin-bottom:16px;padding-inline:13px;font-size:12px}.hero h1{letter-spacing:-.045em;max-width:390px;font-size:clamp(31px,8.4vw,38px);line-height:1.12}.page[data-locale=zh-CN] .hero h1{max-width:360px;font-size:clamp(29px,8vw,34px);line-height:1.16}.hero-line{white-space:nowrap}.page[data-locale=en-US] .hero-line{white-space:normal}.hero p{max-width:360px;margin-top:16px;font-size:15px;line-height:1.62}.voice-panel{border-radius:18px;width:100%;margin-top:22px}.voice-control{gap:14px;padding:20px 16px 18px}.language-selector{gap:7px;max-width:280px}.language-selector select{border-radius:11px;padding:9px 11px}.mic-stage{width:132px;height:132px}.mic-button,.button.mic-button{width:92px;height:92px;box-shadow:0 16px 28px var(--accent-tint), 0 0 0 10px color-mix(in srgb, var(--accent) 8%, transparent);border-width:10px}.mic-button svg{width:30px;height:30px}.voice-control strong{font-size:13px}.voice-control p,.voice-control small{max-width:220px;font-size:12px}.voice-workspace{--textarea-height:112px;gap:12px;padding:18px 14px}.workspace-row{flex-flow:wrap;align-items:center;gap:8px}.workspace-title,.workspace-meta,.auto-copy-status{font-size:12px}.textarea-field textarea{border-radius:12px;padding:13px 13px 15px;font-size:14px}.workspace-footer{gap:12px}.privacy-note{font-size:12px}.status-panel{gap:10px}.status-message{padding:11px 12px;font-size:12px}.browser-support{gap:13px;margin-top:22px;font-size:13px}.browser-support-list{gap:9px}.browser-chip{padding:7px 10px}.browser-icon{width:19px;height:19px}.page-footer{margin-top:54px}}@media (width<=420px),(device-width<=430px) and (hover:none) and (pointer:coarse){.page-header{padding-inline:12px}.brand span:last-child{max-width:74px}.nav-select select{min-width:70px;max-width:82px}.page-header a.nav-cta{padding-inline:10px}.page[data-locale=zh-CN] .hero h1{font-size:clamp(27px,7.7vw,32px)}.hero h1{font-size:clamp(29px,8vw,35px)}.voice-workspace{--textarea-height:104px;padding-inline:12px}.workspace-row{flex-direction:column;align-items:flex-start;gap:5px}}.locale-switch{color:#64748b;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.locale-switch button{color:#64748b;cursor:pointer;font:inherit;background:0 0;border:0;padding:6px 3px}.locale-switch button.active{color:var(--accent)}.locale-switch button:focus-visible{outline:3px solid var(--accent-tint);border-radius:8px}.voice-language-control{order:1;width:100%}.mic-stage{order:2}.mic-copy{order:3;justify-items:center;gap:6px;display:grid}.auto-copy-line{align-items:center;display:flex}@media (width<=760px),(hover:none) and (pointer:coarse){.page-header{padding:22px 28px 12px}.brand{letter-spacing:-.04em;font-size:26px}.brand-mark,.page-nav-links,.theme-options,.nav-cta{display:none}.page-nav-controls{width:auto}.locale-switch{gap:9px;font-size:17px}.locale-switch button{padding:6px 2px}.home-page{padding:18px 24px}.hero{text-align:left;margin-bottom:24px;padding-top:22px;padding-bottom:8px}.eyebrow{display:none}.hero h1{letter-spacing:-.065em;max-width:100%;margin:0;font-size:clamp(48px,13.5vw,62px);line-height:1.05}.hero-title-fixed{justify-items:start;gap:4px}.hero-en-desktop-line{display:none}.hero-en-mobile-line{display:block}.page[data-locale=zh-CN] .hero h1{letter-spacing:-.055em;max-width:100%;font-size:clamp(37px,10vw,48px);line-height:1.12}.hero-line,.page[data-locale=en-US] .hero-line{white-space:normal}.hero p{max-width:100%;margin:22px 0 0;font-size:17px;line-height:1.55}.voice-panel{width:100%;max-width:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:28px;margin-top:30px;display:flex;overflow:visible}.voice-workspace{--textarea-height:128px;background:#ffffffe6;border:1px solid #e2e8f0eb;border-radius:28px;order:1;gap:14px;padding:28px 16px;box-shadow:0 24px 52px #0f172a14}.voice-control{background:0 0;border:0;order:2;justify-items:center;gap:18px;padding:0 0 12px;display:grid}.voice-language-control{display:none}.mic-copy{order:1;gap:5px}.mic-copy strong,.voice-control strong{color:#0f172a;letter-spacing:-.03em;font-size:22px}.mic-copy p,.voice-control p,.voice-control small{color:#64748b;max-width:300px;font-size:15px;line-height:1.45}.mic-stage{order:2;width:148px;height:148px;margin-top:-2px}.mic-button,.button.mic-button{border-width:12px;width:108px;height:108px}.mic-button svg{width:36px;height:36px}.workspace-row{flex-direction:column;align-items:flex-start;gap:6px;min-height:0}.workspace-title{color:#0f172a;gap:0;font-size:17px}.workspace-title span[aria-hidden=true],.workspace-meta{display:none}.textarea-field textarea{color:#0f172a;border-radius:12px;padding:17px 16px;font-size:16px;line-height:1.45}.auto-copy-line{margin-top:2px}.auto-copy-status{background:color-mix(in srgb, var(--accent-soft) 76%, #fff);border-radius:10px;padding:7px 10px;font-size:15px}.status-panel{grid-template-columns:1fr;gap:10px;display:grid}.status-message{border-radius:12px;padding:13px 14px;font-size:15px;line-height:1.35}.workspace-footer,.browser-support{display:none}.page-footer{text-align:center;border-top:0;justify-content:center;gap:8px;margin-top:0;padding:0 24px 24px;font-size:14px}.page-footer-brand{justify-content:center;gap:0;width:100%}.page-footer-brand span{color:#64748b}.page-footer-brand span:first-letter{letter-spacing:0}.page-footer nav{order:-1;justify-content:center;gap:18px;width:100%}.page-footer a{color:#64748b;font-size:14px;font-weight:600}}@media (width>=761px){.hero-en-mobile-line{display:none}}@media (width<=420px),(device-width<=430px) and (hover:none) and (pointer:coarse){.page-header{padding-inline:22px}.home-page{padding-inline:18px}.hero h1{font-size:clamp(42px,12.3vw,54px)}.hero p{font-size:16px}.page[data-locale=zh-CN] .hero h1{font-size:clamp(34px,9.4vw,42px)}.voice-workspace{--textarea-height:118px;border-radius:24px;padding:24px 14px}.mic-copy strong,.voice-control strong{font-size:21px}.mic-copy p,.voice-control p,.voice-control small{font-size:14px}}html.is-mobile-device body,html.is-mobile-device .page{overflow-x:hidden}html.is-mobile-device .page-header{flex-direction:row;align-items:center;padding:22px 28px 12px}html.is-mobile-device .brand{letter-spacing:-.04em;gap:0;font-size:26px}html.is-mobile-device .brand-mark,html.is-mobile-device .page-nav-links,html.is-mobile-device .theme-options,html.is-mobile-device .nav-cta{display:none!important}html.is-mobile-device .page-nav{flex:auto;justify-content:flex-end;margin-left:auto}html.is-mobile-device .page-nav-controls{justify-content:flex-end;width:auto}html.is-mobile-device .locale-switch{gap:9px;font-size:17px;display:inline-flex}html.is-mobile-device .home-page{max-width:none;padding:18px 24px}html.is-mobile-device .hero{text-align:left;margin-bottom:24px;padding-top:22px;padding-bottom:8px}html.is-mobile-device .eyebrow{display:none}html.is-mobile-device .hero h1{letter-spacing:-.065em;max-width:100%;margin:0;font-size:clamp(42px,12.3vw,62px);line-height:1.05}html.is-mobile-device .hero-title-fixed{justify-items:start;gap:4px}html.is-mobile-device .hero-en-desktop-line{display:none}html.is-mobile-device .hero-en-mobile-line{display:block}html.is-mobile-device .hero-line,html.is-mobile-device .page[data-locale=en-US] .hero-line{white-space:normal}html.is-mobile-device .hero p{max-width:100%;margin:22px 0 0;font-size:16px;line-height:1.55}html.is-mobile-device .voice-panel{width:100%;max-width:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:28px;margin-top:30px;display:flex;overflow:visible}html.is-mobile-device .voice-workspace{--textarea-height:118px;background:#ffffffe6;border:1px solid #e2e8f0eb;border-radius:24px;order:1;gap:14px;padding:24px 14px;box-shadow:0 24px 52px #0f172a14}html.is-mobile-device .voice-control{background:0 0;border:0;order:2;justify-items:center;gap:18px;padding:0 0 12px;display:grid}html.is-mobile-device .voice-language-control,html.is-mobile-device .workspace-footer,html.is-mobile-device .browser-support,html.is-mobile-device .workspace-meta,html.is-mobile-device .workspace-title span[aria-hidden=true]{display:none!important}html.is-mobile-device .workspace-row{flex-direction:column;align-items:flex-start;gap:6px;min-height:0}html.is-mobile-device .workspace-title{color:#0f172a;gap:0;font-size:17px}html.is-mobile-device .textarea-field textarea{color:#0f172a;border-radius:12px;padding:17px 16px;font-size:16px;line-height:1.45}html.is-mobile-device .auto-copy-status{background:color-mix(in srgb, var(--accent-soft) 76%, #fff);border-radius:10px;padding:7px 10px;font-size:15px}html.is-mobile-device .status-panel{grid-template-columns:1fr;gap:10px;display:grid}html.is-mobile-device .status-message{border-radius:12px;padding:13px 14px;font-size:15px;line-height:1.35}html.is-mobile-device .mic-copy{order:1;gap:5px}html.is-mobile-device .mic-copy strong,html.is-mobile-device .voice-control strong{color:#0f172a;letter-spacing:-.03em;font-size:21px}html.is-mobile-device .mic-copy p,html.is-mobile-device .voice-control p,html.is-mobile-device .voice-control small{color:#64748b;max-width:300px;font-size:14px;line-height:1.45}html.is-mobile-device .mic-stage{order:2;width:148px;height:148px;margin-top:-2px}html.is-mobile-device .mic-button,html.is-mobile-device .button.mic-button{border-width:12px;width:108px;height:108px}html.is-mobile-device .mic-button svg{width:36px;height:36px}html.is-mobile-device .page-footer{text-align:center;border-top:0;justify-content:center;gap:8px;margin-top:0;padding:0 24px 24px;font-size:14px}html.is-mobile-device .page-footer-brand{justify-content:center;width:100%}html.is-mobile-device .page-footer nav{order:-1;justify-content:center;gap:18px;width:100%}html.is-mobile-device .page-footer a,html.is-mobile-device .page-footer-brand span{color:#64748b;font-size:14px;font-weight:600}@media (width<=760px),(hover:none) and (pointer:coarse){html,body,#root{min-height:100%}body{background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30%), linear-gradient(180deg, #f8fbff 0%, #fff 46%, #f8fafc 100%)}.page-header{padding:20px 26px 8px}.home-page{padding:8px 18px 120px}.hero{margin-bottom:12px;padding-top:12px;padding-bottom:0}.hero h1{letter-spacing:-.058em;font-size:clamp(40px,10.8vw,50px);line-height:1.02}.page[data-locale=zh-CN] .hero h1{letter-spacing:-.035em;font-size:clamp(30px,8.2vw,34px);line-height:1.14}.page[data-locale=zh-CN] .hero-line{white-space:nowrap}.hero p{margin-top:14px;font-size:15px;line-height:1.52}.voice-panel{gap:12px;margin-top:18px}.voice-workspace{--textarea-height:96px;border-radius:22px;gap:12px;padding:20px 14px 18px}.workspace-title{font-size:16px}.textarea-field{gap:7px}.textarea-field textarea{padding:14px;font-size:15px;line-height:1.4}.auto-copy-line{margin-top:0}.status-panel{gap:8px}.voice-panel[data-state=idle] .status-panel,.voice-panel[data-state=listening] .status-panel{display:none}.status-panel .button-secondary{color:#fff;background:var(--accent);width:100%;min-height:44px;box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 18%, transparent);border-color:#0000;border-radius:12px}.voice-control{z-index:60;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #e2e8f0db;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:12px;padding:12px 14px;position:fixed;box-shadow:0 20px 52px #0f172a29}.mic-copy{text-align:left;order:1;justify-items:start;gap:3px;min-width:0}.mic-copy strong,.voice-control strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:18px;line-height:1.16;overflow:hidden}.mic-copy p,.voice-control p,.voice-control small{color:#64748b;max-width:100%;font-size:12.5px;line-height:1.32}.mic-stage{flex:none;order:2;width:78px;height:78px;margin:0}.mic-stage:before,.mic-stage:after,.mic-ring-outer{display:none}.mic-ring-inner{background:color-mix(in srgb, var(--accent) 13%, transparent);opacity:1;border:0;inset:4px}.mic-button,.button.mic-button{border:7px solid color-mix(in srgb, var(--accent) 15%, #fff);width:62px;height:62px;box-shadow:0 14px 26px color-mix(in srgb, var(--accent) 24%, transparent), 0 0 0 7px color-mix(in srgb, var(--accent) 8%, transparent);background:radial-gradient(circle at 36% 28%, #fff5 0, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, #fff), var(--accent-strong))!important;opacity:1!important}.button.mic-button:disabled{filter:saturate(.9);opacity:.78!important}.mic-button svg{width:26px;height:26px;fill:#fff!important}.page-footer{padding:16px 18px 118px}}@media (width<=390px),(device-width<=390px) and (hover:none) and (pointer:coarse){.page-header{padding-inline:22px}.home-page{padding-inline:14px}.hero h1{font-size:clamp(38px,10.4vw,46px)}.page[data-locale=zh-CN] .hero h1{font-size:clamp(28px,7.8vw,32px)}.hero p{font-size:14.5px}.voice-workspace{--textarea-height:88px;padding:18px 12px 16px}.voice-control{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 10px);border-radius:20px}.mic-copy strong,.voice-control strong{font-size:17px}}html.is-mobile-device .hero{margin-bottom:12px;padding-top:12px}html.is-mobile-device .hero h1{font-size:clamp(40px,10.8vw,50px);line-height:1.02}html.is-mobile-device .page[data-locale=zh-CN] .hero-line{white-space:nowrap}html.is-mobile-device .voice-panel{gap:12px;margin-top:18px}html.is-mobile-device .voice-workspace{--textarea-height:96px;border-radius:22px;padding:20px 14px 18px}html.is-mobile-device .voice-panel[data-state=idle] .status-panel,html.is-mobile-device .voice-panel[data-state=listening] .status-panel{display:none}html.is-mobile-device .voice-control{z-index:60;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #e2e8f0db;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:12px;padding:12px 14px;position:fixed;box-shadow:0 20px 52px #0f172a29}html.is-mobile-device .mic-copy{text-align:left;justify-items:start;gap:3px;min-width:0}html.is-mobile-device .mic-copy strong,html.is-mobile-device .voice-control strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:18px;line-height:1.16;overflow:hidden}html.is-mobile-device .mic-copy p,html.is-mobile-device .voice-control p,html.is-mobile-device .voice-control small{font-size:12.5px;line-height:1.32}html.is-mobile-device .mic-ring-inner{background:color-mix(in srgb, var(--accent) 13%, transparent);opacity:1;border:0;inset:4px}html.is-mobile-device .page-footer{padding-bottom:118px}@media (width>=981px){.home-page{padding-top:18px;padding-bottom:48px}.hero{margin-bottom:0;padding-top:46px;padding-bottom:8px}.hero p{margin-top:16px}.voice-panel{min-height:430px;margin-top:28px}.voice-control{padding-top:26px;padding-bottom:22px}.voice-workspace{--textarea-height:122px;gap:12px;padding-top:26px;padding-bottom:24px}.browser-support{margin-top:22px}.page-footer{margin-top:56px}}@media (width>=761px) and (width<=980px){.page-header{max-width:none;padding:14px 24px}.home-page{max-width:none;padding:18px 28px 42px}.hero{margin-bottom:0;padding-top:24px;padding-bottom:0}.eyebrow{min-height:32px;margin-bottom:14px;padding-inline:16px}.hero h1{max-width:760px;font-size:clamp(44px,6.2vw,58px);line-height:1.06}.hero p{max-width:680px;margin-top:14px;font-size:16px;line-height:1.58}.voice-panel{border-radius:20px;grid-template-columns:250px minmax(0,1fr);min-height:390px;margin-top:22px}.voice-control{gap:14px;padding:22px 22px 20px}.mic-stage{width:132px;height:132px}.mic-button,.button.mic-button{border-width:10px;width:94px;height:94px}.voice-workspace{--textarea-height:106px;gap:11px;padding:22px 30px}.workspace-row{min-height:24px}.textarea-field textarea{padding-top:13px;padding-bottom:13px}.status-message{padding-top:10px;padding-bottom:10px}.browser-support{gap:12px;margin-top:18px}.page-footer{margin-top:38px;padding-top:18px;padding-bottom:24px}}@media (width>=981px){.home-page{padding-top:8px}.hero{padding-top:22px;padding-bottom:4px}.voice-panel{margin-top:24px}}@media (width>=761px) and (width<=980px){.home-page{padding-top:8px}.hero{padding-top:12px;padding-bottom:0}.voice-panel{margin-top:18px}}@media (width<=760px),(hover:none) and (pointer:coarse){.page-header{padding:18px 24px 8px}.home-page{padding:8px 18px 28px}.hero{margin-bottom:12px;padding-top:10px;padding-bottom:0}.hero h1{letter-spacing:-.055em;font-size:clamp(38px,10.4vw,48px);line-height:1.04}.page[data-locale=zh-CN] .hero h1{letter-spacing:-.04em;font-size:clamp(31px,8.6vw,38px);line-height:1.12}.hero p{margin-top:12px;font-size:15px;line-height:1.48}.voice-panel{flex-direction:column;gap:14px;margin-top:16px;display:flex}.voice-panel:not([data-has-content=true]) .voice-control,.voice-panel[data-state=listening] .voice-control{order:1}.voice-panel:not([data-has-content=true]) .voice-workspace,.voice-panel[data-state=listening] .voice-workspace{order:2}.voice-panel[data-has-content=true]:not([data-state=listening]) .voice-workspace{order:1}.voice-panel[data-has-content=true]:not([data-state=listening]) .voice-control{order:2}.voice-control{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #e2e8f0eb;border-radius:24px;grid-template-columns:1fr;justify-items:center;gap:12px;width:100%;padding:20px 18px 22px;display:grid;box-shadow:0 18px 42px #0f172a14;position:static!important}.voice-control .voice-language-control{display:none!important}.mic-copy{text-align:center;order:1;justify-items:center;gap:4px}.mic-copy strong,.voice-control strong{color:#0f172a;letter-spacing:-.03em;white-space:normal;text-overflow:clip;max-width:none;font-size:21px;line-height:1.16;overflow:visible}.mic-copy p,.voice-control p,.voice-control small{color:#64748b;text-align:center;max-width:280px;font-size:14px;line-height:1.4}.mic-stage{order:2;width:118px;height:118px;margin:0}.mic-stage:before,.mic-stage:after,.mic-ring-outer{display:block}.mic-ring-inner{border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);opacity:.64;background:0 0;inset:20px}.mic-button,.button.mic-button{border:9px solid color-mix(in srgb, var(--accent) 17%, #fff);width:86px;height:86px;box-shadow:0 16px 30px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 0 9px color-mix(in srgb, var(--accent) 8%, transparent);background:radial-gradient(circle at 36% 28%, #fff5 0, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, #fff), var(--accent-strong))!important;opacity:1!important}.mic-button svg{width:31px;height:31px;fill:#fff!important}.button.mic-button:disabled{filter:saturate(.92);opacity:.72!important}.voice-workspace{--textarea-height:92px;border-radius:22px;gap:12px;padding:20px 14px 18px}.workspace-title{font-size:16px}.textarea-field textarea{padding:14px;font-size:15px;line-height:1.42}.voice-panel:not([data-has-content=true]) .status-panel,.voice-panel[data-state=listening] .status-panel{display:none}.auto-copy-status-warning{color:#9a4b00}.status-message-warning{color:#7c3e00;background:#fff8e6;border-color:#f59e0b38}.status-panel .button-secondary{color:#fff;background:var(--accent);width:100%;min-height:46px;box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 18%, transparent);border-color:#0000;border-radius:13px}.page-footer{margin-top:8px;padding:12px 18px 28px}}@media (width<=390px),(device-width<=390px) and (hover:none) and (pointer:coarse){.page-header{padding-inline:18px}.home-page{padding-inline:14px}.hero h1{font-size:clamp(36px,10vw,44px)}.page[data-locale=zh-CN] .hero h1{font-size:clamp(29px,8.1vw,34px)}.voice-workspace{--textarea-height:86px;padding-inline:12px}.voice-control{border-radius:22px;padding-block:18px 20px}}html.is-mobile-device .home-page{padding:8px 18px 28px}html.is-mobile-device .hero{margin-bottom:12px;padding-top:10px;padding-bottom:0}html.is-mobile-device .hero h1{letter-spacing:-.055em;font-size:clamp(38px,10.4vw,48px);line-height:1.04}html.is-mobile-device .page[data-locale=zh-CN] .hero h1{letter-spacing:-.04em;font-size:clamp(31px,8.6vw,38px);line-height:1.12}html.is-mobile-device .hero p{margin-top:12px;font-size:15px;line-height:1.48}html.is-mobile-device .voice-panel{flex-direction:column;gap:14px;margin-top:16px;display:flex}html.is-mobile-device .voice-panel:not([data-has-content=true]) .voice-control,html.is-mobile-device .voice-panel[data-state=listening] .voice-control{order:1}html.is-mobile-device .voice-panel:not([data-has-content=true]) .voice-workspace,html.is-mobile-device .voice-panel[data-state=listening] .voice-workspace{order:2}html.is-mobile-device .voice-panel[data-has-content=true]:not([data-state=listening]) .voice-workspace{order:1}html.is-mobile-device .voice-panel[data-has-content=true]:not([data-state=listening]) .voice-control{order:2}html.is-mobile-device .voice-control{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #e2e8f0eb;border-radius:24px;grid-template-columns:1fr;justify-items:center;gap:12px;width:100%;padding:20px 18px 22px;display:grid;box-shadow:0 18px 42px #0f172a14;position:static!important}html.is-mobile-device .voice-language-control{display:none!important}html.is-mobile-device .mic-copy{text-align:center;justify-items:center;gap:4px}html.is-mobile-device .mic-copy strong,html.is-mobile-device .voice-control strong{color:#0f172a;letter-spacing:-.03em;white-space:normal;text-overflow:clip;max-width:none;font-size:21px;line-height:1.16;overflow:visible}html.is-mobile-device .mic-copy p,html.is-mobile-device .voice-control p,html.is-mobile-device .voice-control small{color:#64748b;text-align:center;max-width:280px;font-size:14px;line-height:1.4}html.is-mobile-device .mic-stage{width:118px;height:118px;margin:0}html.is-mobile-device .mic-stage:before,html.is-mobile-device .mic-stage:after,html.is-mobile-device .mic-ring-outer{display:block}html.is-mobile-device .mic-ring-inner{border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);opacity:.64;background:0 0;inset:20px}html.is-mobile-device .mic-button,html.is-mobile-device .button.mic-button{border:9px solid color-mix(in srgb, var(--accent) 17%, #fff);width:86px;height:86px;box-shadow:0 16px 30px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 0 9px color-mix(in srgb, var(--accent) 8%, transparent);background:radial-gradient(circle at 36% 28%, #fff5 0, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, #fff), var(--accent-strong))!important;opacity:1!important}html.is-mobile-device .mic-button svg{width:31px;height:31px;fill:#fff!important}html.is-mobile-device .button.mic-button:disabled{filter:saturate(.92);opacity:.72!important}html.is-mobile-device .voice-workspace{--textarea-height:92px;border-radius:22px;gap:12px;padding:20px 14px 18px}html.is-mobile-device .voice-panel:not([data-has-content=true]) .status-panel,html.is-mobile-device .voice-panel[data-state=listening] .status-panel{display:none}html.is-mobile-device .status-panel .button-secondary{color:#fff;background:var(--accent);width:100%;min-height:46px;box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 18%, transparent);border-color:#0000;border-radius:13px}html.is-mobile-device .page-footer{margin-top:8px;padding:12px 18px 28px}
