夫是德国

css/index.css

@@ -80,6 +80,22 @@
    Header 右侧导航重新设计
    ============================================ */
 
+/* nav-header 确保高度 */
+#index .nav-header {
+  max-width: var(--container-max-width);
+  margin: 0 auto;
+  padding: 0 var(--container-padding-x);
+  display: flex;
+  align-items: stretch;
+  height: 70px;
+}
+
+#index .nav-header .nav-left {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+
 /* nav-right 布局 */
 #index .nav-right {
   display: flex;
@@ -113,24 +129,24 @@
   user-select: none;
 }
 
-/* 登录注册容器 */
+/* 登录注册容器 - 修复为 inline flex */
 #index .no-login {
-  display: flex;
+  display: inline-flex;
   align-items: stretch;
   height: 100%;
-  margin-left: 0;
 }
 
 /* 注册文字链接 */
 #index .no-login .nav-text-link {
-  padding-right: 20px;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
 }
 
 /* 登录按钮包装器 - 与 header 等高 */
 #index .login-btn-wrapper {
   display: flex;
   align-items: stretch;
-  margin-left: 20px;
   border-left: 1px solid rgba(148, 163, 184, 0.15);
 }
 
@@ -194,6 +210,7 @@
   transition: all 0.3s ease;
   position: relative;
   border-left: 1px solid rgba(148, 163, 184, 0.15);
+  height: 100%;
 }
 
 #index .login-in:hover {
@@ -222,6 +239,10 @@
 
 /* 响应式适配 */
 @media (max-width: 768px) {
+  #index .nav-header {
+    height: 60px;
+  }
+
   #index .nav-right .nav-text-link {
     padding: 0 12px;
     font-size: 13px;