From d79c6cb67f57bbf826a7ba9dc5657d7bc5515779 Mon Sep 17 00:00:00 2001
From: "2570050763@qq.com" <2570050763@qq.com>
Date: Fri, 18 Sep 2026 11:49:33 +0800
Subject: [PATCH] =?UTF-8?q?tts:=20=E5=B0=86=E5=9B=BE=E7=89=87=E8=BD=AC?=
 =?UTF-8?q?=E6=96=87=E5=AD=97/=E6=9F=A5=E9=94=99=E5=AD=97/=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E5=88=86=E6=AE=B5=E4=B8=89=E4=B8=AA=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=8D=A1=E7=A7=BB=E8=87=B3=E8=BE=93=E5=85=A5=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=86=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/tts/page.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/app/tts/page.tsx b/app/tts/page.tsx
index 49957f2..4788629 100644
--- a/app/tts/page.tsx
+++ b/app/tts/page.tsx
@@ -476,6 +476,13 @@ export default function TtsPage() {
           spellCheck
           suppressContentEditableWarning
         />
+        <div className="mt-6 grid gap-4 md:grid-cols-3">
+          <button className="assist-card text-left" disabled={helperBusy} onClick={() => fileInputRef.current?.click()} onDragOver={(event) => event.preventDefault()} onDrop={(event) => { event.preventDefault(); void handleOcr(event.dataTransfer.files[0]); }} type="button"><span className="assist-icon">▧</span><span><strong>图片转文字</strong><small>上传或拖入截图、纸稿、PPT，识别结果填入编辑区</small></span><span className="assist-arrow">→</span></button>
+          <button className="assist-card text-left" onClick={checkTypos} type="button"><span className="assist-icon">✓</span><span><strong>生成前查错字</strong><small>扫描疑似错字，红色波浪线标出并支持一键替换</small></span><span className="assist-arrow">→</span></button>
+          <button className="assist-card text-left" onClick={autoSegment} type="button"><span className="assist-icon">↵</span><span><strong>自动分段</strong><small>按句号、问号和感叹号切分长文案，方便控制节奏</small></span><span className="assist-arrow">→</span></button>
+        </div>
+        <input accept="image/*" className="hidden" onChange={(event) => void handleOcr(event.target.files?.[0])} ref={fileInputRef} type="file" />
+        {helperMessage ? <p className="mt-4 rounded-lg border border-cyan/20 bg-cyan/5 px-3 py-2 text-xs text-cyan">{helperMessage}</p> : null}
         <div className="mt-5 border-t border-line pt-5">
           <div className="flex flex-wrap items-center gap-2">
             <span className="mr-1 text-sm text-muted">输入停顿</span>
@@ -524,17 +531,6 @@ export default function TtsPage() {
       </aside>
     </div>
 
-    <section className="mt-8 rounded-2xl border border-line bg-panel/40 p-5 sm:p-7">
-      <div className="flex flex-col justify-between gap-4 sm:flex-row sm:items-end"><span className="rounded-full border border-cyan/20 bg-cyan/5 px-3 py-1 text-xs text-cyan">少打字 · 少校对 · 少返工</span></div>
-      <div className="mt-6 grid gap-4 md:grid-cols-3">
-        <button className="assist-card text-left" disabled={helperBusy} onClick={() => fileInputRef.current?.click()} onDragOver={(event) => event.preventDefault()} onDrop={(event) => { event.preventDefault(); void handleOcr(event.dataTransfer.files[0]); }} type="button"><span className="assist-icon">▧</span><span><strong>图片转文字</strong><small>上传或拖入截图、纸稿、PPT，识别结果填入编辑区</small></span><span className="assist-arrow">→</span></button>
-        <button className="assist-card text-left" onClick={checkTypos} type="button"><span className="assist-icon">✓</span><span><strong>生成前查错字</strong><small>扫描疑似错字，红色波浪线标出并支持一键替换</small></span><span className="assist-arrow">→</span></button>
-        <button className="assist-card text-left" onClick={autoSegment} type="button"><span className="assist-icon">↵</span><span><strong>自动分段</strong><small>按句号、问号和感叹号切分长文案，方便控制节奏</small></span><span className="assist-arrow">→</span></button>
-      </div>
-      <input accept="image/*" className="hidden" onChange={(event) => void handleOcr(event.target.files?.[0])} ref={fileInputRef} type="file" />
-      {helperMessage ? <p className="mt-4 rounded-lg border border-cyan/20 bg-cyan/5 px-3 py-2 text-xs text-cyan">{helperMessage}</p> : null}
-    </section>
-
     {error ? <p className="mt-6 rounded-xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm leading-6 text-danger" role="alert">{error}</p> : null}
     {result ? <section className="mt-8 rounded-2xl border border-success/30 bg-success/5 p-5 sm:p-7" aria-labelledby="tts-result-title"><div className="flex items-start justify-between gap-4"><div><p className="text-xs font-semibold uppercase tracking-[0.18em] text-success">04 / Result</p><h2 className="mt-2 text-xl font-semibold" id="tts-result-title">生成完成</h2><p className="mt-2 break-all text-sm text-muted">{result.fileName}</p></div><WaveIcon className="h-8 w-8 shrink-0 text-success" /></div><audio autoPlay className="mt-5 w-full" controls src={result.url} /><div className="mt-4 flex justify-end"><a className="button-secondary" download={result.fileName} href={result.url}><BrandIcon />下载音频</a></div></section> : <section className="mt-8 rounded-2xl border border-line bg-panel/40 p-5 sm:p-7"><div className="flex min-h-28 flex-col items-center justify-center text-center"><span className="text-cyan"><WaveIcon className="h-9 w-9" /></span><p className="mt-3 font-semibold">生成结果会显示在这里</p><p className="mt-1 text-sm text-muted">选择音色并输入文本后，即可试听和下载。</p></div></section>}