From aa627da0d9e6ab0689482b17940d5bb06c5efd42 Mon Sep 17 00:00:00 2001
From: Coze Agent <agent@coze>
Date: Fri, 2 Oct 2026 13:57:08 +0800
Subject: [PATCH] =?UTF-8?q?style(viral-video):=20=E5=88=86=E9=95=9C?=
 =?UTF-8?q?=E6=96=87=E6=A1=88=E5=8C=BA=E5=9F=9F=E7=B4=A7=E5=87=91=E5=8C=96?=
 =?UTF-8?q?=EF=BC=8C=E4=B8=80=E5=B1=8F=E5=B1=95=E7=A4=BA=E6=9B=B4=E5=A4=9A?=
 =?UTF-8?q?=E9=95=9C=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- vv-copy-box padding 14px→10px 12px，margin-top 12px→8px
- vv-storyboard 内边距 16px 4px→6px 2px
- vv-sb-doc gap 6px→3px，line-height 1.7→1.55
- vv-sb-h 段标题 margin 14px 0 6px→8px 0 3px
- vv-sb-kv 字段行 gap 6px→4px，line-height 1.7→1.55
- vv-sb-inline 内联编辑 padding 2px→1px
- vv-sb-doc-ta textarea min-height 48px→32px，padding 4px 6px→2px 4px，line-height 1.7→1.55
- vv-sb-doc-ta-sm min-height 32px→24px
- vv-sb-doc-shots 镜头间距 gap 14px→8px，margin-top 4px→2px
- vv-sb-doc-shot-head margin-bottom 2px→1px
- vv-sb-time-doc 时间标签 padding 收紧，字号14→13px
- vv-sb-ref-badge 参考图badge padding/gap收紧
- vv-sb-ref-thumb 参考图缩略图 36px→28px
- vv-sb-ref-opt 选图按钮 36px→28px
- vv-sb-taglist 标签区 gap 6px→4px，margin-top 4px→2px
- vv-sb-tag 标签 padding 3px 8px→2px 6px，gap 4px→3px
- vv-sb-vo 口播稿区 margin-top 6px→4px，padding 10px 12px→6px 10px，min-height 80px→44px
- vv-sb-actions 操作栏 margin-top 14px→8px，padding-top 12px→8px

颜色/字体/主题风格完全不变，只调间距和尺寸，让一屏能看到更多镜头内容。
---
 .../src/pages/viral-video/ViralVideoPage.css  | 66 +++++++++----------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/apps/web/src/pages/viral-video/ViralVideoPage.css b/apps/web/src/pages/viral-video/ViralVideoPage.css
index 63379cfd8..21838a3c4 100644
--- a/apps/web/src/pages/viral-video/ViralVideoPage.css
+++ b/apps/web/src/pages/viral-video/ViralVideoPage.css
@@ -1013,8 +1013,8 @@
   background: #fff;
   border: 1px solid #e5e7eb;
   border-radius: 10px;
-  padding: 14px;
-  margin-top: 12px;
+  padding: 10px 12px;
+  margin-top: 8px;
 }
 .vv-copy-head {
   display: flex;
@@ -1077,7 +1077,7 @@
 
 /* ── Storyboard (linear doc style) ── */
 .vv-storyboard {
-  padding: 16px 4px;
+  padding: 6px 2px;
   background: transparent;
   border: none;
 }
@@ -1085,13 +1085,13 @@
 .vv-sb-doc {
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 3px;
   color: #1f2937;
   font-size: 13px;
-  line-height: 1.7;
+  line-height: 1.55;
 }
 .vv-sb-h {
-  margin: 14px 0 6px;
+  margin: 8px 0 3px;
   padding: 0;
   font-size: 14px;
   font-weight: 700;
@@ -1105,9 +1105,9 @@
 .vv-sb-kv {
   display: flex;
   align-items: flex-start;
-  gap: 6px;
+  gap: 4px;
   font-size: 13px;
-  line-height: 1.7;
+  line-height: 1.55;
 }
 .vv-sb-k {
   flex-shrink: 0;
@@ -1125,7 +1125,7 @@
   color: #1f2937;
   font-size: 13px;
   font-family: inherit;
-  padding: 2px 4px;
+  padding: 1px 4px;
   outline: none;
   border-radius: 4px;
 }
@@ -1160,12 +1160,12 @@
 }
 .vv-sb-doc-ta {
   flex: 1;
-  min-height: 48px;
+  min-height: 32px;
   background: transparent !important;
   border: 1px dashed transparent !important;
-  padding: 4px 6px !important;
+  padding: 2px 4px !important;
   font-size: 13px !important;
-  line-height: 1.7 !important;
+  line-height: 1.55 !important;
   color: #1f2937 !important;
   border-radius: 4px;
   resize: vertical;
@@ -1179,29 +1179,29 @@
   background: #f5f0ff !important;
 }
 .vv-sb-doc-ta-sm {
-  min-height: 32px;
+  min-height: 24px;
 }
 .vv-sb-doc-shots {
   display: flex;
   flex-direction: column;
-  gap: 14px;
-  margin-top: 4px;
+  gap: 8px;
+  margin-top: 2px;
 }
 .vv-sb-doc-shot {
   padding-left: 8px;
   border-left: 2px solid rgba(124, 58, 237, 0.3);
 }
 .vv-sb-doc-shot-head {
-  margin-bottom: 2px;
+  margin-bottom: 1px;
 }
 .vv-sb-time-doc {
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 700;
   color: #7c3aed;
   background: transparent;
   border: none;
   outline: none;
-  padding: 2px 4px;
+  padding: 0 4px 1px;
   font-family: inherit;
   border-radius: 4px;
 }
@@ -1213,8 +1213,8 @@
   position: relative;
   display: inline-flex;
   align-items: center;
-  gap: 4px;
-  padding: 2px 6px 2px 4px;
+  gap: 3px;
+  padding: 1px 5px 1px 3px;
   background: #f3f0ff;
   border: 1px solid #d8cafc;
   border-radius: 6px;
@@ -1222,8 +1222,8 @@
   font-size: 12px;
 }
 .vv-sb-ref-thumb {
-  width: 36px;
-  height: 36px;
+  width: 28px;
+  height: 28px;
   object-fit: cover;
   border-radius: 4px;
 }
@@ -1251,8 +1251,8 @@
   flex-wrap: wrap;
 }
 .vv-sb-ref-opt {
-  width: 36px;
-  height: 36px;
+  width: 28px;
+  height: 28px;
   border-radius: 4px;
   border: 1px dashed #e0e0e8;
   background: #fff;
@@ -1277,14 +1277,14 @@
 .vv-sb-taglist {
   display: flex;
   flex-wrap: wrap;
-  gap: 6px;
-  margin-top: 4px;
+  gap: 4px;
+  margin-top: 2px;
 }
 .vv-sb-tag {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
-  padding: 3px 8px;
+  gap: 3px;
+  padding: 2px 6px;
   border-radius: 6px;
   font-size: 12px;
   border: 1px solid transparent;
@@ -1357,12 +1357,12 @@
   transform: rotate(180deg);
 }
 .vv-sb-vo {
-  margin-top: 6px !important;
+  margin-top: 4px !important;
   background: #fafafe !important;
   border-left: 3px solid #7c3aed !important;
   border-radius: 0 6px 6px 0 !important;
-  padding: 10px 12px !important;
-  min-height: 80px !important;
+  padding: 6px 10px !important;
+  min-height: 44px !important;
   font-size: 13px !important;
   line-height: 1.7 !important;
   color: #1f2937 !important;
@@ -1373,8 +1373,8 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  margin-top: 14px;
-  padding-top: 12px;
+  margin-top: 8px;
+  padding-top: 8px;
   border-top: 1px solid #e5e7eb;
 }
 .vv-sb-actions .vv-btn-ghost {