From 843ae5f23f6c9a66186dedfebd91dae9495e1636 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Tue, 16 Dec 2025 15:41:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=EF=BC=9A=E5=88=86=E9=A1=B5=E5=99=A8=E6=94=BE=E5=88=B0=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=E3=80=81=E5=AF=BC=E8=88=AA=E6=A0=8F=E9=AB=98=E5=BA=A6?=
 =?UTF-8?q?=E6=92=91=E6=BB=A1=E3=80=81=E6=8C=89=E9=92=AE=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E4=BA=92=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移动端分页器优化（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 | 64 ++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 53 insertions(+), 11 deletions(-)

diff --git a/css/index.css b/css/index.css
index f0b8228..0700c25 100644
--- a/css/index.css
+++ b/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;
   }
 
   /* ===== 快速入口 - 四宫格极简版 ===== */