手机端视频生成页面调整完成

web/src/assets/css/font.scss

@@ -1,17 +1,9 @@
-@font-face {
-  font-family: "OPlusSans3-Regular";
-  src: url("../fonts/OPlusSans3-Regular.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: "OPlusSans3-Medium";
-  src: url("../fonts/OPlusSans3-Medium.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-$font-regular: "OPlusSans3-Regular", "PingFangSC-Regular", "Roboto", "sans-serif";
-$font-medium: "OPlusSans3-Medium", "PingFangSC-Medium", "Roboto", "sans-serif";
+$font-regular: 'PingFangSC-Regular', 'Roboto', 'sans-serif', 'ui-sans-serif', '-apple-system',
+  'system-ui', 'Segoe UI', 'Helvetica', 'Apple Color Emoji', 'Arial', 'sans-serif', 'Segoe UI Emoji',
+  'Segoe UI Symbol';
+$font-medium: 'PingFangSC-Medium', 'Roboto', 'sans-serif', 'ui-sans-serif', '-apple-system',
+  'system-ui', 'Segoe UI', 'Helvetica', 'Apple Color Emoji', 'Arial', 'sans-serif', 'Segoe UI Emoji',
+  'Segoe UI Symbol';
 
 .font-regular {
   font-family: $font-regular;
@@ -21,4 +13,4 @@ $font-medium: "OPlusSans3-Medium", "PingFangSC-Medium", "Roboto", "sans-serif";
 .font-medium {
   font-family: $font-medium;
   font-weight: 500;
-}
+}

web/src/assets/css/mobile/image-mj.scss

@@ -1,6 +1,6 @@
 .mobile-mj {
   .text-line {
-    padding: 6px;
+    padding: 6px 0;
     font-size: 14px;
 
     .van-row {
@@ -91,7 +91,8 @@
           padding: 0;
           position: relative;
 
-          .van-image, .task-in-queue {
+          .van-image,
+          .task-in-queue {
             min-height: 100px;
           }
 
@@ -213,4 +214,4 @@
       }
     }
   }
-}
+}

web/src/assets/css/mobile/image-sd.scss

@@ -1,6 +1,6 @@
 .mobile-sd {
   .text-line {
-    padding: 0 6px;
+    padding: 0;
     font-size: 14px;
 
     .van-row {
@@ -98,7 +98,8 @@
           padding: 0;
           position: relative;
 
-          .van-image, .task-in-queue {
+          .van-image,
+          .task-in-queue {
             min-height: 100px;
           }
 
@@ -201,4 +202,4 @@
       }
     }
   }
-}
+}

web/src/assets/css/suno.scss

@@ -498,40 +498,10 @@
 .custom-upload {
   width: 100%;
 
-  :deep(.el-upload-dragger) {
+  :deep(.el-upload) {
     width: 100%;
     height: auto;
-    border: 2px dashed var(--el-border-color);
-    border-radius: 12px;
-    background: var(--el-bg-color);
-    transition: all 0.3s ease;
     cursor: pointer;
-    padding: 0;
-    overflow: hidden;
-
-    &:hover {
-      border-color: var(--el-color-primary);
-      background: var(--el-color-primary-light-9);
-      transform: translateY(-2px);
-      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
-    }
-
-    &.is-dragover {
-      border-color: var(--el-color-primary);
-      background: var(--el-color-primary-light-9);
-      transform: scale(1.02);
-    }
-  }
-
-  .upload-btn {
-    background: var(--el-color-primary) !important;
-    border-color: var(--el-color-primary) !important;
-    width: 100%;
-
-    &:hover {
-      background: var(--el-color-primary-dark-2) !important;
-      border-color: var(--el-color-primary-dark-2) !important;
-    }
   }
 }
 

web/src/assets/css/theme-light.scss

@@ -1,10 +1,17 @@
 @use 'font.scss' as *;
-:root[data-theme="light"] {
+:root[data-theme='light'] {
   --text-fb: #000;
   --text-color: #5b62ce; // 主要的文本颜色
   --normal-color: rgba(43, 54, 116, 1); // 普通颜色
   --theme-textcolor-normal: #5b62ce;
-  p, h1, h2, h3, h4, h5, h6, article {
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  article {
     font-family: $font-regular;
   }
   html,
@@ -55,4 +62,4 @@
   --quote-text-color: #333;
   // 面板背景
   --panel-bg: linear-gradient(135deg, #f5eafe 0%, #e9e6fc 100%);
-}
+}