幻灯片

css/index.css

@@ -697,10 +697,10 @@
 
 @media (max-width: 768px) {
 
-  /* 调整 banner 高度 */
+  /* 调整 banner 高度 - 进一步缩小 */
   .banner-cont .swiper-slide {
-    height: 360px;
-    /* Reduced from 480px */
+    height: 200px;
+    /* Reduced from 240px to 200px */
     padding-top: 56px;
     /* Compensate for sticky header overlap if needed, or if under header */
     margin-top: 0;
@@ -713,10 +713,11 @@
     background-repeat: no-repeat !important;
   }
 
-  /* Ensure banner container connects seamlessly */
+  /* Ensure banner container connects seamlessly - FORCE REMOVE ALL PADDING */
   .banner-cont {
     margin-top: 0 !important;
-    padding-top: 0 !important;
+    padding: 0 !important;
+    /* Override desktop padding: 25px 0 */
   }
 
   /* 移动端遮罩层更轻 */
@@ -735,17 +736,17 @@
     align-items: center;
   }
 
-  /* 移动端标题样式 - 增大字号 */
+  /* 移动端标题样式 - 白色，增大字号 */
   .banner-cont .swiper-slide h1 {
-    font-size: 36px;
-    /* Increased from 32px */
-    line-height: 1.2;
-    margin-bottom: 12px;
-    /* 移动端使用深色文字 */
-    background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
+    font-size: 42px;
+    /* Increased from 36px */
+    line-height: 1.1;
+    margin-bottom: 10px;
+    color: #ffffff !important;
+    /* White text */
+    background: none !important;
+    -webkit-text-fill-color: #ffffff !important;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
     filter: none;
   }
 
@@ -756,29 +757,36 @@
   }
 
   .banner-tag-pill {
-    font-size: 13px;
-    padding: 6px 16px;
-  }
-
-  /* 移动端描述文字 - 增大字号 */
-  .banner-cont .banner-desc {
-    font-size: 17px;
-    /* Increased from 15px */
-    line-height: 1.5;
-    color: #475569;
-    margin-top: 0;
-    margin-bottom: 32px;
-    max-width: 90%;
-  }
-
-  /* 移动端按钮样式 - 增大尺寸 */
-  .banner-cont .btn2 {
-    font-size: 18px;
-    /* Increased from 16px */
-    padding: 16px 48px;
+    font-size: 14px;
+    /* Increased from 13px */
+    padding: 7px 18px;
     /* Larger touch target */
+    color: #ffffff !important;
+    /* White text */
+  }
+
+  /* 移动端描述文字 - 白色，增大字号 */
+  .banner-cont .banner-desc {
+    font-size: 18px;
+    /* Increased from 17px */
+    line-height: 1.4;
+    color: #ffffff !important;
+    /* White text */
+    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
+    /* Ensure readability */
+    margin-top: 0;
+    margin-bottom: 20px;
+    max-width: 95%;
+  }
+
+  /* 移动端按钮样式 - 进一步增大 */
+  .banner-cont .btn2 {
+    font-size: 20px;
+    /* Increased from 18px */
+    padding: 12px 40px;
+    /* Adjusted for smaller height */
     border-radius: 50px;
-    /* Modern pill shape */
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
   }
 
   /* 移动端分页器位置调整 */