优化移动端界面布局

static/style.css

@@ -631,6 +631,43 @@ select option {
         max-height: 150px;
         font-size: 0.8rem;
     }
+    
+    .file-item {
+        flex-direction: column;
+        gap: 10px;
+        padding: 10px;
+    }
+    
+    .file-info {
+        width: 100%;
+        gap: 10px;
+    }
+    
+    .file-icon {
+        font-size: 1.2rem;
+    }
+    
+    .file-name-input {
+        font-size: 0.9rem;
+    }
+    
+    .file-meta {
+        flex-wrap: wrap;
+        gap: 8px;
+        font-size: 0.75rem;
+    }
+    
+    .file-actions {
+        width: 100%;
+        justify-content: flex-end;
+        gap: 6px;
+    }
+    
+    .file-btn {
+        width: 32px;
+        height: 32px;
+        font-size: 0.9rem;
+    }
 }
 
 @media (min-width: 768px) {