diff --git a/css/index.css b/css/index.css
index 3041879..fd141b9 100644
--- a/css/index.css
+++ b/css/index.css
@@ -214,91 +214,58 @@
    移动端导航优化
    ============================================ */
 
-/* ============================================
-     Huawei Style Mobile Header (Light Theme)
-     ============================================ */
+/* 移动端响应式优化 */
+@media (max-width: 768px) {
 
-/* Global Mobile Background - White */
-#index {
-  background: #ffffff !important;
-}
+  /* 调整导航栏高度 */
+  #index .nav-header {
+    height: 56px;
+    padding: 0 16px;
+  }
 
-/* Header Container - White Background, Shadow */
-#index .nav-header {
-  height: 60px;
-  padding: 0 16px;
-  background: #ffffff !important;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
+  /* 隐藏桌面端导航菜单 */
+  #index .nav-menu {
+    display: none !important;
+  }
 
-/* Hidden Desktop Elements */
-#index .nav-menu,
-#index .nav-desktop-link,
-#index .no-login,
-/* Hide desktop login/register buttons */
-#index .login-in {
-  display: none !important;
-}
+  /* 隐藏桌面端的文档、控制台链接 */
+  #index .nav-desktop-link {
+    display: none !important;
+  }
 
-/* Logo Branding - Auto Dark Mode Adjustment if needed, assuming logo is distinct */
-#index .nav-icon {
-  flex: 0 0 auto;
-}
+  /* Logo 缩小 */
+  #index .nav-icon img {
+    max-height: 32px;
+  }
 
-#index .nav-icon img {
-  height: 28px;
-  max-height: 28px;
-  /* If logo is white text, invert it for white background */
-  filter: invert(1) brightness(0.2);
-}
+  /* 调整移动端注册按钮样式 - 长方形无圆角，撑满导航栏高度 */
+  #index .no-login .btn.btn-normal#registBtn {
+    padding: 0 24px !important;
+    font-size: 15px !important;
+    min-width: auto !important;
+    border-radius: 0 !important;
+    border-left: none !important;
+    height: 56px !important;
+    margin-right: -16px !important;
+  }
 
-/* Mobile User Icon - Black */
-#index .mobile-user-btn {
-  display: flex !important;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  color: #333333;
-  margin-right: 12px;
-}
+  /* 移动端注册按钮图标隐藏 */
+  #index .no-login .btn.btn-normal#registBtn::before {
+    display: none;
+  }
 
-#index .mobile-user-btn svg {
-  width: 24px;
-  height: 24px;
-  stroke-width: 1.5;
-}
+  /* 移动端登录按钮（如果需要显示） */
+  #index .no-login .nav-text-link#loginBtn {
+    padding: 0 12px !important;
+    font-size: 14px !important;
+  }
 
-/* Hamburger Menu - Black Lines */
-#index .mobile-menu-toggle {
-  display: flex !important;
-  background: transparent !important;
-  border: none !important;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  justify-content: center;
-  align-items: center;
-}
-
-#index .mobile-menu-toggle span {
-  background-color: #333333 !important;
-  height: 2px;
-  width: 20px;
-  margin: 3px 0;
-}
-
-/* Nav Right Container (User + Menu) */
-#index .nav-right {
-  display: flex;
-  align-items: center;
-  margin-left: auto;
-  /* Push to right */
-  width: auto;
-}
+  /* 确保汉堡菜单按钮显示 - 无背景，只显示白色横线 */
+  #index .mobile-menu-toggle {
+    display: flex !important;
+    background: transparent !important;
+    border: none !important;
+  }
 }
 
 /* 首页下拉菜单优化 - 确保高层级 */