From 4e466aa1c52383e1d05dcfb116309abd221f2b79 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Thu, 25 Dec 2025 19:30:12 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/index.css | 55 +++++++++++++++++++++++++++------------------------ 1 file changed, 29 insertions(+), 26 deletions(-) diff --git a/css/index.css b/css/index.css index 4d5606a..fd141b9 100644 --- a/css/index.css +++ b/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; }