From 2ffa5603a2e4cf25a790911e9bf87d28edc2ba9e Mon Sep 17 00:00:00 2001
From: Coze Agent <agent@coze>
Date: Tue, 6 Oct 2026 16:16:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(viral-video):=20=E6=96=87=E6=A1=88=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=9B=BA=E5=AE=9A=E9=AB=98=E5=BA=A6+=E5=86=85?=
 =?UTF-8?q?=E9=83=A8=E6=BB=9A=E5=8A=A8=EF=BC=8C=E6=8C=89=E9=92=AE=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E5=9C=A8=E6=A1=86=E5=BA=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .vv-storyboard（文案结果框）改为固定高度 360px + flex column + overflow:hidden
- .vv-sb-doc（文案内容区）flex:1 + overflow-y:auto，文案超出时内部滚动
- .vv-sb-actions（按钮区）flex-shrink:0 固定在框底，不随文案滚动
- 给 .vv-sb-doc 加细紫色滚动条（#d8c4ff）
- .vv-copy-loading（加载/空状态）同步设为 360px 高度，保持视觉一致
- '生成文案'按钮原本就在 copy-box 外层的 form grid 内，本来就不随文案滚动，无改动
- 不改按钮文案、不改接口、不加新功能
---
 .../src/pages/viral-video/ViralVideoPage.css  | 31 +++++++++++++++++--
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/pages/viral-video/ViralVideoPage.css b/apps/web/src/pages/viral-video/ViralVideoPage.css
index d6d6b6dc1..3a3a7c2f7 100644
--- a/apps/web/src/pages/viral-video/ViralVideoPage.css
+++ b/apps/web/src/pages/viral-video/ViralVideoPage.css
@@ -1050,10 +1050,13 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  height: 360px;
   padding: 28px 16px;
   gap: 10px;
   background: #fff;
   border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  margin-top: 8px;
 }
 .vv-copy-loading .vv-spinner {
   width: 28px;
@@ -1082,18 +1085,38 @@
 
 /* ── Storyboard (linear doc style) ── */
 .vv-storyboard {
-  padding: 6px 2px;
-  background: transparent;
-  border: none;
+  display: flex;
+  flex-direction: column;
+  height: 360px;
+  padding: 10px 12px;
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  margin-top: 8px;
+  overflow: hidden;
 }
 
 .vv-sb-doc {
+  flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   gap: 3px;
   color: #1f2937;
   font-size: 13px;
   line-height: 1.55;
+  overflow-y: auto;
+  padding-right: 4px;
+  margin-right: -4px;
+}
+.vv-sb-doc::-webkit-scrollbar {
+  width: 6px;
+}
+.vv-sb-doc::-webkit-scrollbar-thumb {
+  background: #d8c4ff;
+  border-radius: 3px;
+}
+.vv-sb-doc::-webkit-scrollbar-track {
+  background: transparent;
 }
 .vv-sb-h {
   margin: 6px 0 2px;
@@ -1383,12 +1406,14 @@
 /* 口播稿 —— 复用 vv-sb-field 样式，无额外需求 */
 
 .vv-sb-actions {
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   gap: 8px;
   margin-top: 8px;
   padding-top: 8px;
   border-top: 1px solid #e5e7eb;
+  background: #fff;
 }
 .vv-sb-actions .vv-btn-ghost {
   padding: 6px 14px;
-- 
2.54.0