From 231d5153bfccee2d3b745b7d9b062b4b6ea04313 Mon Sep 17 00:00:00 2001
From: xiaoxia <xiaoxia@xiaoxiajianji.com>
Date: Thu, 20 Aug 2026 15:30:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20CSS=20=E6=AE=8B=E7=95=99=206=20=E5=A4=84?=
 =?UTF-8?q?=20aspect-ratio=2016/9=20=E6=94=B9=E4=B8=BA=209/16?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

统一竖屏 9:16 比例，清理 generate.css 中所有残留的横屏比例：
- .xx-preview-video (894)
- .xx-smart-match-thumb (1519)
- .xx-cover-frame-placeholder (2147)
- .xx-cover-upload-area (2250)
- .xx-cover-preview-box (2311)
- .xx-preview-video-wrapper .xx-preview-video (2669)
---
 apps/web/src/pages/generate/generate.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/pages/generate/generate.css b/apps/web/src/pages/generate/generate.css
index b5414fbb2..742235d90 100644
--- a/apps/web/src/pages/generate/generate.css
+++ b/apps/web/src/pages/generate/generate.css
@@ -891,7 +891,7 @@
 
 /* ── 视频预览 ── */
 .xx-preview-video {
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
   max-height: 400px;
   border-radius: var(--radius-md);
   background: linear-gradient(135deg, var(--color-gray-900), var(--color-primary-900));
@@ -1516,7 +1516,7 @@
 .xx-smart-match-thumb {
   position: relative;
   width: 100%;
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
   background: #f1f5f9;
   overflow: hidden;
 }
@@ -2144,7 +2144,7 @@
 }
 
 .xx-cover-frame-placeholder {
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   border-radius: var(--radius-md);
   display: flex;
@@ -2247,7 +2247,7 @@
 }
 
 .xx-cover-upload-area {
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
   border: 2px dashed var(--border-color);
   border-radius: var(--radius-md);
   display: flex;
@@ -2308,7 +2308,7 @@
 
 .xx-cover-preview-box {
   position: relative;
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
   background: var(--bg-tertiary);
   border-radius: var(--radius-md);
   overflow: hidden;
@@ -2666,7 +2666,7 @@
 .xx-preview-video-wrapper .xx-preview-video {
   max-width: 300px;
   width: 100%;
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
   margin-bottom: 0;
 }