|
|
|
@ -8,20 +8,16 @@ |
|
|
|
<meta http-equiv="pragma" content="no-cache"> |
|
|
|
<meta http-equiv="cache-control" content="no-cache"> |
|
|
|
<meta http-equiv="expires" content="0"> |
|
|
|
<!-- 网站图标 --> |
|
|
|
<link rel="shortcut icon" href="dbqb_favicon.ico" /> |
|
|
|
<link rel="bookmark" href="dbqb_favicon.ico" /> |
|
|
|
<!-- SEO优化 --> |
|
|
|
<meta http-equiv="keywords" content="夺宝奇兵,homilychart,homilylink"> |
|
|
|
<meta http-equiv="description" content="HomilyLink"> |
|
|
|
<title>夺宝奇兵 - AI炒股时代,机构界的黑科技!</title> |
|
|
|
|
|
|
|
<!-- 引入第三方库 --> |
|
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
|
<script type="text/javascript" src="https://hc.homilychart.com/hc/210802/js/jquery-1.9.1.min.js"></script> |
|
|
|
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> |
|
|
|
|
|
|
|
<!-- Tailwind配置 --> |
|
|
|
<script> |
|
|
|
tailwind.config = { |
|
|
|
theme: { |
|
|
|
@ -555,7 +551,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 整合后的脚本 --> |
|
|
|
<script type="module"> |
|
|
|
// 导入API函数 |
|
|
|
import { registerMemberApi } from './src/api/member.js'; |
|
|
|
@ -746,15 +741,163 @@ |
|
|
|
window.addEventListener('scroll', animateOnScroll); |
|
|
|
</script> |
|
|
|
|
|
|
|
<!-- 整合后的样式 --> |
|
|
|
<style> |
|
|
|
/* 全局动画定义 */ |
|
|
|
/* 全局字体大小调整 - 整体放大 */ |
|
|
|
html { |
|
|
|
font-size: 18px; /* 基础字体大小从16px增加到18px */ |
|
|
|
scroll-behavior: smooth; |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
font-size: 1.1rem; /* 约19.8px */ |
|
|
|
line-height: 1.7; |
|
|
|
} |
|
|
|
|
|
|
|
/* 标题字体大小调整 */ |
|
|
|
h1 { |
|
|
|
font-size: clamp(2.8rem, 6vw, 4.5rem) !important; /* 增大标题 */ |
|
|
|
line-height: 1.2; |
|
|
|
} |
|
|
|
|
|
|
|
h2 { |
|
|
|
font-size: clamp(1.6rem, 3vw, 2.5rem) !important; |
|
|
|
line-height: 1.3; |
|
|
|
} |
|
|
|
|
|
|
|
h3 { |
|
|
|
font-size: clamp(1.7rem, 3vw, 2.5rem) !important; |
|
|
|
line-height: 1.4; |
|
|
|
} |
|
|
|
|
|
|
|
h4 { |
|
|
|
font-size: 1.6rem !important; |
|
|
|
line-height: 1.4; |
|
|
|
} |
|
|
|
|
|
|
|
/* 导航菜单字体调大 */ |
|
|
|
nav a { |
|
|
|
font-size: 1.2rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 英雄区域文字调整 */ |
|
|
|
.hero-text p { |
|
|
|
font-size: 1.3rem !important; |
|
|
|
line-height: 1.6; |
|
|
|
} |
|
|
|
|
|
|
|
/* 段落文字整体调大 */ |
|
|
|
p { |
|
|
|
font-size: 1.1rem !important; |
|
|
|
line-height: 1.7; |
|
|
|
} |
|
|
|
|
|
|
|
/* 按钮文字调大 */ |
|
|
|
a[class*="px-8"], |
|
|
|
button[class*="px-8"] { |
|
|
|
font-size: 1.2rem !important; |
|
|
|
padding-top: 1rem !important; |
|
|
|
padding-bottom: 1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 特色功能卡片文字调大 */ |
|
|
|
.feature-card h3 { |
|
|
|
font-size: 1.6rem !important; |
|
|
|
margin-bottom: 1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
.feature-card p { |
|
|
|
font-size: 1.15rem !important; |
|
|
|
line-height: 1.6; |
|
|
|
} |
|
|
|
|
|
|
|
/* 产品宣传区域文字调大 */ |
|
|
|
.promo-section p { |
|
|
|
font-size: 1.15rem !important; |
|
|
|
line-height: 1.7; |
|
|
|
} |
|
|
|
|
|
|
|
.promo-section ul li { |
|
|
|
font-size: 1.15rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
.promo-section span[class*="px-4"] { |
|
|
|
font-size: 1.1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 修复注册区域标题行距 */ |
|
|
|
#register h2 { |
|
|
|
margin-bottom: 1.5rem !important; |
|
|
|
line-height: 1.4 !important; /* 增加标题文字的行高 */ |
|
|
|
} |
|
|
|
|
|
|
|
/* 表单区域文字调大 */ |
|
|
|
form label { |
|
|
|
font-size: 1.15rem !important; |
|
|
|
margin-bottom: 0.75rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
form input, |
|
|
|
form select { |
|
|
|
font-size: 1.15rem !important; |
|
|
|
padding-top: 1rem !important; |
|
|
|
padding-bottom: 1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
form input::placeholder { |
|
|
|
font-size: 1.1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 页脚文字调大 */ |
|
|
|
footer p, |
|
|
|
footer a { |
|
|
|
font-size: 1.1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
footer h4 { |
|
|
|
font-size: 1.5rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 成功模态框文字调大 */ |
|
|
|
#successModal h3 { |
|
|
|
font-size: 1.8rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
#successModal p { |
|
|
|
font-size: 1.15rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
#successModal a { |
|
|
|
font-size: 1.15rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 列表项文字调大 */ |
|
|
|
li { |
|
|
|
font-size: 1.1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 小屏幕适配 */ |
|
|
|
@media (max-width: 768px) { |
|
|
|
html { |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
font-size: 1.05rem; |
|
|
|
} |
|
|
|
|
|
|
|
.mobile-menu a { |
|
|
|
font-size: 1.1rem !important; |
|
|
|
padding-top: 0.8rem !important; |
|
|
|
padding-bottom: 0.8rem !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* 原有动画样式保持不变 */ |
|
|
|
@keyframes fadeIn { |
|
|
|
from { |
|
|
|
opacity: 0; |
|
|
|
transform: translateY(20px); |
|
|
|
} |
|
|
|
|
|
|
|
to { |
|
|
|
opacity: 1; |
|
|
|
transform: translateY(0); |
|
|
|
@ -762,16 +905,10 @@ |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes spin { |
|
|
|
0% { |
|
|
|
transform: rotate(0deg); |
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
transform: rotate(360deg); |
|
|
|
} |
|
|
|
0% { transform: rotate(0deg); } |
|
|
|
100% { transform: rotate(360deg); } |
|
|
|
} |
|
|
|
|
|
|
|
/* 自定义样式 */ |
|
|
|
.content-auto { |
|
|
|
content-visibility: auto; |
|
|
|
} |
|
|
|
@ -793,29 +930,14 @@ |
|
|
|
background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%); |
|
|
|
} |
|
|
|
|
|
|
|
/* 动画类 */ |
|
|
|
.animate-fade-in { |
|
|
|
animation: fadeIn 0.6s ease-out forwards; |
|
|
|
} |
|
|
|
|
|
|
|
.delay-100 { |
|
|
|
animation-delay: 0.1s; |
|
|
|
} |
|
|
|
|
|
|
|
.delay-200 { |
|
|
|
animation-delay: 0.2s; |
|
|
|
} |
|
|
|
|
|
|
|
.delay-300 { |
|
|
|
animation-delay: 0.3s; |
|
|
|
} |
|
|
|
|
|
|
|
/* 平滑滚动 */ |
|
|
|
html { |
|
|
|
scroll-behavior: smooth; |
|
|
|
} |
|
|
|
.delay-100 { animation-delay: 0.1s; } |
|
|
|
.delay-200 { animation-delay: 0.2s; } |
|
|
|
.delay-300 { animation-delay: 0.3s; } |
|
|
|
|
|
|
|
/* 加载状态样式 */ |
|
|
|
.loading-overlay { |
|
|
|
display: none; |
|
|
|
position: fixed; |
|
|
|
|