248 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>隐私政策 - 知习 AI</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<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&amp;family=Manrope:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<style>
.material-symbols-outlined {
font-family: 'Material Symbols Outlined', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
</style>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
"colors": {
"secondary-fixed-dim": "#c8bfff",
"on-surface": "#131b2c",
"on-secondary": "#ffffff",
"on-tertiary": "#ffffff",
"primary-fixed": "#dce1ff",
"on-tertiary-fixed-variant": "#44474a",
"outline": "#737686",
"on-primary-fixed-variant": "#003cad",
"on-background": "#131b2c",
"secondary-container": "#715af8",
"tertiary-container": "#727578",
"background": "#faf9ff",
"inverse-on-surface": "#edf0ff",
"surface-container-highest": "#dbe2fa",
"inverse-surface": "#283042",
"error": "#ba1a1a",
"on-secondary-fixed": "#190064",
"surface-variant": "#dbe2fa",
"on-tertiary-fixed": "#181c1f",
"primary-fixed-dim": "#b5c4ff",
"on-surface-variant": "#434654",
"on-primary-fixed": "#00164d",
"primary": "#1550d3",
"surface-tint": "#1a53d6",
"tertiary-fixed-dim": "#c4c7ca",
"tertiary": "#595c60",
"error-container": "#ffdad6",
"surface-dim": "#d2daf1",
"surface-container-low": "#f1f3ff",
"secondary-fixed": "#e5deff",
"on-primary": "#ffffff",
"surface": "#faf9ff",
"on-secondary-fixed-variant": "#421dc9",
"surface-bright": "#faf9ff",
"primary-container": "#3c6bed",
"on-secondary-container": "#fffbff",
"on-primary-container": "#fffbff",
"on-error": "#ffffff",
"surface-container-lowest": "#ffffff",
"secondary": "#583dde",
"inverse-primary": "#b5c4ff",
"tertiary-fixed": "#e0e3e6",
"surface-container-high": "#e1e8ff",
"on-tertiary-container": "#fcfcff",
"outline-variant": "#c3c5d7",
"surface-container": "#e9edff",
"on-error-container": "#93000a"
},
"borderRadius": {
"DEFAULT": "0.25rem",
"lg": "0.5rem",
"xl": "0.75rem",
"full": "9999px"
},
"spacing": {
"section-padding": "120px",
"unit": "8px",
"container-max": "1200px",
"gutter": "24px",
"card-padding": "32px"
},
"fontFamily": {
"headline-lg": ["Manrope"],
"display-xl": ["Manrope"],
"label-sm": ["Inter"],
"body-lg": ["Manrope"],
"body-base": ["Manrope"],
"headline-md": ["Manrope"]
},
"fontSize": {
"headline-lg": ["40px", { "lineHeight": "1.2", "letterSpacing": "-0.01em", "fontWeight": "700" }],
"display-xl": ["64px", { "lineHeight": "1.1", "letterSpacing": "-0.02em", "fontWeight": "800" }],
"label-sm": ["13px", { "lineHeight": "1", "letterSpacing": "0.05em", "fontWeight": "600" }],
"body-lg": ["18px", { "lineHeight": "1.6", "fontWeight": "400" }],
"body-base": ["16px", { "lineHeight": "1.6", "fontWeight": "400" }],
"headline-md": ["28px", { "lineHeight": "1.3", "fontWeight": "600" }]
}
}
}
}
</script>
</head>
<body class="bg-background text-on-background min-h-screen relative font-body-base antialiased" style="background-image: radial-gradient(circle at 1px 1px, #d2daf1 1px, transparent 0); background-size: 24px 24px;">
<!-- TopNavBar -->
<!-- Suppressed TopNavBar due to Privacy Policy page intent (Content Canvas Priority) -->
<!-- Hero Section -->
<header class="pt-section-padding pb-20 px-gutter max-w-container-max mx-auto text-center">
<h1 class="font-display-xl text-display-xl text-on-surface mb-6">隐私政策</h1>
<p class="font-body-lg text-body-lg text-on-surface-variant max-w-3xl mx-auto mb-8">我们重视你的学习数据和个人隐私。知习 AI 会尽可能清晰地说明我们收集什么、为什么收集,以及如何保护你的信息。</p>
<div class="inline-block px-4 py-2 bg-surface-container-low rounded-full">
<span class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">最后更新2026 年 5 月</span>
</div>
</header>
<!-- Main Content -->
<main class="max-w-container-max mx-auto px-gutter pb-section-padding">
<div class="flex flex-col md:flex-row gap-16 relative">
<!-- Sticky Sidebar (Table of Contents) -->
<aside class="md:w-1/4 hidden md:block">
<div class="sticky top-32">
<nav class="flex flex-col gap-4 border-l border-outline-variant pl-6">
<a class="font-label-sm text-label-sm text-primary transition-colors hover:text-primary-container" href="#section-1">我们收集的信息</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-2">我们如何使用这些信息</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-3">AI 服务相关说明</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-4">我们如何保护数据</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-5">第三方服务</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-6">用户权利</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-7">儿童隐私</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-8">政策更新</a>
<a class="font-label-sm text-label-sm text-on-surface-variant transition-colors hover:text-primary" href="#section-9">联系我们</a>
</nav>
</div>
</aside>
<!-- Policy Text -->
<article class="md:w-3/4 max-w-3xl">
<div class="space-y-16">
<section id="section-1">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">我们收集的信息</h2>
<p class="font-body-base text-body-base text-on-surface-variant mb-4">
为了提供优质的学习体验,我们在您使用知习 AI 时收集以下类型的信息:
</p>
<ul class="list-disc pl-6 space-y-3 font-body-base text-body-base text-on-surface-variant">
<li><strong class="text-on-surface">账户信息:</strong>包括您的姓名、电子邮件地址以及您在注册时提供的其他必要信息。</li>
<li><strong class="text-on-surface">学习数据:</strong>您在平台上的学习记录、互动内容、笔记和进度,以帮助优化推荐和学习路径。</li>
<li><strong class="text-on-surface">设备与日志信息:</strong>IP 地址、浏览器类型、设备标识符及操作日志,用于保障服务安全和改进技术性能。</li>
</ul>
</section>
<section id="section-2">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">我们如何使用这些信息</h2>
<p class="font-body-base text-body-base text-on-surface-variant mb-4">
我们收集的信息主要用于以下目的:
</p>
<ul class="list-disc pl-6 space-y-3 font-body-base text-body-base text-on-surface-variant">
<li>提供、维护和改进知习 AI 的核心学习功能。</li>
<li>通过 AI 分析您的学习习惯,提供个性化的内容推荐。</li>
<li>发送重要的账户通知、服务更新及安全提醒。</li>
<li>进行内部数据分析和研究,以提升产品体验。</li>
</ul>
</section>
<section id="section-3">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">AI 服务相关说明</h2>
<div class="bg-surface-container-low rounded-xl p-card-padding border border-outline-variant/30">
<p class="font-body-base text-body-base text-on-surface-variant">
知习 AI 的核心在于人工智能辅助学习。您的部分互动数据可能会经过匿名化处理后,用于训练和优化我们的 AI 模型,以提供更精准的学习辅导。我们承诺,绝不使用包含可识别个人身份的信息进行模型训练。您可以随时在隐私设置中选择退出数据贡献计划。
</p>
</div>
</section>
<section id="section-4">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">我们如何保护数据</h2>
<p class="font-body-base text-body-base text-on-surface-variant">
我们采用业界领先的安全标准,包括数据加密(传输和存储阶段)、严格的访问控制以及定期的安全审计,以保护您的个人信息免受未经授权的访问、使用或泄露。
</p>
</section>
<section id="section-5">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">第三方服务</h2>
<p class="font-body-base text-body-base text-on-surface-variant">
我们可能会聘请第三方服务提供商协助我们提供服务(例如云存储、数据分析)。这些第三方仅在代表我们执行任务且遵守类似保密义务的前提下,才能访问您的个人信息。
</p>
</section>
<section id="section-6">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">用户权利</h2>
<p class="font-body-base text-body-base text-on-surface-variant mb-4">
您对自己的个人信息拥有完全的控制权。您有权:
</p>
<ul class="list-disc pl-6 space-y-3 font-body-base text-body-base text-on-surface-variant">
<li>访问、更正或更新您的账户信息。</li>
<li>请求删除您的账户及相关个人数据。</li>
<li>限制或反对我们处理您的个人信息。</li>
<li>获取您数据的结构化副本。</li>
</ul>
</section>
<section id="section-7">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">儿童隐私</h2>
<p class="font-body-base text-body-base text-on-surface-variant">
知习 AI 并非专为未满 13 岁的儿童设计。我们不会有意收集未满 13 岁儿童的个人信息。如果我们发现无意中收集了此类信息,将采取措施尽快删除。
</p>
</section>
<section id="section-8">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">政策更新</h2>
<p class="font-body-base text-body-base text-on-surface-variant">
我们可能会不时更新本隐私政策。任何重大变更都将通过电子邮件或平台通知等方式提前告知。继续使用我们的服务即表示您接受更新后的政策。
</p>
</section>
<section id="section-9">
<h2 class="font-headline-md text-headline-md text-on-surface mb-6">联系我们</h2>
<p class="font-body-base text-body-base text-on-surface-variant">
如果您对本隐私政策或您的数据有任何疑问请通过以下方式联系我们privacy@zhixiai.com。
</p>
</section>
</div>
</article>
</div>
</main>
<!-- CTA Section -->
<section class="max-w-container-max mx-auto px-gutter pb-section-padding">
<div class="bg-surface-container rounded-2xl p-16 text-center shadow-[0px_20px_40px_rgba(18,26,43,0.04)]">
<h3 class="font-headline-md text-headline-md text-on-surface mb-4">还有隐私相关问题?</h3>
<p class="font-body-base text-body-base text-on-surface-variant mb-8 max-w-lg mx-auto">我们的支持团队随时准备解答您关于数据安全和隐私保护的任何疑问。</p>
<button class="bg-primary text-on-primary font-label-sm text-label-sm px-8 py-4 rounded-full hover:shadow-[0px_10px_20px_rgba(21,80,211,0.2)] transition-all duration-300">联系支持</button>
</div>
</section>
<!-- Footer -->
<footer class="w-full py-20 border-t border-slate-200 dark:border-slate-800 bg-[#F6F8FC] dark:bg-slate-950 mt-section-padding">
<div class="flex flex-col md:flex-row justify-between items-center px-12 max-w-7xl mx-auto gap-8 hover:opacity-80 transition-all duration-300">
<div class="text-lg font-semibold text-slate-400 font-['Manrope'] tracking-tighter">知习 AI</div>
<div class="flex flex-wrap justify-center gap-6 font-['Manrope'] text-xs text-slate-500 dark:text-slate-400">
<a class="text-[#4F7CFF] underline" href="#">Privacy Policy</a>
<a class="text-slate-400 hover:text-slate-600 transition-colors" href="#">Terms of Service</a>
<a class="text-slate-400 hover:text-slate-600 transition-colors" href="#">Cookie Settings</a>
</div>
<div class="font-['Manrope'] text-xs text-slate-500 dark:text-slate-400">© 2024 知习 AI. Intellectual Serenity.</div>
</div>
</footer>
</body></html>