From 40af1309969043e44cbe5d456ad53ce21d6ce28e Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Wed, 17 Dec 2025 13:22:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E6=B3=A8=E5=86=8C=E6=8C=89=E9=92=AE=E6=BA=A2=E5=87=BA=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 nav-header 的 align-items 从 stretch 改为 center，确保按钮垂直居中
- 添加 overflow: hidden 到 nav-header，防止内容溢出navbar
- 为注册按钮添加 flex-shrink: 0，防止flex容器压缩它
- 减小按钮图标大小以适应navbar高度：
  - 767px 和 575px 断点: 12px x 12px（原 16px x 16px）
  - 360px 断点: 10px x 10px（超小屏更小）
- 在所有三个移动端断点应用相同逻辑

这解决了用户反馈的注册按钮超出navbar的问题，消除了"虚线"边界现象

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 css/index.css | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/css/index.css b/css/index.css
index 39076a6..1866921 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2481,7 +2481,8 @@ html {
     padding: 0 8px;
     height: 50px !important;
     display: flex;
-    align-items: stretch;
+    align-items: center;
+    overflow: hidden;
   }
 
   #index .nav-header .nav-left {
@@ -2557,6 +2558,12 @@ html {
     margin: 0 !important;
     border: none !important;
     background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
+    flex-shrink: 0 !important;
+  }
+
+  #index .no-login .btn.btn-normal#registBtn::before {
+    width: 12px !important;
+    height: 12px !important;
   }
 
   /* 汉堡菜单按钮样式 - 放在左侧（order: 3） */
@@ -3036,7 +3043,8 @@ html {
     padding: 0 10px;
     height: 48px !important;
     display: flex;
-    align-items: stretch;
+    align-items: center;
+    overflow: hidden;
   }
 
   #index .nav-header .nav-left {
@@ -3107,6 +3115,12 @@ html {
     margin: 0 !important;
     border: none !important;
     background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
+    flex-shrink: 0 !important;
+  }
+
+  #index .no-login .btn.btn-normal#registBtn::before {
+    width: 12px !important;
+    height: 12px !important;
   }
 
   /* 汉堡菜单按钮样式 - 放在左侧（order: 3） */
@@ -3531,7 +3545,8 @@ html {
     padding: 0 8px;
     height: 44px !important;
     display: flex;
-    align-items: stretch;
+    align-items: center;
+    overflow: hidden;
   }
 
   #index .nav-header .nav-left {
@@ -3602,6 +3617,12 @@ html {
     margin: 0 !important;
     border: none !important;
     background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
+    flex-shrink: 0 !important;
+  }
+
+  #index .no-login .btn.btn-normal#registBtn::before {
+    width: 10px !important;
+    height: 10px !important;
   }
 
   /* 汉堡菜单按钮样式 - 放在左侧（order: 3） */