1

src/assets/css/mobile_responsive.less

@@ -67,7 +67,7 @@
     
     .menuContent {
       padding: 80px 20px 20px;
-      color: white;
+      color: #0f172a;
       
       ul {
         list-style: none;
@@ -77,12 +77,12 @@
       
       li {
         margin: 15px 0;
-        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+        border-bottom: 1px solid #e2e8f0;
         padding-bottom: 15px;
       }
       
       a {
-        color: white;
+        color: #334155;
         text-decoration: none;
         font-size: 18px;
         display: block;
@@ -90,7 +90,7 @@
       }
       
       .hasSubmenu {
-        color: #3498db;
+        color: #1d4ed8;
         font-weight: bold;
         margin-bottom: 10px;
       }
@@ -106,7 +106,7 @@
           
           a {
             font-size: 16px;
-            color: rgba(255, 255, 255, 0.8);
+            color: #475569;
           }
         }
       }
@@ -131,11 +131,11 @@
     .goBack {
       margin-top: 30px;
       padding-top: 20px;
-      border-top: 2px solid rgba(255, 255, 255, 0.3);
+      border-top: 1px solid #e2e8f0;
       text-align: center;
       
       a {
-        color: white;
+        color: #334155;
         text-decoration: none;
         font-size: 16px;
         display: inline-flex;
@@ -143,13 +143,13 @@
         gap: 8px;
         
         &:hover {
-          color: #3498db;
+          color: #1d4ed8;
         }
         
         img {
           width: 16px;
           height: 16px;
-          filter: invert(1);
+          filter: none;
         }
       }
     }

src/components/ifooter.vue

@@ -360,6 +360,40 @@ export default {
   .footer-main {
     grid-template-columns: 1fr;
     gap: 30px;
+    justify-items: center;
+    text-align: center;
+  }
+
+  .footer-section {
+    width: min(520px, 100%);
+  }
+
+  .footer-section h4::after {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .footer-links {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .contact-info {
+    align-items: center;
+    width: 100%;
+  }
+
+  .contact-item {
+    justify-content: center;
+    text-align: center;
+    flex-wrap: wrap;
+  }
+
+  .footer-logo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
   
   .footer-bottom-content {

src/components/ihead.vue

@@ -96,7 +96,7 @@
             </li>
           </ul>
           <div class="goBack">
-            <button type="button" class="linkGoBack flexVerticalCenter" @click="closeMobileMenuAndScrollTop">
+            <button type="button" class="linkGoBack" @click="closeMobileMenuAndScrollTop">
               <img :src="image_paths.arrow_back" alt="" aria-hidden="true">
               <span>返回</span>
             </button>
@@ -394,12 +394,20 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  width: 100%;
 }
 
 .mobile .logo {
   height: 40px;
 }
 
+.mobileIconsCell {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-shrink: 0;
+}
+
 #hamburger {
   width: 24px;
   height: 24px;
@@ -408,6 +416,10 @@ export default {
   background: transparent;
   cursor: pointer;
   transition: transform 0.3s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
 #hamburger img {
@@ -502,6 +514,14 @@ export default {
   cursor: pointer;
 }
 
+.linkGoBack img {
+  width: 18px;
+  height: 18px;
+  display: block;
+  flex-shrink: 0;
+  object-fit: contain;
+}
+
 .linkGoBack:hover {
   color: #2563eb;
 }