From e46cd69c5648b05119455d7b565f5be3035a15ba Mon Sep 17 00:00:00 2001
From: "2570050763@qq.com" <2570050763@qq.com>
Date: Thu, 17 Sep 2026 20:17:06 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E7=94=9F=E6=88=90=E8=AF=AD=E9=9F=B3?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=A7=BB=E5=88=B0=E9=94=99=E5=88=AB=E5=AD=97?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=90=8E=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 生成语音按钮从输入区底部移到工具栏，紧跟在“✓ 错别字”之后
- 底部仅保留音色清单状态文字
---
 app/tts/page.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/tts/page.tsx b/app/tts/page.tsx
index b11d968..5b2ac29 100644
--- a/app/tts/page.tsx
+++ b/app/tts/page.tsx
@@ -483,6 +483,7 @@ export default function TtsPage() {
             <button className="tool-button min-h-9" onClick={applySymbolPauses} type="button">， 符号停顿</button>
             <button className="tool-button min-h-9" onClick={applyParagraphPauses} type="button">¶ 段落停顿</button>
             <button className="tool-button min-h-9" onClick={checkTypos} type="button">✓ 错别字</button>
+            <button className="button-primary" disabled={busy || loading} onClick={() => void createSpeech()} type="button"><BrandIcon />{busy ? "合成中…" : "生成语音"}<ArrowRight /></button>
           </div>
           {pauseOpen ? <div className="pause-panel mt-4">
             <div className="flex flex-wrap items-center gap-2">
@@ -503,7 +504,7 @@ export default function TtsPage() {
           <p className="mt-3 text-xs leading-5 text-subtle">点按钮或选时长即可插入停顿，无需手写代码。标点停顿默认：逗号 0.3s，句号 / 问号 / 感叹号 0.8s。</p>
           {correctionMessage ? <p className="mt-3 rounded-lg border border-cyan/20 bg-cyan/5 px-3 py-2 text-xs text-cyan">{correctionMessage}</p> : null}
         </div>
-        <div className="mt-5 flex flex-col gap-4 border-t border-line pt-5 sm:flex-row sm:items-center sm:justify-between"><p className="text-sm text-muted">{loadedAt ? `音色清单已更新 · ${voices.length} 个音色` : "正在读取音色清单…"}</p><button className="button-primary" disabled={busy || loading} onClick={() => void createSpeech()} type="button"><BrandIcon />{busy ? "合成中…" : "生成语音"}<ArrowRight /></button></div>
+        <p className="mt-5 border-t border-line pt-5 text-sm text-muted">{loadedAt ? `音色清单已更新 · ${voices.length} 个音色` : "正在读取音色清单…"}</p>
       </section>
 
       <aside className="space-y-6">