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;
 }