: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}.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{color:#15803d;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.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:28px;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){.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}}