1

src/components/ifooter.vue

@@ -367,12 +367,13 @@ export default {
 /* 响应式设计 */
 @media (max-width: 768px) {
   .footer-content {
-    padding: 40px 0 0 0;
+    padding: 28px 0 0 0;
   }
   
   .footer-main {
     grid-template-columns: 1fr;
-    gap: 30px;
+    gap: 20px;
+    margin-bottom: 28px;
     justify-items: center;
     text-align: center;
   }
@@ -381,6 +382,34 @@ export default {
     width: min(520px, 100%);
   }
 
+  .footer-section h4 {
+    margin-bottom: 12px;
+  }
+
+  .footer-logo .logo {
+    margin-bottom: 10px;
+  }
+
+  .footer-logo h3 {
+    margin-bottom: 8px;
+  }
+
+  .footer-cta {
+    margin-top: 14px;
+  }
+
+  .footer-links li {
+    margin-bottom: 8px;
+  }
+
+  .contact-info {
+    gap: 10px;
+  }
+
+  .footer-address {
+    margin-top: 12px;
+  }
+
   .footer-section h4::after {
     left: 50%;
     transform: translateX(-50%);
@@ -409,9 +438,14 @@ export default {
     align-items: center;
   }
   
+  .footer-bottom {
+    padding: 14px 0;
+  }
+
   .footer-bottom-content {
     flex-direction: column;
     text-align: center;
+    gap: 12px;
   }
   
   .back-to-top {