---
import Footer from '../components/Footer.astro';
const lastUpdated = '2026 年 5 月';
---

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <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"/>
  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
  <link rel="icon" type="image/png" href="/logo.png" />
</head>
<body class="min-h-screen relative antialiased" style="background-color: #faf9ff; background-image: radial-gradient(circle at 1px 1px, #d2daf1 1px, transparent 0); background-size: 24px 24px; font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'SF Pro Text', Helvetica, Arial, sans-serif;">
  
  <!-- Hero Section -->
  <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;">
      我们重视你的学习数据和个人隐私。知习 会尽可能清晰地说明我们收集什么、为什么收集，以及如何保护你的信息。
    </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>
    </div>
  </header>

  <!-- Main Content -->
  <main class="animate-page-enter" style="max-width: 1200px; margin: 0 auto; padding-left: 24px; padding-right: 24px; padding-bottom: 120px;">
    <div style="display: flex; flex-direction: column; gap: 64px; position: relative;">
      
      <!-- Mobile TOC (shown on mobile) -->
      <div style="display: none;" class="mobile-toc">
        <details style="background: #f1f3ff; border-radius: 12px; padding: 16px;">
          <summary style="font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; color: #1550d3; cursor: pointer;">目录导航</summary>
          <nav style="display: flex; flex-direction: column; gap: 8px; margin-top: 16px;">
            <button data-target="section-1" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">我们收集的信息</button>
            <button data-target="section-2" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">我们如何使用这些信息</button>
            <button data-target="section-3" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">AI 服务相关说明</button>
            <button data-target="section-4" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">我们如何保护数据</button>
            <button data-target="section-5" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">第三方服务</button>
            <button data-target="section-6" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">用户权利</button>
            <button data-target="section-7" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">儿童隐私</button>
            <button data-target="section-8" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">政策更新</button>
            <button data-target="section-9" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 8px 12px; border-radius: 8px; text-align: left; width: 100%;">联系我们</button>
          </nav>
        </details>
      </div>

      <div style="display: flex; flex-direction: column; gap: 64px; position: relative;" class="desktop-layout">
        <!-- Sticky Sidebar (Table of Contents) - Desktop Only -->
        <aside style="width: 25%; display: none;" class="sidebar">
          <div style="position: sticky; top: 128px;">
            <div style="font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 0.08em; font-weight: 600; color: #737686; text-transform: uppercase; margin-bottom: 20px;">目录</div>
            <nav style="display: flex; flex-direction: column; gap: 1px;">
              <button data-target="section-1" class="toc-btn toc-active" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #1550d3; font-weight: 600;">我们收集的信息</button>
              <button data-target="section-2" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">我们如何使用这些信息</button>
              <button data-target="section-3" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">AI 服务相关说明</button>
              <button data-target="section-4" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">我们如何保护数据</button>
              <button data-target="section-5" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">第三方服务</button>
              <button data-target="section-6" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">用户权利</button>
              <button data-target="section-7" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">儿童隐私</button>
              <button data-target="section-8" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">政策更新</button>
              <button data-target="section-9" class="toc-btn" style="font-family: 'Inter', sans-serif; font-size: 13px; border: none; background: none; cursor: pointer; padding: 10px 14px; border-radius: 8px; text-align: left; width: 100%; color: #737686; font-weight: 400;">联系我们</button>
            </nav>
          </div>
        </aside>

        <!-- Policy Text -->
        <article style="width: 75%; max-width: 48rem;">
          <div style="display: flex; flex-direction: column; gap: 64px;">
            
            <!-- Section 1 -->
            <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;">
                为了提供优质的学习体验，我们在您使用知习 时收集以下类型的信息：
              </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>
                <li><strong style="font-weight: 600; color: #131b2c;">学习数据：</strong>您在平台上的学习记录、互动内容、笔记和进度，以帮助优化推荐和学习路径。</li>
                <li><strong style="font-weight: 600; color: #131b2c;">设备与日志信息：</strong>IP 地址、浏览器类型、设备标识符及操作日志，用于保障服务安全和改进技术性能。</li>
              </ul>
            </section>

            <!-- Section 2 -->
            <section id="section-2">
              <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;">
                我们收集的信息主要用于以下目的：
              </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>提供、维护和改进知习 的核心学习功能。</li>
                <li>通过 AI 分析您的学习习惯，提供个性化的内容推荐。</li>
                <li>发送重要的账户通知、服务更新及安全提醒。</li>
                <li>进行内部数据分析和研究，以提升产品体验。</li>
              </ul>
            </section>

            <!-- Section 3 -->
            <section id="section-3">
              <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 模型，以提供更精准的学习辅导。我们承诺，绝不使用包含可识别个人身份的信息进行模型训练。您可以随时在隐私设置中选择退出数据贡献计划。
                </p>
              </div>
            </section>

            <!-- Section 4 -->
            <section id="section-4">
              <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;">
                我们采用业界领先的安全标准，包括数据加密（传输和存储阶段）、严格的访问控制以及定期的安全审计，以保护您的个人信息免受未经授权的访问、使用或泄露。
              </p>
            </section>

            <!-- Section 5 -->
            <section id="section-5">
              <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;">
                我们可能会聘请第三方服务提供商协助我们提供服务（例如云存储、数据分析）。这些第三方仅在代表我们执行任务且遵守类似保密义务的前提下，才能访问您的个人信息。
              </p>
            </section>

            <!-- Section 6 -->
            <section id="section-6">
              <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;">
                您对自己的个人信息拥有完全的控制权。您有权：
              </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>访问、更正或更新您的账户信息。</li>
                <li>请求删除您的账户及相关个人数据。</li>
                <li>限制或反对我们处理您的个人信息。</li>
                <li>获取您数据的结构化副本。</li>
              </ul>
            </section>

            <!-- Section 7 -->
            <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;">
                知习 并非专为未满 13 岁的儿童设计。我们不会有意收集未满 13 岁儿童的个人信息。如果我们发现无意中收集了此类信息，将采取措施尽快删除。
              </p>
            </section>

            <!-- Section 8 -->
            <section id="section-8">
              <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;">
                我们可能会不时更新本隐私政策。任何重大变更都将通过电子邮件或平台通知等方式提前告知。继续使用我们的服务即表示您接受更新后的政策。
              </p>
            </section>

            <!-- Section 9 -->
            <section id="section-9">
              <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;">
                如果您对本隐私政策或您的数据有任何疑问，请通过以下方式联系我们：<a href="mailto:longdecloud@163.com" style="color: #1550d3; text-decoration: none; hover: underline;">longdecloud@163.com</a>。
              </p>
            </section>

          </div>
        </article>
      </div>
    </div>
  </main>

  <!-- CTA Section -->
  <section style="max-width: 1200px; margin: 0 auto; padding-left: 24px; padding-right: 24px; padding-bottom: 120px;">
    <div style="background-color: #e9edff; border-radius: 16px; padding: 64px; text-align: center; box-shadow: 0px 20px 40px rgba(18, 26, 43, 0.04);">
      <h3 style="font-family: 'Manrope', sans-serif; font-size: 28px; line-height: 1.3; font-weight: 600; color: #131b2c; margin-bottom: 16px;">还有隐私相关问题？</h3>
      <p style="font-family: 'Manrope', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #434654; margin-bottom: 32px; max-width: 32rem; margin-left: auto; margin-right: auto;">
        我们的支持团队随时准备解答您关于数据安全和隐私保护的任何疑问。
      </p>
      <a href="/support" style="display: inline-block; background-color: #1550d3; color: #ffffff; font-family: 'Inter', sans-serif; font-size: 13px; line-height: 1; letter-spacing: 0.05em; font-weight: 600; padding: 16px 32px; border-radius: 9999px; text-decoration: none; transition: all 0.3s; box-shadow: 0px 10px 20px rgba(21, 80, 211, 0.2);">
        联系支持
      </a>
    </div>
  </section>

  <Footer />

  <style is:global>
    @media (min-width: 768px) {
      .sidebar {
        display: block !important;
      }
      .mobile-toc {
        display: none !important;
      }
      .desktop-layout {
        flex-direction: row !important;
      }
    }
    
    @media (max-width: 767px) {
      .sidebar {
        display: none !important;
      }
      .mobile-toc {
        display: block !important;
      }
      .desktop-layout {
        flex-direction: column !important;
      }
    }

    details summary {
      cursor: pointer;
    }

    .toc-btn {
      transition: background 0.2s;
    }

    .toc-btn:hover {
      background: #f1f3ff;
    }

    .toc-btn.toc-active {
      background: #f1f3ff;
    }
  </style>

  <script is:inline>
    (function() {
      var sections = document.querySelectorAll('section[id^="section-"]');
      var allBtns = document.querySelectorAll('.toc-btn');
      var clickLock = false;

      function setActive(id) {
        allBtns.forEach(function(b) {
          b.style.color = '#737686';
          b.style.fontWeight = '400';
          b.classList.remove('toc-active');
        });
        if (!id) return;
        var btn = document.querySelector('[data-target="' + id + '"]');
        if (btn) {
          btn.style.color = '#1550d3';
          btn.style.fontWeight = '600';
          btn.classList.add('toc-active');
        }
      }

      allBtns.forEach(function(btn) {
        btn.addEventListener('click', function() {
          var target = this.getAttribute('data-target');
          setActive(target);
          var section = document.getElementById(target);
          if (section) {
            clickLock = true;
            section.scrollIntoView({ behavior: 'smooth', block: 'start' });
            setTimeout(function() { clickLock = false; }, 800);
          }
        });
      });

      var observer = new IntersectionObserver(function(entries) {
        if (clickLock) return;
        var intersecting = entries.filter(function(e) { return e.isIntersecting; });
        if (intersecting.length > 0) {
          var best = intersecting.reduce(function(a, b) {
            return a.boundingClientRect.top < b.boundingClientRect.top ? a : b;
          });
          setActive(best.target.id);
        }
      }, { threshold: 0.2, rootMargin: '0px' });

      sections.forEach(function(s) { observer.observe(s); });
    })();
  </script>
</body>
</html>
