2026-02-11 15:26:03 +08:00
<!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 >
2026-02-11 18:02:56 +08:00
< meta name = "description" content = "电子成长是一款 AI 驱动的知识学习应用 。输入任何你想学的主题， >
2026-02-11 15:26:03 +08:00
< 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 > 输入任何你想学的主题， < / 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 >
