Upload 21 files

frontend/assets/style.css

@@ -814,11 +814,22 @@ select {
 
 /* ===== 移动端优化 ===== */
 @media (max-width: 640px) {
-  /* 手机端隐藏仅桌面端的元素（如选择/打开目录按钮） */
+  /* 手机端隐藏仅桌面端的元素 */
   .desktop-only {
     display: none !important;
   }
   
+  /* 目录操作按钮在移动端也显示 */
+  .dir-actions {
+    display: flex !important;
+    flex-direction: column;
+    gap: 8px;
+  }
+  
+  .dir-actions button {
+    width: 100%;
+  }
+  
   /* 手机端背景图片 */
   body {
     background-image: url('/image2/punk.png');
@@ -1078,10 +1089,25 @@ select {
     padding-left: 8px;
   }
 
-  /* 隐藏保存路径 */
+  /* 隐藏保存路径（文本框） */
   .saved-path {
     display: none;
   }
+  
+  /* 图片操作按钮区域 - 移动端样式 */
+  .image-actions {
+    display: flex;
+    justify-content: center;
+    padding: 12px 0;
+  }
+  
+  .save-btn {
+    width: 100%;
+    max-width: 300px;
+    padding: 14px 20px;
+    font-size: 16px;
+    justify-content: center;
+  }
 
   /* Toast 优化 - 顶部不占位 */
   .toast {

frontend/index.html

@@ -125,7 +125,7 @@
             </div>
           </label>
         </div>
-        <div class="actions desktop-only">
+        <div class="actions dir-actions">
           <button id="btn-select-output-dir">选择保存目录</button>
           <button id="btn-open-output-dir">打开保存目录</button>
         </div>