From b780a4e0d3fbb8afbf2db15178be27dbfdd39137 Mon Sep 17 00:00:00 2001
From: yys <47@gamerwa.com>
Date: Tue, 7 Apr 2026 11:10:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=BE=E7=94=9F=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=EF=BC=8C=E8=A7=A3=E5=86=B3=E9=80=89=E6=8B=A9=E9=A6=96=E5=B8=A7?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=E8=A7=86=E9=A2=91=E6=97=B6=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8=E6=B6=88=E5=A4=B1=E7=9A=84=E6=83=85=E5=86=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 portal-ui/src/components/VideoComposeCard.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/portal-ui/src/components/VideoComposeCard.vue b/portal-ui/src/components/VideoComposeCard.vue
index e66aed3..60c400d 100644
--- a/portal-ui/src/components/VideoComposeCard.vue
+++ b/portal-ui/src/components/VideoComposeCard.vue
@@ -1779,9 +1779,10 @@ defineExpose({
 	overflow-x: hidden;
 }
 
-/* 首帧/首尾帧：左侧（两列布局）增加参数后，让右侧富文本框宽度略收窄 */
+/* 首帧/首尾帧：左侧略加宽，富文本列略收窄，避免横向总宽顶破一行 */
 .vg-compose-card--split .vg-compose-left--two-col {
-	width: 40%;
+	width: 43%;
+	max-width: 520px;
 	overflow-y: hidden; /* 让滚动优先发生在参数模块内部 */
 }
 
@@ -2577,8 +2578,8 @@ defineExpose({
 	}
 }
 
-/* 非参考模式：窄屏上下排 */
-@media (max-width: 1919px) {
+/* 非参考模式：仅较窄屏上下排（原 1919px 过宽，导致首帧/首尾帧在常见分辨率下富文本被压到下方） */
+@media (max-width: 1200px) {
 	.vg-compose-card--split {
 		flex-direction: column;
 		align-items: stretch;
@@ -2589,6 +2590,11 @@ defineExpose({
 		width: 100%;
 	}
 
+	.vg-compose-card--split .vg-compose-left--two-col {
+		width: 100%;
+		max-width: none;
+	}
+
 	.vg-compose-right {
 		flex: 1;
 		min-width: 0;