diff --git a/common/common.css b/common/common.css
index 036b4e0..0c2d1a7 100644
--- a/common/common.css
+++ b/common/common.css
@@ -1295,24 +1295,29 @@
     padding: 0 12px;
     display: flex !important;
     align-items: stretch !important;
+    justify-content: space-between !important;
   }
 
   .nav-header .nav-left {
     display: flex !important;
     align-items: stretch !important;
-    flex: 1;
+    flex: 0 1 auto;
   }
 
   .nav-header .nav-right {
     display: flex !important;
     align-items: stretch !important;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 50px;
   }
 
   .nav-right {
     display: flex !important;
     align-items: stretch !important;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 50px;
   }
 
   .nav-header .nav-left .nav-icon img {
@@ -1513,24 +1518,29 @@
     padding: 0 10px;
     display: flex !important;
     align-items: stretch !important;
+    justify-content: space-between !important;
   }
 
   .nav-header .nav-left {
     display: flex !important;
     align-items: stretch !important;
-    flex: 1;
+    flex: 0 1 auto;
   }
 
   .nav-header .nav-right {
     display: flex !important;
     align-items: stretch !important;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 48px;
   }
 
   .nav-right {
     display: flex !important;
     align-items: stretch !important;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 48px;
   }
 
   .nav-header .nav-left .nav-icon img {
diff --git a/css/index.css b/css/index.css
index 48fc5f0..8b37c39 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2500,6 +2500,8 @@ html {
     align-items: stretch !important;
     height: 100% !important;
     flex-wrap: nowrap !important;
+    flex-shrink: 0;
+    min-height: 50px;
   }
 
   #index .nav-menu {
@@ -2524,6 +2526,8 @@ html {
     justify-content: flex-end;
     gap: 6px;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 50px;
   }
 
   #index .nav-right .nav-text-link {
@@ -3064,6 +3068,8 @@ html {
     display: flex !important;
     align-items: stretch !important;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 48px;
   }
 
   #index .nav-header .nav-left .nav-icon {
@@ -3083,6 +3089,8 @@ html {
     justify-content: flex-end;
     gap: 4px;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 48px;
   }
 
   #index .nav-right .nav-text-link {
@@ -3568,6 +3576,8 @@ html {
     display: flex !important;
     align-items: stretch !important;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 44px;
   }
 
   #index .nav-header .nav-left .nav-icon {
@@ -3595,6 +3605,8 @@ html {
     justify-content: flex-end;
     gap: 4px;
     height: 100% !important;
+    flex-shrink: 0;
+    min-height: 44px;
   }
 
   /* 移动端隐藏登录按钮和分隔符，只显示注册按钮 */