YueHuLab/AI-learning
0
1<!DOCTYPE html>2<html lang="zh-CN">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>人工智能大航海 (AI Odyssey) - 支持与政策</title>7 <style>8 :root {9 --primary-color: #3b82f6;10 --secondary-color: #1e293b;11 --bg-color: #f8fafc;12 --card-bg: #ffffff;13 --text-color: #334155;14 --text-light: #64748b;15 --border-color: #e2e8f0;16 }17 18 * {19 box-sizing: border-box;20 margin: 0;21 padding: 0;22 }23 24 html {25 scroll-behavior: smooth; /* 开启平滑滚动 */26 }27 28 body {29 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;30 background-color: var(--bg-color);31 color: var(--text-color);32 line-height: 1.7;33 }34 35 header {36 background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);37 color: white;38 padding: 3rem 1rem 2rem 1rem;39 text-align: center;40 position: relative;41 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);42 }43 44 .lang-switch {45 position: absolute;46 top: 1rem;47 right: 1rem;48 background: rgba(255, 255, 255, 0.15);49 border: 1px solid rgba(255, 255, 255, 0.3);50 color: white;51 padding: 0.4rem 0.8rem;52 border-radius: 20px;53 cursor: pointer;54 font-size: 0.85rem;55 transition: all 0.3s;56 z-index: 10;57 }58 59 .lang-switch:hover {60 background: rgba(255, 255, 255, 0.3);61 }62 63 .app-title-sub {64 color: #93c5fd;65 font-size: 1.1rem;66 margin-top: 0.6rem;67 font-weight: 300;68 letter-spacing: 1px;69 }70 71 /* 导航栏样式 */72 .page-nav {73 display: flex;74 justify-content: center;75 gap: 1rem;76 margin-top: 1.5rem;77 flex-wrap: wrap;78 }79 80 .page-nav a {81 color: white;82 text-decoration: none;83 background: rgba(255, 255, 255, 0.1);84 padding: 0.5rem 1rem;85 border-radius: 8px;86 font-size: 0.95rem;87 transition: all 0.3s ease;88 border: 1px solid rgba(255,255,255,0.2);89 }90 91 .page-nav a:hover {92 background: var(--primary-color);93 border-color: var(--primary-color);94 }95 96 .container {97 max-width: 800px;98 margin: 2rem auto;99 padding: 0 1rem;100 }101 102 .section-header {103 margin: 3rem 0 1.5rem 0;104 text-align: center;105 font-size: 1.8rem;106 color: var(--secondary-color);107 font-weight: bold;108 }109 110 .section-header::after {111 content: '';112 display: block;113 width: 50px;114 height: 4px;115 background: var(--primary-color);116 margin: 0.5rem auto 0 auto;117 border-radius: 2px;118 }119 120 .section-card {121 background: var(--card-bg);122 border-radius: 12px;123 padding: 2rem;124 margin-bottom: 1.5rem;125 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);126 border: 1px solid var(--border-color);127 }128 129 .highlight-box {130 background-color: #eff6ff;131 border-left: 4px solid var(--primary-color);132 padding: 1rem 1.5rem;133 border-radius: 0 8px 8px 0;134 margin-bottom: 1.5rem;135 }136 137 .feature-box {138 background-color: #f1f5f9;139 border-radius: 8px;140 padding: 1.5rem;141 margin-top: 1rem;142 }143 144 h2 {145 color: var(--secondary-color);146 font-size: 1.3rem;147 margin-bottom: 1rem;148 display: flex;149 align-items: center;150 gap: 0.5rem;151 }152 153 h3 {154 color: var(--secondary-color);155 font-size: 1.1rem;156 margin: 1.5rem 0 0.8rem 0;157 }158 159 ul {160 list-style-type: none;161 margin-bottom: 1rem;162 }163 164 .list-disc {165 list-style-type: disc;166 padding-left: 1.5rem;167 }168 169 li {170 margin-bottom: 0.5rem;171 }172 173 .flex-li {174 display: flex;175 align-items: flex-start;176 gap: 0.5rem;177 }178 179 .emoji-icon {180 flex-shrink: 0;181 margin-top: 0.1rem;182 }183 184 a {185 color: var(--primary-color);186 text-decoration: none;187 }188 189 a:hover {190 text-decoration: underline;191 }192 193 footer {194 text-align: center;195 margin-top: 4rem;196 padding: 2rem 0;197 color: var(--text-light);198 font-size: 0.9rem;199 border-top: 1px solid var(--border-color);200 }201 202 /* 语言切换控制 */203 .lang-en, .lang-zh { display: none; }204 html[lang="zh-CN"] .lang-zh { display: block; }205 html[lang="zh-CN"] .lang-zh-inline { display: inline; }206 html[lang="zh-CN"] .lang-en-inline { display: none; }207 html[lang="en"] .lang-en { display: block; }208 html[lang="en"] .lang-en-inline { display: inline; }209 html[lang="en"] .lang-zh-inline { display: none; }210 </style>211</head>212<body>213 214 <header>215 <button class="lang-switch" onclick="toggleLanguage()">216 <span class="lang-zh-inline">English</span>217 <span class="lang-en-inline">中文</span>218 </button>219 220 <div class="lang-zh">221 <h1>人工智能大航海 / 全民学AI</h1>222 <p class="app-title-sub">看得见的算法，玩得懂的人工智能</p>223 </div>224 <div class="lang-en">225 <h1>AI Odyssey / AI For Everyone</h1>226 <p class="app-title-sub">Interactive AI Exploration Playground</p>227 </div>228 229 <!-- 页面内导航栏 -->230 <nav class="page-nav">231 <a href="#support"><span class="lang-zh-inline">技术支持与反馈</span><span class="lang-en-inline">Support & FAQ</span></a>232 <a href="#privacy"><span class="lang-zh-inline">隐私政策</span><span class="lang-en-inline">Privacy Policy</span></a>233 <a href="#terms"><span class="lang-zh-inline">服务条款</span><span class="lang-en-inline">Terms of Service</span></a>234 </nav>235 </header>236 237 <div class="container">238 239 <!-- ================= 模块 1：技术支持 ================= -->240 <div id="support">241 <div class="lang-zh section-header">技术支持与反馈</div>242 <div class="lang-en section-header">Support & FAQ</div>243 244 <div class="section-card">245 <p class="lang-zh">欢迎来到人工智能的科普世界！我们致力于消除技术焦虑，通过<b>生动的互动实验、好玩的闯关游戏和大白话原理拆解</b>，让每一个普通人都能轻松玩懂 AI。</p>246 <p class="lang-en">Welcome to the world of AI exploration! We are dedicated to eliminating tech anxiety. Through <b>interactive playgrounds, gamified challenges, and plain-language explanations</b>, we make AI accessible for everyone.</p>247 248 <h3 class="lang-zh" style="margin-top:2rem;">🚀 交流与反馈</h3>249 <h3 class="lang-en" style="margin-top:2rem;">🚀 Contact & Feedback</h3>250 <p class="lang-zh">如果您在探索过程中遇到任何程序漏洞 (Bug) 或有任何好玩的脑洞建议，欢迎随时联系我们：<br>📧 <strong>联系邮箱：</strong> <a href="mailto:710354687@qq.com">710354687@qq.com</a></p>251 <p class="lang-en">If you encounter any bugs, have feature requests, or want to share your creative ideas, feel free to reach out:<br>📧 <strong>Email:</strong> <a href="mailto:710354687@qq.com">710354687@qq.com</a></p>252 253 <h3 class="lang-zh" style="margin-top:2rem;">💡 常见问题 FAQ</h3>254 <h3 class="lang-en" style="margin-top:2rem;">💡 FAQ</h3>255 <div style="margin-bottom: 1rem;">256 <strong class="lang-zh">⚡ 这款 App 适合零基础的人玩吗？</strong>257 <strong class="lang-en">⚡ Is this App suitable for complete beginners?</strong>258 <p class="lang-zh" style="color: var(--text-light);">完全适合！这里没有复杂的数学公式。你可以通过亲手“调节参数”、观察 AI 的“实时反应”来直观理解其背后的逻辑。</p>259 <p class="lang-en" style="color: var(--text-light);">Absolutely! There are no complex formulas here. You can intuitively understand the logic simply by adjusting parameters and watching the AI react.</p>260 </div>261 </div>262 </div>263 264 265 <!-- ================= 模块 2：隐私政策 ================= -->266 <div id="privacy">267 <div class="lang-zh section-header">隐私政策</div>268 <div class="lang-en section-header">Privacy Policy</div>269 270 <div class="highlight-box">271 <div class="lang-zh">272 <strong>核心承诺：</strong> 我们极度尊重您的隐私。本应用不收集、存储或分享您的任何能识别个人身份的数据。您的探索进度、个人笔记、闯关记录等核心数据仅存储在您的设备本地。273 </div>274 <div class="lang-en">275 <strong>Core Commitment:</strong> We highly respect your privacy. This app does not collect, store, or share any data that can personally identify you. Your core data is stored exclusively on your device locally.276 </div>277 </div>278 279 <div class="section-card">280 <h2 class="lang-zh">1. 我们不收集个人数据</h2>281 <h2 class="lang-en">1. No Personal Data Collection</h2>282 <p class="lang-zh">本应用的核心互动与科普功能完全离线运行。因此：</p>283 <p class="lang-en">The app’s core functionality runs entirely offline. Therefore:</p>284 <ul class="lang-zh">285 <li class="flex-li"><span class="emoji-icon">❌</span> 我们不收集您的姓名、邮箱、电话、位置或广告追踪码。</li>286 <li class="flex-li"><span class="emoji-icon">✅</span> 无需注册任何账号，无需强制登录，学习数据绝不上传云端。</li>287 <li class="flex-li"><span class="emoji-icon">🗑️</span> 卸载 App 即可永久删除所有本地探索记录。</li>288 </ul>289 <ul class="lang-en">290 <li class="flex-li"><span class="emoji-icon">❌</span> We do not collect your name, email, location, or ad tracking IDs.</li>291 <li class="flex-li"><span class="emoji-icon">✅</span> No account registration required. Data is never uploaded to the cloud.</li>292 <li class="flex-li"><span class="emoji-icon">🗑️</span> Uninstalling the app permanently deletes all local records.</li>293 </ul>294 295 <h2 class="lang-zh" style="margin-top:2rem;">2. 第三方服务与权限</h2>296 <h2 class="lang-en" style="margin-top:2rem;">2. Third-Party Services & Permissions</h2>297 <p class="lang-zh">298 <strong>内购管理：</strong>我们仅使用安全的 RevenueCat SDK 处理由 Apple 提供的匿名购买收据，以解锁“高级版”功能，不关联您的真实身份。<br>299 <strong>设备权限：</strong>我们坚守极简底线，不请求相机、相册、地理位置或本地网络等敏感权限。300 </p>301 <p class="lang-en">302 <strong>In-App Purchases:</strong> We only use the secure RevenueCat SDK to validate anonymous purchase receipts from Apple to unlock "Premium" features. It does not associate with your real identity.<br>303 <strong>Permissions:</strong> We do not request sensitive permissions such as camera, photos, location, or local network.304 </p>305 </div>306 </div>307 308 309 <!-- ================= 模块 3：服务条款 ================= -->310 <div id="terms">311 <div class="lang-zh section-header">服务条款</div>312 <div class="lang-en section-header">Terms of Service</div>313 314 <div class="section-card">315 <div class="lang-zh">316 <h2>1. 接受条款与应用许可</h2>317 <p>下载或使用本应用即表示您同意本条款。我们授予您在个人 iOS 设备上非商业用途的有限使用许可。本应用的知识产权归我们所有，未经许可不得复制或分发。</p>318 319 <h2 style="margin-top:2rem;">2. 应用功能与购买说明</h2>320 <div class="feature-box">321 <ul class="list-disc">322 <li><strong>基础体验：</strong> 基础 AI 原理大白话解析、初级互动实验及本地数据归档。</li>323 <li><strong>高级体验（一次性买断）：</strong> 解锁全部进阶互动沙盒、深度算法探索、高级报告及无广告纯净体验。</li>324 </ul>325 </div>326 <p style="margin-top: 1rem;">本应用采用<strong>一次性买断制</strong>，无订阅、无自动续费。所有支付均通过 Apple App Store 官方安全通道完成。</p>327 328 <h2 style="margin-top:2rem;">3. 免责声明与责任限制</h2>329 <p>本应用仅供大众进行人工智能知识科普与互动体验使用。原理解析基于当前主流技术理论简化整理，旨在消除技术焦虑。本应用不构成任何专业证书颁发或学业/就业承诺。在法律允许范围内，我们不对因使用本应用产生的间接损害承担责任。</p>330 </div>331 332 <div class="lang-en">333 <h2>1. Acceptance & License</h2>334 <p>By using the App, you agree to these terms. We grant you a limited, non-commercial license for your personal iOS device. All intellectual property belongs to us and cannot be copied without permission.</p>335 336 <h2 style="margin-top:2rem;">2. Features & Purchases</h2>337 <div class="feature-box">338 <ul class="list-disc">339 <li><strong>Standard:</strong> Basic AI plain-language explanations, entry-level experiments, and local archiving.</li>340 <li><strong>Premium (One-Time Purchase):</strong> Unlocks all advanced sandboxes, in-depth algorithms, and an ad-free experience.</li>341 </ul>342 </div>343 <p style="margin-top: 1rem;">The App uses a <strong>one-time purchase model</strong> with no subscriptions. All payments are securely processed via the Apple App Store.</p>344 345 <h2 style="margin-top:2rem;">3. Disclaimer & Limitation of Liability</h2>346 <p>The App is for general AI popularization and interactive experiences. Concepts are simplified to eliminate tech anxiety. The App does not provide professional certifications or academic commitments. To the fullest extent permitted by law, we are not liable for indirect damages arising from App usage.</p>347 </div>348 </div>349 </div>350 351 </div>352 353 <footer>354 <p class="lang-zh">355 © 2026 人工智能大航海 (AI Odyssey). 保留所有权利。<br>356 最后更新日期：2026年5月17日357 </p>358 <p class="lang-en">359 © 2026 AI Odyssey. All rights reserved.<br>360 Last Updated: May 17, 2026361 </p>362 </footer>363 364 <script>365 function toggleLanguage() {366 const html = document.documentElement;367 if (html.getAttribute('lang') === 'zh-CN') {368 html.setAttribute('lang', 'en');369 } else {370 html.setAttribute('lang', 'zh-CN');371 }372 }373 </script>374</body>375</html>