优化视频创作

core/frontend/src/omni-create-page.css

@@ -790,47 +790,9 @@
   transform: translateY(7px);
 }
 
-.omni-case-head {
-  display: flex;
-  align-items: flex-end;
-  justify-content: flex-start;
-  gap: 20px;
-  margin-bottom: 15px;
-}
-
-.omni-case-head-label {
-  flex: 0 0 auto;
-  color: #252b35;
-  font-size: 17px;
-  font-weight: 750;
-  line-height: 30px;
-}
-
-.omni-case-filters {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.omni-case-filters button {
-  height: 30px;
-  padding: 0 12px;
-  border-radius: 8px;
-  color: #707681;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-}
-
-.omni-case-filters button.active {
-  color: #fff;
-  background: var(--black);
-}
-
 .omni-case-grid {
   display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
 }
 
@@ -840,24 +802,24 @@
   gap: 14px;
 }
 
-.omni-image-preset-intro {
+.omni-preset-intro {
   margin: 0 0 14px;
   text-align: center;
 }
 
-.omni-image-preset-intro strong,
-.omni-image-preset-intro span {
+.omni-preset-intro strong,
+.omni-preset-intro span {
   display: block;
 }
 
-.omni-image-preset-intro strong {
+.omni-preset-intro strong {
   color: var(--accent-black);
   font-size: 16px;
   font-weight: 500;
   line-height: 1.4;
 }
 
-.omni-image-preset-intro span {
+.omni-preset-intro span {
   margin-top: 4px;
   color: var(--black-alpha-56);
   font-size: 13px;
@@ -899,6 +861,12 @@
   background: #edf0f4;
 }
 
+/* 视频样片本身是竖版，按竖构图展示，避免横向裁切掉人物和商品。 */
+.omni-case-card[data-mode="video"] .omni-case-visual {
+  height: auto;
+  aspect-ratio: 9 / 15;
+}
+
 .omni-case-visual img,
 .omni-case-visual video {
   width: 100%;