v1.2.3 修复了移动端显示问题

assets/css/style.css

@@ -307,16 +307,68 @@
     border-right: none !important;
 }
 
+/* 移动端优化样式 */
+@media (max-width: 480px) {
+    .flm-link-card {
+        padding: 15px;
+        margin: 0 5px 10px 5px;
+    }
+    
+    .flm-link-icon-container img {
+        width: 48px;
+        height: 48px;
+    }
+    
+    .flm-link-name {
+        font-size: 14px;
+        margin-top: 8px;
+    }
+    
+    .flm-link-description {
+        font-size: 12px;
+        margin-top: 4px;
+    }
+    
+    .flm-links-container {
+        gap: 10px;
+        margin: 10px -5px;
+    }
+}
+
 .flm-link-card a {
     text-decoration: none;
     color: inherit;
     display: block;
 }
 
-/* 响应式设计 */
+/* 响应式设计 - 后台管理界面 */
 @media (max-width: 1024px) {
-    .flm-links-container {
-        grid-template-columns: repeat(2, 1fr) !important;
+    .flm-admin-container {
+        flex-direction: column;
+    }
+    
+    .flm-add-form {
+        max-width: 100%;
+    }
+}
+
+@media (max-width: 768px) {
+    .flm-link-item {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+    
+    .flm-link-preview {
+        min-width: auto;
+        width: 100%;
+    }
+    
+    .flm-link-actions {
+        min-width: auto;
+        width: 100%;
+        display: flex;
+        gap: 10px;
     }
 }
 
@@ -329,12 +381,22 @@
         max-width: 100%;
     }
     
-    .flm-links-container {
-        grid-template-columns: 1fr !important;
+    .flm-top-actions {
+        flex-direction: column;
+        align-items: stretch;
+    }
+    
+    .flm-top-actions .button {
+        margin-right: 0;
+        margin-bottom: 10px;
     }
     
     .flm-link-item {
         flex-direction: column;
         align-items: flex-start;
     }
+    
+    .flm-link-fields {
+        width: 100%;
+    }
 }