/*! JiongYaTTS 囧鸭配音 - 版权所有。未经书面许可，禁止复制、修改、再发布本文件及其派生作品。 */
:root{--primary-color:#0e7c86;--primary-hover:#0b6a73;--primary-active:#095a62;--primary-light:#e6f7f8;--primary-border:#b3e6e9;--secondary-color:#475569;--success-color:#059669;--success-light:#ecfdf5;--warning-color:#d97706;--warning-light:#fffbeb;--error-color:#dc2626;--error-light:#fef2f2;--error-border:#fecaca;--background-color:#f8fafc;--surface-color:#ffffff;--surface-muted:#f1f5f9;--surface-hover:#f8fafc;--surface-active:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#0e8f9a;--shadow-xs:0 1px 2px 0 rgba(15, 23, 42, 0.05);--shadow-sm:0 1px 3px 0 rgba(15, 23, 42, 0.08),0 1px 2px -1px rgba(15, 23, 42, 0.05);--shadow-md:0 4px 6px -1px rgba(15, 23, 42, 0.07),0 2px 4px -2px rgba(15, 23, 42, 0.05);--shadow-lg:0 10px 15px -3px rgba(15, 23, 42, 0.08),0 4px 6px -4px rgba(15, 23, 42, 0.04);--shadow-xl:0 20px 25px -5px rgba(15, 23, 42, 0.1),0 8px 10px -6px rgba(15, 23, 42, 0.04);--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-mono:"JetBrains Mono","Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--transition-fast:0.12s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.18s cubic-bezier(0.4, 0, 0.2, 1);--transition-spring:0.45s cubic-bezier(0.22, 1, 0.36, 1);--accent-color:#e8a020;--gradient-brand:linear-gradient(135deg, #0e8f9a 0%, #16aeb8 52%, #2ec4b6 100%);--gradient-brand-soft:linear-gradient(135deg, #e6f7f8 0%, #e3f6f4 50%, #fdf6e3 100%);--gradient-text:linear-gradient(120deg, #0a6a72 0%, #0e8f9a 48%, #17a8b2 100%);--aurora-1:rgba(14, 143, 154, 0.18);--aurora-2:rgba(46, 196, 182, 0.16);--aurora-3:rgba(242, 181, 68, 0.14);--glass-bg:rgba(255, 255, 255, 0.72);--shadow-glow:0 10px 30px -10px rgba(14, 143, 154, 0.45);--surface-ring:inset 0 1px 0 0 rgba(255, 255, 255, 0.6);--card-edge-a:rgba(14, 143, 154, 0.55);--card-edge-b:rgba(242, 181, 68, 0.4);--card-tint:rgba(14, 143, 154, 0.07);--shadow-spotlight:0 28px 60px -30px rgba(14, 143, 154, 0.5)}[data-theme=dark]{--primary-color:#2ec4b6;--primary-hover:#56d8cc;--primary-active:#16aeb8;--primary-light:rgba(46, 196, 182, 0.12);--primary-border:rgba(46, 196, 182, 0.28);--secondary-color:#94a3b8;--success-color:#10b981;--success-light:rgba(16, 185, 129, 0.12);--warning-color:#f59e0b;--warning-light:rgba(245, 158, 11, 0.12);--error-color:#ef4444;--error-light:rgba(239, 68, 68, 0.12);--error-border:rgba(239, 68, 68, 0.25);--background-color:#090d16;--surface-color:#101623;--surface-muted:#172033;--surface-hover:#1e293b;--surface-active:#26354d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:rgba(255, 255, 255, 0.08);--border-hover:rgba(255, 255, 255, 0.16);--border-focus:#2ec4b6;--shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.35);--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.4),0 1px 2px -1px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.45),0 2px 4px -2px rgba(0, 0, 0, 0.35);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5),0 4px 6px -4px rgba(0, 0, 0, 0.4);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.6),0 8px 10px -6px rgba(0, 0, 0, 0.4);--accent-color:#f2b544;--gradient-brand:linear-gradient(135deg, #0e8f9a 0%, #16aeb8 52%, #2ec4b6 100%);--gradient-brand-soft:linear-gradient(135deg, rgba(46, 196, 182, 0.18) 0%, rgba(22, 174, 184, 0.16) 50%, rgba(242, 181, 68, 0.14) 100%);--gradient-text:linear-gradient(120deg, #9af0e6 0%, #5fded2 50%, #2ec4b6 100%);--aurora-1:rgba(46, 196, 182, 0.26);--aurora-2:rgba(14, 143, 154, 0.24);--aurora-3:rgba(242, 181, 68, 0.12);--glass-bg:rgba(16, 22, 35, 0.72);--shadow-glow:0 10px 30px -10px rgba(46, 196, 182, 0.5);--surface-ring:inset 0 1px 0 0 rgba(255, 255, 255, 0.05);--card-edge-a:rgba(46, 196, 182, 0.5);--card-edge-b:rgba(245, 207, 122, 0.3);--card-tint:rgba(46, 196, 182, 0.14);--shadow-spotlight:0 30px 64px -28px rgba(46, 196, 182, 0.45)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-color:#2ec4b6;--primary-hover:#56d8cc;--primary-active:#16aeb8;--primary-light:rgba(46, 196, 182, 0.12);--primary-border:rgba(46, 196, 182, 0.28);--secondary-color:#94a3b8;--success-color:#10b981;--success-light:rgba(16, 185, 129, 0.12);--warning-color:#f59e0b;--warning-light:rgba(245, 158, 11, 0.12);--error-color:#ef4444;--error-light:rgba(239, 68, 68, 0.12);--error-border:rgba(239, 68, 68, 0.25);--background-color:#090d16;--surface-color:#101623;--surface-muted:#172033;--surface-hover:#1e293b;--surface-active:#26354d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:rgba(255, 255, 255, 0.08);--border-hover:rgba(255, 255, 255, 0.16);--border-focus:#2ec4b6;--shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.35);--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.4),0 1px 2px -1px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.45),0 2px 4px -2px rgba(0, 0, 0, 0.35);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5),0 4px 6px -4px rgba(0, 0, 0, 0.4);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.6),0 8px 10px -6px rgba(0, 0, 0, 0.4);--accent-color:#f2b544;--gradient-brand:linear-gradient(135deg, #0e8f9a 0%, #16aeb8 52%, #2ec4b6 100%);--gradient-brand-soft:linear-gradient(135deg, rgba(46, 196, 182, 0.18) 0%, rgba(22, 174, 184, 0.16) 50%, rgba(242, 181, 68, 0.14) 100%);--gradient-text:linear-gradient(120deg, #9af0e6 0%, #5fded2 50%, #2ec4b6 100%);--aurora-1:rgba(46, 196, 182, 0.26);--aurora-2:rgba(14, 143, 154, 0.24);--aurora-3:rgba(242, 181, 68, 0.12);--glass-bg:rgba(16, 22, 35, 0.72);--shadow-glow:0 10px 30px -10px rgba(46, 196, 182, 0.5);--surface-ring:inset 0 1px 0 0 rgba(255, 255, 255, 0.05);--card-edge-a:rgba(46, 196, 182, 0.5);--card-edge-b:rgba(245, 207, 122, 0.3);--card-tint:rgba(46, 196, 182, 0.14);--shadow-spotlight:0 30px 64px -28px rgba(46, 196, 182, 0.45)}}*{margin:0;padding:0;box-sizing:border-box}audio,img,pre,svg,table,video{max-width:100%}[hidden]{display:none!important}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;background-color:var(--background-color);background-image:linear-gradient(to right,rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.04) 1px,transparent 1px);background-size:32px 32px;color:var(--text-primary);min-height:100vh;overflow-x:hidden;overflow-x:clip;transition:background-color var(--transition-normal),color var(--transition-normal)}body::before{content:"";position:fixed;top:0;left:0;right:0;height:70vh;z-index:-1;pointer-events:none;background:radial-gradient(38% 42% at 18% 8%,var(--aurora-1) 0,transparent 70%),radial-gradient(34% 38% at 82% 4%,var(--aurora-2) 0,transparent 72%),radial-gradient(30% 34% at 50% 34%,var(--aurora-3) 0,transparent 75%);filter:blur(6px);animation:18s ease-in-out infinite alternate auroraDrift}:root:not([data-theme=light]) body,[data-theme=dark] body{background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px}@keyframes auroraDrift{from{opacity:.78}to{opacity:1}}.top-toolbar{max-width:900px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:900;background:var(--glass-bg);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;border-radius:10px;transition:border-color var(--transition-normal)}.top-toolbar::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.brand-badge{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);user-select:none;text-decoration:none}.brand-logo-img{display:block;height:50px;width:auto;flex-shrink:0;border-radius:var(--radius-md);background:#fffdf4;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.brand-badge:hover .brand-logo-img{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.brand-badge:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-md)}.toolbar-actions{display:flex;align-items:center;gap:6px}.toolbar-btn{height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);white-space:nowrap}.toolbar-btn:hover{color:var(--primary-color);border-color:var(--primary-border);background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.toolbar-btn:active{background:var(--surface-active)}.icon-svg{flex-shrink:0}.external-icon{opacity:.5;margin-left:-2px}.icon-sun{display:none}.icon-moon,:root:not([data-theme=light]) .icon-sun,[data-theme=dark] .icon-sun{display:block}:root:not([data-theme=light]) .icon-moon,[data-theme=dark] .icon-moon{display:none}.container{max-width:900px;margin:0 auto;padding:8px 16px 48px}.header{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 50% 0,var(--gradient-brand-soft) 0,transparent 65%),var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:30px 28px 24px;text-align:center;margin-bottom:16px;transition:background-color var(--transition-normal),border-color var(--transition-normal);animation:fadeInUp .55s var(--transition-spring) both}.header::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand)}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:var(--radius-full);background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary-color);font-size:.6875rem;font-weight:600;letter-spacing:.01em;margin-bottom:14px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success-color);box-shadow:0 0 0 3px var(--success-light);animation:2s ease-in-out infinite pulseDot}.header-brand-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.header h1,.hero-title{font-size:1.75rem;font-weight:700;letter-spacing:-.035em;line-height:1.2;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.header .subtitle{font-size:.875rem;color:var(--text-secondary);margin:0 auto 16px;max-width:620px;font-weight:400;line-height:1.65}.header .features{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.feature-item{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;background:var(--surface-color);border:1px solid var(--border-color);padding:4px 12px;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.feature-item:hover{color:var(--primary-color);border-color:var(--primary-border);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color)}.main-content{position:relative;border-radius:var(--radius-xl);border:1.5px solid transparent;background-color:var(--surface-color);background-image:radial-gradient(130% 96% at 50% -14%,var(--card-tint) 0,var(--surface-color) 64%),linear-gradient(155deg,var(--card-edge-a) 0,var(--card-edge-b) 52%,var(--border-color) 100%);background-origin:padding-box,border-box;background-clip:padding-box,border-box;box-shadow:var(--shadow-spotlight),var(--shadow-lg);margin-bottom:24px;transition:box-shadow var(--transition-normal);animation:fadeInUp .6s 80ms var(--transition-spring) both}.main-content:hover{box-shadow:var(--shadow-spotlight),var(--shadow-xl)}.main-content::before{content:"";position:absolute;top:-1.5px;left:22px;right:22px;height:2px;border-radius:0 0 var(--radius-full) var(--radius-full);background:var(--gradient-brand);pointer-events:none}.form-container{padding:28px 30px 30px}.card-head{display:flex;align-items:flex-start;gap:13px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--border-color)}.card-head-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-glow)}.card-head-text{flex:1;min-width:0}.card-head-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-full);background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary-color);font-size:.6875rem;font-weight:600;white-space:nowrap}.card-title{font-size:1.1875rem;font-weight:680;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:5px}.card-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.65}.form-group{margin-bottom:18px}.form-label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary);font-size:.8125rem;letter-spacing:-.01em}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.form-label-row .form-label{margin-bottom:0}.pause-help-btn{display:inline-flex;align-items:center;gap:4px;background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 7px;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pause-help-btn:hover{color:var(--primary-color);border-color:var(--primary-border);background:var(--primary-light)}.preview-voice-btn{display:inline-flex;align-items:center;gap:4px;background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 7px;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.preview-voice-btn:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-border);background:var(--primary-light)}.preview-voice-btn:disabled{cursor:progress;opacity:.75}.preview-voice-btn.is-playing{color:var(--primary-color);border-color:var(--primary-border);background:var(--primary-light)}.preview-icon{display:inline-flex;flex-shrink:0}.preview-icon svg{display:none}.preview-voice-btn .icon-play{display:block}.preview-voice-btn.is-loading .icon-play,.preview-voice-btn.is-playing .icon-play{display:none}.preview-voice-btn.is-loading .icon-loading{display:block;animation:.8s linear infinite spin}.preview-voice-btn.is-playing .icon-stop{display:block}.input-method-tabs{display:flex;gap:4px;background:var(--surface-muted);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:0 0;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.tab-btn.active{background:var(--gradient-brand);color:#fff;font-weight:600;border-color:transparent;box-shadow:var(--shadow-glow)}.tab-btn.active .tab-icon{color:rgba(255,255,255,.9)}.tab-icon{display:inline-flex;align-items:center;justify-content:center}.form-input,.form-select,.form-textarea{width:100%;padding:10px 13px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--surface-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);line-height:1.5}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-light)}.form-select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}.form-textarea{min-height:140px;resize:vertical}.ssml-editor{font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;background:var(--surface-muted)}.ssml-hint-text{margin-top:6px;font-size:.6875rem;color:var(--text-tertiary)}.file-upload-container{width:100%}.file-drop-zone{border:1.5px dashed var(--border-hover);border-radius:var(--radius-lg);padding:28px 16px;text-align:center;background:var(--surface-muted);cursor:pointer;transition:all var(--transition-normal)}.file-drop-zone.dragover,.file-drop-zone:hover{border-color:var(--primary-color);background:var(--primary-light);box-shadow:0 0 0 4px var(--primary-light)}.file-drop-zone.dragover .file-drop-icon{color:var(--primary-color);transform:translateY(-2px)}.file-drop-icon{transition:all var(--transition-fast);color:var(--text-tertiary);margin-bottom:6px;display:inline-flex;align-items:center;justify-content:center}.file-drop-text{font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.file-drop-hint{font-size:.6875rem;color:var(--text-tertiary)}.file-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:8px}.file-details{display:flex;align-items:center;gap:8px;overflow:hidden}.file-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-tertiary)}.file-remove-btn{background:0 0;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.8125rem;padding:2px 6px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.file-remove-btn:hover{color:var(--error-color)}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.controls-grid3{grid-template-columns:repeat(3,1fr)}.controls-grid3.has-hidden-item{grid-template-columns:repeat(2,1fr)}.control-value{font-size:.75rem;font-weight:600;color:var(--primary-color);font-family:var(--font-mono);font-variant-numeric:tabular-nums;float:right}.range-control{display:flex;flex-direction:column;gap:8px}.range-presets{display:flex;gap:4px}.preset-btn{flex:1;padding:4px 2px;background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;transition:all var(--transition-fast);text-align:center}.preset-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--surface-hover)}.preset-btn.active{background:var(--gradient-brand);color:#fff;border-color:transparent;font-weight:600;box-shadow:var(--shadow-glow)}.form-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--surface-active);outline:0;margin:8px 0;cursor:pointer;accent-color:var(--primary-color)}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gradient-brand);border:2px solid var(--surface-color);box-shadow:0 0 0 1px var(--primary-color),var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast)}.form-range::-webkit-slider-thumb:hover{transform:scale(1.18)}.form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);border:2px solid var(--surface-color);box-shadow:0 0 0 1px var(--primary-color),var(--shadow-md);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:.625rem;color:var(--text-tertiary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}select.combo-native{display:none!important}.combo{position:relative;width:100%}.combo-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.5;cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.combo-trigger:hover:not(:disabled){border-color:var(--border-hover)}.combo-trigger.is-open,.combo-trigger:focus-visible{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-light)}.combo-trigger:disabled{cursor:not-allowed;opacity:.55;background:var(--surface-muted)}.combo-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-value.is-placeholder{color:var(--text-tertiary)}.combo-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.combo-trigger.is-open .combo-chevron{transform:rotate(180deg);color:var(--primary-color)}.combo-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1200;min-width:min(240px,100%);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;display:none;animation:.14s ease-out fadeInDown}.combo-panel.show{display:block}.combo-search{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-tertiary)}.combo-search-input{flex:1;min-width:0;border:none;outline:0;background:0 0;color:var(--text-primary);font-family:inherit;font-size:.8125rem}.combo-search-input::placeholder{color:var(--text-tertiary)}.combo-list{max-height:244px;overflow-y:auto;padding:4px}.combo-group{padding:6px 9px 4px;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.02em}.combo-item{padding:7px 10px;border-radius:var(--radius-md);font-size:.8125rem;line-height:1.45;color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color var(--transition-fast),color var(--transition-fast)}.combo-item:hover{background:var(--surface-muted);color:var(--text-primary)}.combo-item.is-selected{color:var(--primary-color);font-weight:600;background:var(--primary-light)}.combo-item.is-selected:hover{background:var(--primary-light);box-shadow:inset 0 0 0 1px var(--primary-border)}.combo-item.is-selected::after{content:"✓";float:right;margin-left:8px;font-weight:700}.combo-empty{padding:18px 12px;text-align:center;font-size:.75rem;color:var(--text-tertiary)}.btn-primary{position:relative;overflow:hidden;width:100%;background:var(--gradient-brand);background-size:160% 160%;color:#fff;border:1px solid transparent;padding:13px 20px;font-size:.9375rem;font-weight:600;font-family:inherit;letter-spacing:-.01em;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2),var(--shadow-glow)}.btn-primary:hover:not(:disabled){background-position:100% 0;transform:translateY(-1px);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2),0 14px 34px -10px rgba(14,143,154,.6)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.result-container{margin-top:20px;padding:18px;background:var(--surface-muted);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:none;animation:fadeInUp .35s var(--transition-spring) both}.audio-player{width:100%;margin-bottom:12px;border-radius:var(--radius-md)}.error-message{color:var(--error-color);background:var(--error-light);border:1px solid var(--error-border);padding:10px 14px;border-radius:var(--radius-md);margin-top:10px;font-size:.8125rem}.loading-container{text-align:center;padding:20px 16px}.animate-spin,.loading-spinner{animation:.8s linear infinite spin}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.8125rem}.progress-info{margin-top:6px;font-size:.75rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.wechat-promotion{margin-top:18px;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:1px solid var(--border-color);overflow:hidden}.promotion-header{background:var(--gradient-brand-soft);padding:14px 20px;border-bottom:1px solid var(--border-color)}.promotion-title{font-size:.9375rem;font-weight:650;color:var(--text-primary);margin-bottom:3px;letter-spacing:-.02em}.promotion-subtitle{font-size:.75rem;color:var(--text-secondary)}.promotion-content{display:flex;padding:20px;gap:24px;align-items:center}.qr-code{width:180px;height:180px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;padding:6px;box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:center}.qr-code img{width:100%;height:100%;border-radius:var(--radius-sm);display:block;object-fit:contain}.promotion-info h3{font-size:.9375rem;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.promotion-info p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.benefits-list{list-style:none;display:grid;grid-template-columns:1fr;gap:6px}.benefits-list li{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.benefits-list li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gradient-brand);flex-shrink:0}.tip-section{border-top:1px solid var(--border-color);padding:16px 20px;background:var(--surface-muted)}.tip-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.tip-text{flex:1;min-width:0}.tip-title{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;margin-bottom:4px}.tip-icon{color:var(--warning-color)}.tip-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.tip-qr{text-align:center;flex-shrink:0}.tip-qr img{width:180px;height:180px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--border-color);display:block;padding:6px;box-shadow:var(--shadow-xs);object-fit:contain}.tip-qr-caption{font-size:.6875rem;color:var(--text-secondary);margin-top:4px;font-weight:500}.seo-section{margin-bottom:18px;padding:24px 26px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.seo-section-head{margin-bottom:18px}.seo-section-head h2{font-size:1.125rem;font-weight:650;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:6px;position:relative;padding-left:12px}.seo-section-head h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:var(--radius-full);background:var(--gradient-brand)}.seo-section-head p{font-size:.8125rem;color:var(--text-secondary);line-height:1.65;padding-left:12px}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-card{padding:16px 18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-muted);transition:all var(--transition-normal)}.seo-card:hover{border-color:var(--primary-border);background:var(--primary-light);transform:translateY(-3px);box-shadow:var(--shadow-md)}.seo-card-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);margin-bottom:10px;color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-glow)}.seo-card h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:5px;letter-spacing:-.01em}.seo-card p{font-size:.8125rem;line-height:1.65;color:var(--text-secondary)}.usecase-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.usecase-list li{position:relative;padding:11px 14px 11px 32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-muted);font-size:.8125rem;line-height:1.6;color:var(--text-secondary)}.usecase-list li::before{content:"✓";position:absolute;left:12px;top:11px;color:var(--success-color);font-weight:700;font-size:.8125rem}.usecase-list strong{color:var(--text-primary);font-weight:600}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-muted);overflow:hidden;transition:all var(--transition-fast)}.faq-item[open]{background:var(--surface-color);border-color:var(--primary-border);box-shadow:var(--shadow-xs)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;font-size:.875rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-fast)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"";width:8px;height:8px;flex-shrink:0;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:rotate(45deg) translateY(-2px);transition:transform var(--transition-fast)}.faq-item[open] summary::after{transform:rotate(225deg) translateY(-2px);border-color:var(--primary-color)}.faq-item summary:hover{color:var(--primary-color)}.faq-item p{padding:0 16px 14px;font-size:.8125rem;line-height:1.7;color:var(--text-secondary)}.pause-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.pause-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px)}.pause-modal__panel{position:relative;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:560px;width:100%;max-height:85vh;overflow-y:auto;padding:24px;z-index:1}.pause-modal__close{position:absolute;top:16px;right:16px;background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-full);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all var(--transition-fast)}.pause-modal__close:hover{color:var(--text-primary);border-color:var(--border-hover)}.pause-modal__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pause-modal__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color)}.pause-modal__title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.pause-modal__intro{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.marker-help-section{margin-bottom:12px;background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px}.marker-help-section__title{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.pause-modal__examples{list-style:none;display:flex;flex-direction:column;gap:5px}.pause-modal__examples li{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pause-modal__examples code,.pause-modal__intro code{font-family:var(--font-mono);font-size:.6875rem;padding:2px 5px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--primary-color);font-weight:500}.pause-modal__example-box{margin:14px 0;padding:10px 14px;background:var(--surface-muted);border-left:3px solid var(--primary-color);border-radius:var(--radius-sm)}.pause-modal__example-label{font-size:.6875rem;font-weight:600;color:var(--text-primary);margin-bottom:3px}.pause-modal__example-code{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-primary);word-break:break-all}.pause-modal__limits{font-size:.6875rem;color:var(--text-tertiary);margin-bottom:16px;line-height:1.5}.pause-modal__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-color)}.pause-modal__dontshow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);cursor:pointer}.pause-modal__ok{padding:6px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.pause-modal__ok:hover{background:var(--primary-hover)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,100%{opacity:1;box-shadow:0 0 0 2px var(--success-light)}50%{opacity:.55;box-shadow:0 0 0 5px var(--success-light)}}@media (prefers-reduced-motion:reduce){body::before{animation:none}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.site-footer{max-width:900px;margin:0 auto 40px;padding:0 16px}.site-footer-inner{padding:22px 26px 18px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.site-footer-main{display:flex;align-items:flex-start;gap:28px;flex-wrap:wrap}.site-footer-brand{flex:1 1 200px;min-width:0}.site-footer-logo{display:block;height:36px;width:auto;margin-bottom:10px;border-radius:var(--radius-sm);background:#fffdf4;box-shadow:var(--shadow-xs)}.site-footer-slogan{font-size:.75rem;line-height:1.65;color:var(--text-tertiary)}.site-footer-nav{display:flex;gap:32px;flex-wrap:wrap}.footer-col{min-width:140px}.footer-col-title{font-size:.6875rem;font-weight:650;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:8px}.footer-col-list{list-style:none;display:grid;gap:5px;font-size:.75rem;font-style:normal;line-height:1.6;color:var(--text-secondary)}.footer-col-value{font-family:var(--font-mono);font-size:.6875rem}.footer-col-list a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-col-list a:hover{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.footer-link-btn{padding:0;border:none;background:0 0;font:inherit;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.footer-link-btn:hover{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--border-color);font-size:.6875rem;color:var(--text-tertiary)}.site-footer-bottom p{margin:0}.site-footer-icp a{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.site-footer-icp a:hover{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}@media (max-width:768px){.top-toolbar{padding:10px 14px 6px}.brand-logo-img{height:32px}.toolbar-actions{gap:5px}.toolbar-btn{width:32px;min-width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.external-icon,.toolbar-btn-text{display:none!important}.container{padding:6px 12px 32px}.header{padding:22px 18px 18px}.header h1,.hero-title{font-size:1.375rem}.header .subtitle{font-size:.8125rem}.form-container{padding:18px 16px 20px}.seo-section{padding:18px 16px}.card-head-badge{display:none}.card-head-icon{width:34px;height:34px}.main-content::before{left:14px;right:14px}.seo-grid,.usecase-list{grid-template-columns:1fr}.seo-section-head h2{font-size:1rem}.controls-grid{grid-template-columns:1fr;gap:14px}.promotion-content,.tip-content{flex-direction:column;text-align:center;gap:16px}.qr-code,.tip-qr img{width:160px;height:160px}.benefits-list{justify-items:center}.benefits-list li{justify-content:center}.controls-grid>*,.form-group,.seo-grid>*,.usecase-list>*{min-width:0}.card-desc,.faq-item p,.seo-card p,.usecase-list li{overflow-wrap:anywhere}.site-footer{padding:0 12px;margin-bottom:32px}.site-footer-inner{padding:18px 18px 14px}.site-footer-main{flex-direction:column;gap:18px}.site-footer-brand{flex:0 0 auto}.site-footer-nav{gap:20px;justify-content:space-between}.footer-col{min-width:120px}.site-footer-logo{height:32px}.site-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}.downloadBox{display:flex}.btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;color:#fff;text-decoration:none;border-radius:var(--radius-lg);background:var(--gradient-brand);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-glow);transition:all var(--transition-normal)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(14,143,154,.6)}.btn-secondary:active{transform:translateY(1px)}.toast-container{position:fixed;top:72px;right:20px;z-index:9998;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:8px;max-width:320px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.8125rem;line-height:1.5;animation:toastSlideIn .28s var(--transition-spring) both}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:50%;font-size:.6875rem;color:#fff;background:var(--primary-color)}.toast.success .toast-icon{background:var(--success-color)}.toast.error .toast-icon{background:var(--error-color)}.toast.warning .toast-icon{background:var(--warning-color)}.toast.error{border-color:var(--error-border);background:var(--error-light)}@keyframes toastSlideIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(18px)}}.fade-in{animation:fadeInUp .45s var(--transition-spring) both}@media (max-width:768px){.toast-container{top:64px;left:12px;right:12px}.toast{max-width:none}}