wangdl/web-projects
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

品牌名统一改为"知习"，新增下载页面

Browse Source 
- 全站标题/描述/正文："知习 AI"/"龙德AI学习" → "知习"
- 下载页重写：新增 App Store、Google Play、macOS、Web 四个渠道卡片
- Header/Footer/BaseLayout 品牌名同步更新

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
WangDL 2026-05-14 21:08:16 +08:00
parent 29f7da8351
commit 1d7c25c4cf
12 changed files with 142 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Footer.astro
View File

@ -11,8 +11,8 @@ const footerLinks = [
<div style="max-width: 80rem; margin: 0 auto; padding: 80px 32px;">
<div style="display: flex; flex-direction: column; align-items: center; gap: 32px; margin-bottom: 32px;" class="footer-links">
<div style="display: flex; align-items: center; gap: 8px; color: #4F7CFF;">
<img src="/logo.png" alt="知习 AI" style="height: 24px; width: auto;" />
<span style="font-size: 18px; font-weight: 600;">知习 AI</span>
<img src="/logo.png" alt="知习" style="height: 24px; width: auto;" />
<span style="font-size: 18px; font-weight: 600;">知习</span>
</div>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; font-size: 12px; color: #64748b;">
@ -23,7 +23,7 @@ const footerLinks = [
</div>
<p style="font-size: 12px; color: #64748b; text-align: center;">
© {currentYear} 知习 AI (ZhiXi AI). Structured learning for the digital age.
© {currentYear} 知习 (ZhiXi AI). Structured learning for the digital age.
</p>
</div>
</footer>

4
src/components/Header.astro
View File

@ -18,8 +18,8 @@ const isActive = (href: string) => {
<header style="position: fixed; top: 0; left: 0; right: 0; z-index: 50; background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 8px 32px 0 rgba(18, 26, 43, 0.03);">
<nav style="display: flex; justify-content: space-between; align-items: center; height: 64px; padding-left: 24px; padding-right: 24px; max-width: 1280px; margin: 0 auto;">
<a href="/" style="display: flex; align-items: center; gap: 8px; text-decoration: none;">
<img src="/logo.png" alt="知习 AI" style="height: 32px; width: auto;" />
<span style="color: #4F7CFF; font-size: 20px; font-weight: 800; letter-spacing: -0.02em;" class="desktop-text">知习 AI</span>
<img src="/logo.png" alt="知习" style="height: 32px; width: auto;" />
<span style="color: #4F7CFF; font-size: 20px; font-weight: 800; letter-spacing: -0.02em;" class="desktop-text">知习</span>
</a>
<div class="desktop-nav">

2
src/layouts/BaseLayout.astro
View File

@ -31,7 +31,7 @@ const ogImageUrl = ogImage || `${siteUrl}/og-default.png`;
<meta property="og:description" content={description} />
<meta property="og:url" content={Astro.url.href} />
<meta property="og:image" content={ogImageUrl} />
<meta property="og:site_name" content="知习 AI" />
<meta property="og:site_name" content="知习" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={title} />

4
src/pages/changelog.astro
View File

@ -15,8 +15,8 @@ const changelog = [
---
<BaseLayout
title="更新日志 - 龙德AI学习"
description="龙德AI学习的最新更新和开发进度。"
title="更新日志 - 知习"
description="知习的最新更新和开发进度。"
>
<Header />
<main class="animate-page-enter">

176
src/pages/download.astro
View File

@ -1,92 +1,126 @@
---
import BaseLayout from '../layouts/BaseLayout.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import Hero from '../components/Hero.astro';
import CTA from '../components/CTA.astro';
---
<BaseLayout
title="下载 - 龙德AI学习"
description="龙德AI学习 Mac 版下载，敬请期待。"
>
<Header />
<main class="animate-page-enter">
<Hero
title="Mac 应用"
subtitle="龙德AI学习 Mac 版正在开发中"
/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>下载 - 知习</title>
<meta name="description" content="下载知习 App，支持 iPhone、Android、Mac 和 Web 多端使用。" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">
</head>
<body style="background-color: #faf9ff; color: #131b2c; min-height: 100vh; display: flex; flex-direction: column; font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'SF Pro Text', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; position: relative;">
<section class="download-section">
<div class="download-card">
<div class="icon">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="8" y="8" width="48" height="48" rx="8" stroke="currentColor" stroke-width="2"/>
<path d="M24 28c0-4.418 3.582-8 8-8s8 3.582 8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<circle cx="32" cy="38" r="4" fill="currentColor"/>
</svg>
<Header />
<div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at center, #d2daf1 1px, transparent 1px); background-size: 24px 24px; opacity: 0.25; pointer-events: none; z-index: -1;"></div>
<main class="animate-page-enter" style="flex: 1; padding-top: 140px; padding-bottom: 80px; padding-left: 24px; padding-right: 24px;">
<!-- Hero -->
<section style="max-width: 720px; margin: 0 auto 64px; text-align: center;">
<h1 style="font-family: 'Manrope', sans-serif; font-size: clamp(2.5rem, 5vw, 3.5rem); line-height: 1.15; letter-spacing: -0.02em; font-weight: 800; color: #131b2c; margin-bottom: 16px;">下载知习</h1>
<p style="font-family: 'Manrope', sans-serif; font-size: 18px; line-height: 1.7; color: #434654;">选择你的设备，开始更聪明的学习方式</p>
</section>
<!-- Download Cards -->
<section style="max-width: 1000px; margin: 0 auto 80px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;" class="download-grid">
<!-- Apple App Store -->
<a href="#" class="download-card" style="background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.25rem; padding: 32px; box-shadow: 0 20px 40px rgba(18, 26, 43, 0.04); text-decoration: none; display: flex; flex-direction: column; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 48px; height: 48px; border-radius: 12px; background: #f1f3ff; color: #1550d3; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;">
<span class="material-symbols-outlined" style="font-size: 28px;">phone_iphone</span>
</div>
<h2>即将上线</h2>
<p>Mac 版应用正在积极开发中，请先加入等待名单获取最新消息。</p>
<div class="version-info">
<span>支持 macOS 12+</span>
<h3 style="font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 700; color: #131b2c; margin: 0 0 8px;">App Store</h3>
<p style="font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.6; color: #737686; margin: 0 0 24px; flex: 1;">iPhone / iPad 用户可通过 App Store 下载</p>
<span class="dl-badge" style="display: inline-flex; align-items: center; gap: 8px; background: #131b2c; color: #ffffff; padding: 12px 20px; border-radius: 10px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.03em; transition: background 0.2s; align-self: flex-start;">
<span class="material-symbols-outlined" style="font-size: 18px;">apple</span>
即将上线
</span>
</a>
<!-- Google Play / Android -->
<a href="#" class="download-card" style="background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.25rem; padding: 32px; box-shadow: 0 20px 40px rgba(18, 26, 43, 0.04); text-decoration: none; display: flex; flex-direction: column; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 48px; height: 48px; border-radius: 12px; background: #edf7ed; color: #2e7d32; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;">
<span class="material-symbols-outlined" style="font-size: 28px;">android</span>
</div>
<CTA
title="加入等待名单"
href="/waitlist"
variant="primary"
/>
<h3 style="font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 700; color: #131b2c; margin: 0 0 8px;">Google Play</h3>
<p style="font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.6; color: #737686; margin: 0 0 24px; flex: 1;">Android 用户可通过 Google Play 下载</p>
<span class="dl-badge" style="display: inline-flex; align-items: center; gap: 8px; background: #131b2c; color: #ffffff; padding: 12px 20px; border-radius: 10px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.03em; transition: background 0.2s; align-self: flex-start;">
<span class="material-symbols-outlined" style="font-size: 18px;">android</span>
即将上线
</span>
</a>
<!-- macOS -->
<a href="#" class="download-card" style="background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.25rem; padding: 32px; box-shadow: 0 20px 40px rgba(18, 26, 43, 0.04); text-decoration: none; display: flex; flex-direction: column; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 48px; height: 48px; border-radius: 12px; background: #f1f3ff; color: #1550d3; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;">
<span class="material-symbols-outlined" style="font-size: 28px;">laptop_mac</span>
</div>
<h3 style="font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 700; color: #131b2c; margin: 0 0 8px;">macOS</h3>
<p style="font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.6; color: #737686; margin: 0 0 24px; flex: 1;">支持 macOS 12 及以上版本，原生 Apple Silicon 体验</p>
<span class="dl-badge" style="display: inline-flex; align-items: center; gap: 8px; background: #131b2c; color: #ffffff; padding: 12px 20px; border-radius: 10px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.03em; transition: background 0.2s; align-self: flex-start;">
<span class="material-symbols-outlined" style="font-size: 18px;">download</span>
即将上线
</span>
</a>
<!-- Web -->
<a href="https://zhixiai.com" target="_blank" class="download-card" style="background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.25rem; padding: 32px; box-shadow: 0 20px 40px rgba(18, 26, 43, 0.04); text-decoration: none; display: flex; flex-direction: column; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 48px; height: 48px; border-radius: 12px; background: #f1f3ff; color: #1550d3; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;">
<span class="material-symbols-outlined" style="font-size: 28px;">language</span>
</div>
<h3 style="font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 700; color: #131b2c; margin: 0 0 8px;">Web 版</h3>
<p style="font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.6; color: #737686; margin: 0 0 24px; flex: 1;">浏览器直接使用，无需安装，随时访问</p>
<span class="dl-badge dl-badge-live" style="display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #1550d3, #583dde); color: #ffffff; padding: 12px 20px; border-radius: 10px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.03em; transition: all 0.3s; box-shadow: 0 8px 24px rgba(21, 80, 211, 0.2); align-self: flex-start;">
<span class="material-symbols-outlined" style="font-size: 18px;">open_in_new</span>
立即使用
</span>
</a>
</section>
<!-- Bottom CTA -->
<section style="max-width: 600px; margin: 0 auto; text-align: center;">
<div style="background: linear-gradient(135deg, #f1f3ff, #e9edff); border-radius: 1rem; padding: 28px 32px;">
<p style="font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.6; color: #434654; margin: 0;">
<span class="material-symbols-outlined" style="color: #1550d3; font-size: 18px; vertical-align: -5px; margin-right: 6px;">schedule</span>
移动端版本正在开发中，<strong style="color: #131b2c;">Web 版已可体验</strong>。加入等待名单第一时间获取上线通知。
</p>
</div>
</section>
</main>
<Footer />
</BaseLayout>
<style>
.download-section {
padding: 0 var(--page-padding) 4rem;
<style is:global>
.download-card:hover {
transform: translateY(-4px);
box-shadow: 0 32px 56px rgba(18, 26, 43, 0.08) !important;
}
.download-card {
max-width: 400px;
margin: 0 auto;
padding: 3rem 2rem;
background: var(--color-bg-secondary);
border-radius: 16px;
text-align: center;
.download-card:hover .dl-badge {
background: #1e293b;
}
.icon {
color: var(--color-text-secondary);
margin-bottom: 1.5rem;
.download-card:hover .dl-badge-live {
background: linear-gradient(135deg, #1a5af0, #674ff0) !important;
transform: translateY(-1px);
box-shadow: 0 12px 28px rgba(21, 80, 211, 0.35) !important;
}
.download-card h2 {
font-size: 1.5rem;
font-weight: 600;
color: var(--color-text);
margin-bottom: 0.75rem;
@media (max-width: 768px) {
.download-grid {
grid-template-columns: 1fr !important;
}
.download-card p {
font-size: 0.9375rem;
color: var(--color-text-secondary);
line-height: 1.6;
margin-bottom: 1.5rem;
}
.version-info {
display: flex;
justify-content: center;
gap: 1rem;
margin-bottom: 2rem;
}
.version-info span {
font-size: 0.8125rem;
color: var(--color-text-secondary);
padding: 0.375rem 0.875rem;
background: var(--color-bg);
border-radius: 4px;
}
</style>
</style>
</body>
</html>

4
src/pages/index.astro
View File

@ -5,7 +5,7 @@ import Footer from '../components/Footer.astro';
---
<BaseLayout
title="知习 AI - 更懂你，更会学"
title="知习 - 更懂你，更会学"
description="一个围绕你成长的 AI 学习空间。把知识库、主动回忆、AI 分析和复习计划连接起来，让每一次学习都留下痕迹。"
>
<Header />
@ -320,7 +320,7 @@ import Footer from '../components/Footer.astro';
<div class="relative z-10">
<h2 class="text-4xl text-navy mb-6 font-bold">看得见的进步轨迹</h2>
<p class="text-slate-600 mb-8 leading-relaxed">
告别盲目刷题。知习 AI 在你每次主动回忆后，实时生成多维度的掌握度分析，动态调整你的下一步学习路径。
告别盲目刷题。知习 在你每次主动回忆后，实时生成多维度的掌握度分析，动态调整你的下一步学习路径。
</p>
<ul class="space-y-4 mb-8">
<li class="flex items-center gap-3 text-sm text-slate-700">

8
src/pages/philosophy.astro
View File

@ -5,8 +5,8 @@ import Footer from '../components/Footer.astro';
---
<BaseLayout
title="知习 AI - 产品理念"
description="知习 AI 关注的是学习过程本身：理解、输出、反馈、复习，以及一次次变得更清晰的自己。"
title="知习 - 产品理念"
description="知习 关注的是学习过程本身：理解、输出、反馈、复习，以及一次次变得更清晰的自己。"
>
<Header />
@ -313,7 +313,7 @@ import Footer from '../components/Footer.astro';
<!-- 5. Principles Manifesto Section -->
<section class="py-[120px] z-10 relative px-6 max-w-[1200px] mx-auto animate-reveal-up">
<div class="text-center mb-16">
<h2 class="font-display-xl text-on-surface mb-4">知习 AI 的产品原则</h2>
<h2 class="font-display-xl text-on-surface mb-4">知习 的产品原则</h2>
<p class="font-body-base text-on-surface-variant">五条核心信念，定义了我们的产品设计哲学</p>
</div>
@ -383,7 +383,7 @@ import Footer from '../components/Footer.astro';
<!-- 6. Footer CTA Section -->
<section class="py-[160px] z-10 relative px-6 text-center">
<h2 class="font-headline-lg text-on-surface max-w-2xl mx-auto mb-10">如果你也厌倦了"看过就算学过"，<br/>欢迎继续了解知习 AI。</h2>
<h2 class="font-headline-lg text-on-surface max-w-2xl mx-auto mb-10">如果你也厌倦了"看过就算学过"，<br/>欢迎继续了解知习。</h2>
<div class="flex items-center justify-center gap-6">
<a href="/product" class="bg-primary text-white px-8 py-4 rounded-full font-semibold shadow-[0_10px_20px_rgba(21,80,211,0.2)] hover:-translate-y-1 transition-transform duration-300">
查看产品

12
src/pages/privacy.astro
View File

@ -8,7 +8,7 @@ const lastUpdated = '2026 年 5 月';
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>隐私政策 - 知习 AI</title>
<title>隐私政策 - 知习</title>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet"/>
@ -20,7 +20,7 @@ const lastUpdated = '2026 年 5 月';
<header style="padding-top: 120px; padding-bottom: 80px; padding-left: 24px; padding-right: 24px; max-width: 1200px; margin: 0 auto; text-align: center;">
<h1 style="font-family: 'Manrope', sans-serif; font-size: 64px; line-height: 1.1; letter-spacing: -0.02em; font-weight: 800; color: #131b2c; margin-bottom: 24px;">隐私政策</h1>
<p style="font-family: 'Manrope', sans-serif; font-size: 18px; line-height: 1.6; font-weight: 400; color: #434654; max-width: 48rem; margin: 0 auto 32px;">
我们重视你的学习数据和个人隐私。知习 AI 会尽可能清晰地说明我们收集什么、为什么收集，以及如何保护你的信息。
我们重视你的学习数据和个人隐私。知习 会尽可能清晰地说明我们收集什么、为什么收集，以及如何保护你的信息。
</p>
<div style="display: inline-block; padding: 8px 16px; background-color: #f1f3ff; border-radius: 9999px;">
<span style="font-family: 'Inter', sans-serif; font-size: 13px; line-height: 1; letter-spacing: 0.05em; font-weight: 600; color: #434654; text-transform: uppercase;">最后更新：{lastUpdated}</span>
@ -76,7 +76,7 @@ const lastUpdated = '2026 年 5 月';
<section id="section-1">
<h2 style="font-family: 'Manrope', sans-serif; font-size: 28px; line-height: 1.3; font-weight: 600; color: #131b2c; margin-bottom: 24px;">我们收集的信息</h2>
<p style="font-family: 'Manrope', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #434654; margin-bottom: 16px;">
为了提供优质的学习体验，我们在您使用知习 AI 时收集以下类型的信息：
为了提供优质的学习体验，我们在您使用知习 时收集以下类型的信息：
</p>
<ul style="list-style-type: disc; padding-left: 24px; display: flex; flex-direction: column; gap: 12px; font-family: 'Manrope', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #434654;">
<li><strong style="font-weight: 600; color: #131b2c;">账户信息：</strong>包括您的姓名、电子邮件地址以及您在注册时提供的其他必要信息。</li>
@ -92,7 +92,7 @@ const lastUpdated = '2026 年 5 月';
我们收集的信息主要用于以下目的：
</p>
<ul style="list-style-type: disc; padding-left: 24px; display: flex; flex-direction: column; gap: 12px; font-family: 'Manrope', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #434654;">
<li>提供、维护和改进知习 AI 的核心学习功能。</li>
<li>提供、维护和改进知习 的核心学习功能。</li>
<li>通过 AI 分析您的学习习惯，提供个性化的内容推荐。</li>
<li>发送重要的账户通知、服务更新及安全提醒。</li>
<li>进行内部数据分析和研究，以提升产品体验。</li>
@ -104,7 +104,7 @@ const lastUpdated = '2026 年 5 月';
<h2 style="font-family: 'Manrope', sans-serif; font-size: 28px; line-height: 1.3; font-weight: 600; color: #131b2c; margin-bottom: 24px;">AI 服务相关说明</h2>
<div style="background-color: #f1f3ff; border-radius: 12px; padding: 32px; border: 1px solid rgba(195, 197, 215, 0.3);">
<p style="font-family: 'Manrope', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #434654;">
知习 AI 的核心在于人工智能辅助学习。您的部分互动数据可能会经过匿名化处理后，用于训练和优化我们的 AI 模型，以提供更精准的学习辅导。我们承诺，绝不使用包含可识别个人身份的信息进行模型训练。您可以随时在隐私设置中选择退出数据贡献计划。
知习 的核心在于人工智能辅助学习。您的部分互动数据可能会经过匿名化处理后，用于训练和优化我们的 AI 模型，以提供更精准的学习辅导。我们承诺，绝不使用包含可识别个人身份的信息进行模型训练。您可以随时在隐私设置中选择退出数据贡献计划。
</p>
</div>
</section>
@ -143,7 +143,7 @@ const lastUpdated = '2026 年 5 月';
<section id="section-7">
<h2 style="font-family: 'Manrope', sans-serif; font-size: 28px; line-height: 1.3; font-weight: 600; color: #131b2c; margin-bottom: 24px;">儿童隐私</h2>
<p style="font-family: 'Manrope', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #434654;">
知习 AI 并非专为未满 13 岁的儿童设计。我们不会有意收集未满 13 岁儿童的个人信息。如果我们发现无意中收集了此类信息，将采取措施尽快删除。
知习 并非专为未满 13 岁的儿童设计。我们不会有意收集未满 13 岁儿童的个人信息。如果我们发现无意中收集了此类信息，将采取措施尽快删除。
</p>
</section>

4
src/pages/product.astro
View File

@ -36,7 +36,7 @@ const painPoints = [
---
<BaseLayout
title="知习 AI - 产品介绍"
title="知习 - 产品介绍"
description="AI 驱动的系统化学习助手，把知识库、主动回忆、AI 分析和复习计划结合起来，帮你从'看过'变成'真正学会'。"
>
<Header />
@ -67,7 +67,7 @@ const painPoints = [
<div class="absolute inset-0 bg-tech-blue/10 blur-[100px] rounded-full"></div>
<div class="relative glass-card-premium rounded-[2rem] p-4 mx-auto overflow-hidden border border-white/60 shadow-2xl">
<img
alt="知习 AI 产品界面展示"
alt="知习 产品界面展示"
src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1200&h=800&fit=crop"
class="w-full h-auto rounded-xl shadow-sm object-cover max-h-[600px]"
/>

10
src/pages/support.astro
View File

@ -8,7 +8,7 @@ import Footer from '../components/Footer.astro';
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>反馈与支持 - 知习 AI</title>
<title>反馈与支持 - 知习</title>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet"/>
@ -26,7 +26,7 @@ import Footer from '../components/Footer.astro';
<section style="max-width: 1200px; margin: 0 auto 80px; text-align: center;">
<h1 style="font-family: 'Manrope', sans-serif; font-size: 56px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 800; color: #131b2c; margin-bottom: 20px;">反馈与支持</h1>
<p style="font-family: 'Manrope', sans-serif; font-size: 18px; line-height: 1.7; font-weight: 400; color: #434654; max-width: 36rem; margin: 0 auto;">
如果你在使用知习 AI 的过程中遇到问题，或者对产品有任何想法，欢迎告诉我们。每一条真实反馈，都会帮助产品变得更好。
如果你在使用知习 的过程中遇到问题，或者对产品有任何想法，欢迎告诉我们。每一条真实反馈，都会帮助产品变得更好。
</p>
</section>
@ -184,7 +184,7 @@ import Footer from '../components/Footer.astro';
<div class="faq-icon">
<span class="material-symbols-outlined">help</span>
</div>
<h3>知习 AI 现在可以使用了吗?</h3>
<h3>知习 现在可以使用了吗?</h3>
<p>产品还在早期版本开发中，官网会持续更新进展。</p>
</div>
@ -192,7 +192,7 @@ import Footer from '../components/Footer.astro';
<div class="faq-icon">
<span class="material-symbols-outlined">devices</span>
</div>
<h3>知习 AI 支持哪些平台?</h3>
<h3>知习 支持哪些平台?</h3>
<p>第一阶段优先支持 iPhone，后续再考虑 iPad、Mac 和其他平台。</p>
</div>
@ -200,7 +200,7 @@ import Footer from '../components/Footer.astro';
<div class="faq-icon">
<span class="material-symbols-outlined">security</span>
</div>
<h3>知习 AI 会保存我的学习内容吗?</h3>
<h3>知习 会保存我的学习内容吗?</h3>
<p>为了提供学习记录和 AI 分析，产品可能会保存必要的学习数据，具体请查看隐私政策。</p>
</div>

6
src/pages/terms.astro
View File

@ -8,8 +8,8 @@ const lastUpdated = '2024年5月4日';
---
<BaseLayout
title="用户协议 - 龙德AI学习"
description="龙德AI学习的用户协议，明确用户与服务商之间的权利与义务。"
title="用户协议 - 知习"
description="知习的用户协议，明确用户与服务商之间的权利与义务。"
>
<Header />
<main class="animate-page-enter">
@ -22,7 +22,7 @@ const lastUpdated = '2024年5月4日';
<div class="content-inner">
<section class="section">
<h2>服务说明</h2>
<p>龙德AI学习是一个 AI 驱动的学习辅助平台，旨在帮助用户提升学习效率。用户使用我们的服务即表示同意本协议的所有条款。</p>
<p>知习是一个 AI 驱动的学习辅助平台，旨在帮助用户提升学习效率。用户使用我们的服务即表示同意本协议的所有条款。</p>
</section>
<section class="section">

4
src/pages/waitlist.astro
View File

@ -5,8 +5,8 @@ import Footer from '../components/Footer.astro';
---
<BaseLayout
title="等待名单 - 知习 AI"
description="加入知习 AI 等待名单抢先体验，获取最新产品资讯和内测资格。"
title="等待名单 - 知习"
description="加入知习 等待名单抢先体验，获取最新产品资讯和内测资格。"
>
<Header />
<main class="animate-page-enter" style="flex: 1; padding-top: 100px; padding-bottom: 80px; padding-left: 24px; padding-right: 24px;">