From 643239279e575810d161d66a2cafa86002850b2d Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Wed, 5 Aug 2026 14:39:40 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=E6=A0=87=E9=A2=98=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?span=E6=94=B9div=EF=BC=8C=E7=A1=AE=E4=BF=9D=E9=95=BF=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E8=87=AA=E5=8A=A8=E6=8D=A2=E8=A1=8C=E4=B8=8D=E8=B6=85?=
 =?UTF-8?q?=E5=87=BA=E8=A7=86=E9=A2=91=E8=BE=B9=E7=95=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 视频叠加区域 span → div（block 元素，wordBreak 可靠生效）
- 无视频预览区域 span → div（同上）
- 父容器已有 width:100% 约束，div 作为 block 元素自动受限于父宽度
---
 .../src/pages/generate/components/PreviewVideoPanel.tsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
index 4c30f9b67..c549ece23 100644
--- a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
+++ b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
@@ -138,9 +138,9 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
                 pointerEvents: "none",
               }}
             >
-              <span style={buildTitleStyle(titleSettings!)}>
+              <div style={buildTitleStyle(titleSettings!)}>
                 {titleText && titleText.trim() ? titleText : "请选择或输入标题"}
-              </span>
+              </div>
             </div>
           )}
         </div>
@@ -159,9 +159,9 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
             justifyContent: "center",
           }}
         >
-          <span style={buildTitleStyle(titleSettings!)}>
+          <div style={buildTitleStyle(titleSettings!)}>
             {titleText && titleText.trim() ? titleText : "请选择或输入标题"}
-          </span>
+          </div>
         </div>
       )}
 
-- 
2.54.0


From 2e4f61e11d6db374f48bfe84c34a59e3e3500a04 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Wed, 5 Aug 2026 14:43:16 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E6=A0=87=E9=A2=98=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=A2=9E=E5=BC=BA=E6=8D=A2=E8=A1=8C+=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E9=9A=90=E8=97=8F=E6=A0=87=E9=A2=98=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- buildTitleStyle: 新增 display:block / width:100% / boxSizing:border-box / overflowWrap:break-word
- 错误状态下不显示标题预览区域，避免遮挡「重新生成」按钮
- 更新注释说明
---
 .../src/pages/generate/components/PreviewVideoPanel.tsx   | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
index c549ece23..7177ec390 100644
--- a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
+++ b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
@@ -45,7 +45,11 @@ const buildTitleStyle = (settings: TitleSettings): React.CSSProperties => {
     textAlign: "center",
     lineHeight: 1.4,
     wordBreak: "break-word",
+    overflowWrap: "break-word",
     padding: "0 12px",
+    display: "block",
+    width: "100%",
+    boxSizing: "border-box",
   }
   if (settings.stroke) {
     style.WebkitTextStroke = "1px rgba(0,0,0,0.6)"
@@ -146,8 +150,8 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
         </div>
       )}
 
-      {/* 无视频时的标题预览（idle/loading/error 状态下仍然显示标题预览） */}
-      {!hasPreview && showTitlePreview && (
+      {/* 无视频时的标题预览（idle/loading 状态下显示，error 状态下隐藏） */}
+      {!hasPreview && !isError && showTitlePreview && (
         <div
           style={{
             background: "rgba(0,0,0,0.3)",
-- 
2.54.0


From 9ba14da6c33dde5fcf07344c59b16216e9dbcff8 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Wed, 5 Aug 2026 14:44:04 +0800
Subject: [PATCH 3/3] style: prettier format

-- 
2.54.0