1

src/components/ihead.vue

@@ -244,6 +244,13 @@ export default {
   height: auto;
 }
 
+.header .content {
+  max-width: 1180px;
+  margin: 0 auto;
+  padding: 0 24px;
+  box-sizing: border-box;
+}
+
 .nav-container {
   display: flex;
   justify-content: flex-start;
@@ -253,7 +260,7 @@ export default {
 
 .logoCell {
   flex-shrink: 0;
-  margin:  0px 40px;
+  margin: 0 32px 0 0;
 }
 
 .logoCell .logo {
@@ -509,11 +516,7 @@ export default {
   }
 
   .header .content {
-    padding: 0 1em;
-  }
-
-  body {
-    padding-top: 100px;
+    padding: 0 16px;
   }
 
   .nav-container {
@@ -557,11 +560,6 @@ export default {
   }
 }
 
-/* 确保内容不被遮挡 */
-body {
-  padding-top: 120px;
-}
-
 /* 使用逻辑属性实现更好的间距 */
 .nav-container {
   gap: 2rem;