移动端优化

css/index.css

@@ -238,14 +238,15 @@
     max-height: 32px;
   }
 
-  /* 调整移动端注册按钮样式 */
+  /* 调整移动端注册按钮样式 - 长方形无圆角，撑满导航栏高度 */
   #index .no-login .btn.btn-normal#registBtn {
-    padding: 0 20px !important;
-    font-size: 14px !important;
+    padding: 0 24px !important;
+    font-size: 15px !important;
     min-width: auto !important;
-    border-radius: 20px !important;
+    border-radius: 0 !important;
     border-left: none !important;
-    height: 40px !important;
+    height: 56px !important;
+    margin-right: -16px !important;
   }
 
   /* 移动端注册按钮图标隐藏 */
@@ -259,9 +260,11 @@
     font-size: 14px !important;
   }
 
-  /* 确保汉堡菜单按钮显示 */
+  /* 确保汉堡菜单按钮显示 - 无背景，只显示白色横线 */
   #index .mobile-menu-toggle {
     display: flex !important;
+    background: transparent !important;
+    border: none !important;
   }
 }
 
@@ -687,9 +690,9 @@
     padding: 0 20px;
   }
 
-  /* 移动端标题样式 */
+  /* 移动端标题样式 - 增大字号 */
   .banner-cont .swiper-slide h1 {
-    font-size: 28px;
+    font-size: 32px;
     line-height: 1.3;
     /* 移动端使用深色文字 */
     background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
@@ -706,23 +709,23 @@
   }
 
   .banner-tag-pill {
-    font-size: 11px;
-    padding: 4px 12px;
+    font-size: 12px;
+    padding: 6px 14px;
   }
 
-  /* 移动端描述文字 */
+  /* 移动端描述文字 - 增大字号 */
   .banner-cont .banner-desc {
-    font-size: 14px;
+    font-size: 15px;
     line-height: 1.6;
     color: #475569;
     margin-top: 16px;
-    margin-bottom: 24px;
+    margin-bottom: 28px;
   }
 
-  /* 移动端按钮样式 */
+  /* 移动端按钮样式 - 增大尺寸 */
   .banner-cont .btn2 {
-    font-size: 14px;
-    padding: 12px 32px;
+    font-size: 16px;
+    padding: 14px 40px;
   }
 
   /* 移动端分页器位置调整 */
@@ -863,19 +866,19 @@
   .banner .banner-s .banner-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
-    gap: 12px;
+    gap: 16px;
     padding: 0 16px;
   }
 
-  /* 移动端卡片样式 - 轻量白色主题 */
+  /* 移动端卡片样式 - 轻量白色主题，增加内边距 */
   .banner-s .banner-list .banner-item {
     flex: none;
     min-width: auto;
     max-width: none;
-    padding: 16px;
+    padding: 20px;
     flex-direction: column;
     align-items: flex-start;
-    gap: 12px;
+    gap: 10px;
 
     /* 轻量背景 */
     background: rgba(255, 255, 255, 0.95);
@@ -894,8 +897,8 @@
 
   /* 移动端卡片图标 */
   .banner-s .banner-list .banner-item .banner-item-icon {
-    width: 40px;
-    height: 40px;
+    width: 44px;
+    height: 44px;
   }
 
   /* 移动端卡片悬停效果 */
@@ -908,10 +911,10 @@
       inset 0 1px 0 rgba(255, 255, 255, 1);
   }
 
-  /* 移动端标题文字 - 深色 */
+  /* 移动端标题文字 - 深色，增大字号 */
   .banner .banner-s .banner-list .banner-item h5 {
     color: #0f172a;
-    font-size: 16px;
+    font-size: 17px;
     font-weight: 600;
     line-height: 1.3;
   }
@@ -924,10 +927,10 @@
     color: #0ea5e9;
   }
 
-  /* 移动端描述文字 - 深色 */
+  /* 移动端描述文字 - 深色，增大字号 */
   .banner .banner-s .banner-list .banner-item .title-desc {
     color: #64748b;
-    font-size: 12px;
+    font-size: 13px;
     line-height: 1.5;
   }