<template>
  <div class="text-page">
    <div class="nav-bar">
      <div class="nav-left" @click="$router.back()">
        <van-icon size="20" name="arrow-left"></van-icon>       </div>
      <div class="nav-title">隐私政策</div>
      <div class="nav-right"></div>
    </div>

    <div class="content">
      <p>以本隐私政策内容为准，该产品隐私政策与本隐私政策有冲突的内容，以产品隐私政策为准。</p>
      <p>本隐私政策旨在帮助您了解我们会收集哪些数据、为什么收集这些数据，会利用这些数据做些什么及如何保护这些数据。除非法律、行政法规另有规定，针对我们如何处理您的个人信息，您享有知情权和决定权，有权限制或者拒绝我们或其他方对您的个人信息进行处理；同时，您有权要求我们对我们向您提供的个人信息处理规则进行解释说明。</p>

      <p class="subtitle">本隐私政策将帮助您了解以下内容：</p>

      <div class="list-text">
        <p>1. 我们如何收集和使用您的个人信息</p>
        <p>2. 我们如何使用 Cookie 和同类技术</p>
        <p>3. 我们如何共享、转让、公开披露您的个人信息</p>
        <p>4. 我们如何保存及保护您的个人信息</p>
        <p>5. 您的权利</p>
        <p>6. 我们如何处理未成年人的个人信息</p>
        <p>7. 您的个人信息如何跨境转移</p>
        <p>8. 隐私政策的修订</p>
        <p>9. 如何联系我们</p>
      </div>

      <p>我们深知个人信息对您的重要性，也深知为您提供有效保护是我们业务健康、可持续发展的基石。感谢您对我们产品和服务的信任！我们致力于维持您对我们的信任，恪守法律和我们对您的承诺，尽全力保证您的个人信息安全和合理使用。</p>
    </div>
  </div>
</template>

<style scoped>
/* 既然样式和协议页一样，可以在真实项目中提取公共CSS */
.text-page { background: #fff; min-height: 100vh; }
.nav-bar { display: flex; justify-content: space-between; align-items: center; height: 44px; padding: 0 16px; position: sticky; top: 0; background: #fff; border-bottom: 1px solid #f5f5f5; }
.nav-title { font-size: 18px; font-weight: 600; color: #000; }
.nav-left, .nav-right { width: 40px; }

.content {
  padding: 20px 20px 40px; /* 底部留白多一点 */
}

p {
  font-size: 14px; /* 移动端标准正文大小 */
  color: #666;     /* 不用纯黑，用深灰 */
  line-height: 1.8; /* 较大的行高，增加易读性 */
  text-align: justify; /* 两端对齐，让文字块像方块一样整齐 */
  margin-bottom: 20px; /* 段落间距 */
}

.subtitle {
  color: #333;
  margin-top: 30px;
  margin-bottom: 10px;
}

.list-text p {
  margin-bottom: 8px; /* 列表项紧凑一点 */
}
</style>
<script setup lang="ts">
</script>