fix: 调整页首布局

- 将菜单栏置于中央

app/components/JinshenHeader.vue

@@ -6,9 +6,9 @@
             </NuxtLink>
         </div>
 
+        <div class="header-menu-section">
             <!-- 导航菜单 -->
-        <el-menu
-:default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false"
+            <el-menu :default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false"
                 :persistent="false" router>
                 <el-menu-item index="productions" :route="$localePath('/productions')">
                     <span class="title">{{ $t('navigation.productions') }}</span>
@@ -23,11 +23,13 @@
                     <span class="title">{{ $t('navigation.about-us') }}</span>
                 </el-menu-item>
             </el-menu>
+        </div>
+
+
 
         <!-- 右侧功能区 -->
         <div class="header-actions">
-            <el-input
-v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder')"
+            <el-input v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder')"
                 :prefix-icon="Search" clearable @keyup.enter="handleSearch" />
             <el-dropdown @command="setLocale">
                 <el-link type="info" :underline="false">
@@ -90,7 +92,6 @@ onMounted(() => {
 
 <style scoped>
 .header-container {
-    margin: 0 auto;
     padding: 0 10px;
     display: flex;
     height: 80px;
@@ -101,7 +102,6 @@ onMounted(() => {
 .logo-section {
     display: flex;
     flex: 1;
-    align-items: center;
     margin-left: 20px;
 }
 
@@ -116,6 +116,14 @@ onMounted(() => {
     width: auto;
 }
 
+
+.header-menu-section {
+    flex: 2;
+    display: flex;
+    justify-content: center;
+    height: 100%;
+}
+
 .header-menu {
     margin-right: 40px;
     border-bottom: none !important;
@@ -138,8 +146,9 @@ onMounted(() => {
 }
 
 .header-actions {
+    flex: 1;
+    justify-content: flex-end;
     display: flex;
-    align-items: center;
     gap: 16px;
 }