From 95b35b1f35f6678407d5e853a9937ee99f39518e Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Wed, 5 Aug 2026 16:44:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=87=E9=A2=98=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E6=B0=B4=E5=B9=B3=E5=B1=85=E4=B8=AD=EF=BC=8C=E5=8F=A0=E5=8A=A0?=
 =?UTF-8?q?=E5=B1=82=E5=8A=A0=20flex+justifyContent:center?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

外层 overlay div 只有 width:100% 没有 flex 居中，导致标题偏左。
添加 display:flex + justifyContent:center 确保标题在任何位置都水平居中。
---
 apps/web/src/pages/generate/components/PreviewVideoPanel.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
index 7177ec390..6f3f037e3 100644
--- a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
+++ b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
@@ -138,6 +138,8 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
                 position: "absolute",
                 ...positionOverlayStyle(titleSettings!.position),
                 width: "100%",
+                display: "flex",
+                justifyContent: "center",
                 zIndex: 1,
                 pointerEvents: "none",
               }}
-- 
2.54.0