198 lines
6.5 KiB
HTML
198 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>电子成长 - AI 驱动的知识学习应用</title>
|
||
<meta name="description" content="电子成长是一款 AI 驱动的知识学习应用 。输入任何你想学的主题，AI 自动生成交互式学习卡片，让学习变得轻松有趣">
|
||
<style>
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
||
min-height: 100vh;
|
||
}
|
||
.container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 40px 20px;
|
||
}
|
||
.header {
|
||
text-align: center;
|
||
margin-bottom: 60px;
|
||
padding: 40px 0;
|
||
}
|
||
.header h1 {
|
||
font-size: 48px;
|
||
font-weight: 700;
|
||
color: #1a1a1a;
|
||
margin-bottom: 16px;
|
||
letter-spacing: -1px;
|
||
}
|
||
.header .subtitle {
|
||
font-size: 24px;
|
||
color: #666;
|
||
font-weight: 300;
|
||
margin-bottom: 8px;
|
||
}
|
||
.header .tagline {
|
||
font-size: 18px;
|
||
color: #999;
|
||
}
|
||
.features {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 30px;
|
||
margin-bottom: 60px;
|
||
}
|
||
.feature-card {
|
||
background: white;
|
||
padding: 30px;
|
||
border-radius: 16px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
}
|
||
.feature-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
|
||
}
|
||
.feature-icon {
|
||
font-size: 48px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.feature-card h3 {
|
||
font-size: 22px;
|
||
color: #1a1a1a;
|
||
margin-bottom: 12px;
|
||
}
|
||
.feature-card p {
|
||
color: #666;
|
||
font-size: 16px;
|
||
line-height: 1.6;
|
||
}
|
||
.cta-section {
|
||
text-align: center;
|
||
background: white;
|
||
padding: 60px 40px;
|
||
border-radius: 16px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
|
||
margin-bottom: 60px;
|
||
}
|
||
.cta-section h2 {
|
||
font-size: 36px;
|
||
color: #1a1a1a;
|
||
margin-bottom: 20px;
|
||
}
|
||
.cta-section p {
|
||
font-size: 18px;
|
||
color: #666;
|
||
margin-bottom: 30px;
|
||
}
|
||
.app-store-badge {
|
||
display: inline-block;
|
||
margin: 10px;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
.app-store-badge:hover {
|
||
transform: scale(1.05);
|
||
}
|
||
.app-store-badge img {
|
||
height: 60px;
|
||
width: auto;
|
||
}
|
||
.footer {
|
||
text-align: center;
|
||
padding: 40px 0;
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
.footer a {
|
||
color: #2266ff;
|
||
text-decoration: none;
|
||
margin: 0 15px;
|
||
}
|
||
.footer a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.header h1 {
|
||
font-size: 36px;
|
||
}
|
||
.header .subtitle {
|
||
font-size: 20px;
|
||
}
|
||
.features {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="header">
|
||
<h1>电子成长</h1>
|
||
<p class="subtitle">无痛学习的魔法</p>
|
||
<p class="tagline">AI 驱动的知识学习应用</p>
|
||
</div>
|
||
|
||
<div class="features">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">🤖</div>
|
||
<h3>AI 智能生成</h3>
|
||
<p>输入任何你想学的主题，AI 自动生成结构化的交互式学习卡片，从入门到进阶一键搞定</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">🎯</div>
|
||
<h3>交互式卡片</h3>
|
||
<p>精心设计的沉浸式学习体验，通过交互式卡片让复杂知识变得轻松易懂。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">👩🏫</div>
|
||
<h3>多种讲解风格</h3>
|
||
<p>从轻松活泼到系统严谨，多位 AI 讲师供你选择，找到最适合自己的学习方式。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">📚</div>
|
||
<h3>精选课程库</h3>
|
||
<p>涵盖求职面试、自我提升、读书解读等热门话题，每日更新精选内容。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">📝</div>
|
||
<h3>学习笔记</h3>
|
||
<p>学习过程中随手记录灵感和要点，构建属于你自己的知识体系。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">🔒</div>
|
||
<h3>隐私保护</h3>
|
||
<p>自建数据分析系统，不使用任何第三方追踪 SDK，您的数据安全是我们的底线。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cta-section">
|
||
<h2>开始你的成长之旅</h2>
|
||
<p>免费下载，无需注册即可体验</p>
|
||
<div class="app-store-badge">
|
||
<a href="https://apps.apple.com/app/电子成长" target="_blank">
|
||
<img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/zh-cn?size=250x83&releaseDate=1704067200" alt="在 App Store 下载">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<p>
|
||
<a href="/support.html">技术支持</a>
|
||
<a href="/privacy-policy.html">隐私政策</a>
|
||
<a href="/user-agreement.html">用户协议</a>
|
||
</p>
|
||
<p style="margin-top: 20px;">© 2026 电子成长. 保留所有权利.</p>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|