---
import BaseLayout from '../layouts/BaseLayout.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import Hero from '../components/Hero.astro';

const lastUpdated = '2024年5月4日';
---

<BaseLayout
  title="隐私政策 - 龙德AI学习"
  description="龙德AI学习的隐私政策，说明我们如何收集、使用和保护您的个人信息。"
>
  <Header />
  <main>
    <Hero
      title="隐私政策"
      subtitle={`最后更新：${lastUpdated}`}
    />

    <article class="content">
      <div class="content-inner">
        <section class="section">
          <h2>信息收集</h2>
          <p>我们收集您主动提供的信息，包括但不限于：昵称、邮箱地址、设备类型、使用偏好等。这些信息仅用于改进我们的服务和向您提供相关更新。</p>
        </section>

        <section class="section">
          <h2>信息使用</h2>
          <p>我们使用收集的信息用于：提供和维护服务、发送产品更新和通知、改进产品功能、分析服务使用情况。您可以随时选择退出邮件通知。</p>
        </section>

        <section class="section">
          <h2>信息保护</h2>
          <p>我们采取合理的安全措施保护您的个人信息，防止未经授权的访问、使用或泄露。但互联网传输无法保证100%安全，我们会持续努力保护您的数据。</p>
        </section>

        <section class="section">
          <h2>Cookie 使用</h2>
          <p>我们的网站可能使用 Cookie 来改善用户体验。您可以通过浏览器设置禁用 Cookie，但这可能影响部分功能。</p>
        </section>

        <section class="section">
          <h2>第三方服务</h2>
          <p>我们可能使用第三方服务提供商来辅助运营服务，他们会按照各自的隐私政策处理您的信息。</p>
        </section>

        <section class="section">
          <h2>用户权利</h2>
          <p>您有权访问、更正或删除您的个人信息。如有任何疑问，请通过支持页面联系我们。</p>
        </section>

        <section class="section">
          <h2>政策更新</h2>
          <p>我们可能会不时更新本隐私政策。更新后我们会通过网站公告或邮件通知您。</p>
        </section>

        <section class="section">
          <h2>联系我们</h2>
          <p>如对本隐私政策有任何疑问，请访问我们的 <a href="/support">支持页面</a>。</p>
        </section>
      </div>
    </article>
  </main>
  <Footer />
</BaseLayout>

<style>
  .content {
    padding: 0 var(--page-padding) 4rem;
  }

  .content-inner {
    max-width: 720px;
    margin: 0 auto;
  }

  .section {
    margin-bottom: 2rem;
  }

  .section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 0.75rem;
  }

  .section p {
    font-size: 0.9375rem;
    color: var(--color-text-secondary);
    line-height: 1.7;
  }
</style>