优化移动端：分页器放到底部、导航栏高度撑满、按钮位置互换

移动端分页器优化（767px/575px/360px）：
- 调整 bottom 值从 80px 改为 12px
- 分页器现在贴着幻灯片底部显示

移动端导航栏优化（767px/575px/360px）：
- 添加 display: flex 和 align-items: stretch
- nav-left 和 nav-right 使用 flex 布局
- 导航栏高度现在完全撑满

按钮位置互换：
- 注册按钮使用 order: 2 放在左边
- 汉堡菜单按钮使用 order: 3 放在右边
- 所有断点统一处理

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

css/index.css

@@ -2480,6 +2480,18 @@ html {
   #index .nav-header {
     padding: 0 8px;
     height: 50px !important;
+    display: flex;
+    align-items: stretch;
+  }
+
+  #index .nav-header .nav-left {
+    display: flex;
+    align-items: center;
+  }
+
+  #index .nav-header .nav-right {
+    display: flex;
+    align-items: center;
   }
 
   #index .nav-menu {
@@ -2510,6 +2522,7 @@ html {
     gap: 0 !important;
     align-items: center;
     height: 100%;
+    order: 2;
   }
 
   #index .no-login .nav-text-link,
@@ -2525,7 +2538,7 @@ html {
     line-height: 28px !important;
   }
 
-  /* 汉堡菜单按钮样式 */
+  /* 汉堡菜单按钮样式 - 放在右侧（order: 3） */
   #index .mobile-menu-toggle {
     display: flex !important;
     flex-direction: column;
@@ -2534,7 +2547,8 @@ html {
     width: 24px;
     height: 20px;
     justify-content: center;
-    margin-right: 8px;
+    margin-right: 0;
+    order: 3;
   }
 
   #index .mobile-menu-toggle span {
@@ -2591,9 +2605,9 @@ html {
     font-size: 12px !important;
   }
 
-  /* 调整进度条位置，避免和按钮重合 */
+  /* 调整进度条位置到底部 */
   .banner-cont .swiper-pagination {
-    bottom: 80px !important;
+    bottom: 12px !important;
   }
 
   .banner-cont .swiper-pagination-bullet {
@@ -2999,6 +3013,18 @@ html {
   #index .nav-header {
     padding: 0 10px;
     height: 48px !important;
+    display: flex;
+    align-items: stretch;
+  }
+
+  #index .nav-header .nav-left {
+    display: flex;
+    align-items: center;
+  }
+
+  #index .nav-header .nav-right {
+    display: flex;
+    align-items: center;
   }
 
   #index .nav-header .nav-left .nav-icon img {
@@ -3024,6 +3050,7 @@ html {
     gap: 0 !important;
     align-items: center;
     height: 100%;
+    order: 2;
   }
 
   #index .no-login .nav-text-link,
@@ -3039,7 +3066,7 @@ html {
     line-height: 28px !important;
   }
 
-  /* 汉堡菜单按钮样式 */
+  /* 汉堡菜单按钮样式 - 放在右侧（order: 3） */
   #index .mobile-menu-toggle {
     display: flex !important;
     flex-direction: column;
@@ -3048,7 +3075,8 @@ html {
     width: 24px;
     height: 20px;
     justify-content: center;
-    margin-right: 6px;
+    margin-right: 0;
+    order: 3;
   }
 
   #index .mobile-menu-toggle span {
@@ -3098,9 +3126,9 @@ html {
     font-size: 11px !important;
   }
 
-  /* 调整进度条位置 */
+  /* 调整进度条位置到底部 */
   .banner-cont .swiper-pagination {
-    bottom: 80px !important;
+    bottom: 12px !important;
   }
 
   .banner-cont .swiper-pagination-bullet {
@@ -3458,6 +3486,18 @@ html {
   #index .nav-header {
     padding: 0 8px;
     height: 44px !important;
+    display: flex;
+    align-items: stretch;
+  }
+
+  #index .nav-header .nav-left {
+    display: flex;
+    align-items: center;
+  }
+
+  #index .nav-header .nav-right {
+    display: flex;
+    align-items: center;
   }
 
   #index .nav-header .nav-left .nav-icon img {
@@ -3483,6 +3523,7 @@ html {
     gap: 0 !important;
     align-items: center;
     height: 100%;
+    order: 2;
   }
 
   #index .no-login .nav-text-link,
@@ -3498,7 +3539,7 @@ html {
     line-height: 26px !important;
   }
 
-  /* 汉堡菜单按钮样式 */
+  /* 汉堡菜单按钮样式 - 放在右侧（order: 3） */
   #index .mobile-menu-toggle {
     display: flex !important;
     flex-direction: column;
@@ -3507,7 +3548,8 @@ html {
     width: 20px;
     height: 18px;
     justify-content: center;
-    margin-right: 4px;
+    margin-right: 0;
+    order: 3;
   }
 
   #index .mobile-menu-toggle span {
@@ -3561,7 +3603,7 @@ html {
   }
 
   .banner-cont .swiper-pagination {
-    bottom: 80px !important;
+    bottom: 12px !important;
   }
 
   /* ===== 快速入口 - 四宫格极简版 ===== */