diff --git a/css/index.css b/css/index.css index d64757a..a7000e3 100644 --- a/css/index.css +++ b/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); } /* 移动端分页器位置调整 */