<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>本协议（包括本文最后部分的隐私政策）是用户（包括通过各种合法途径获取到本产品的自然人、法人或其他组织机构，以下简称“用户”或“您”）与我们之间针对本产品相关事项最终的、完整的且排他的协议，并取代、合并之前的当事人之间关于上述事项的讨论和协议。</p>
      <p>本协议将对用户使用本产品的行为产生法律约束力，您已承诺和保证有权利和能力订立本协议。用户开始使用本产品将视为已经接受本协议，请认真阅读并理解本协议中各种条款，包括免除和限制我们的免责条款和对用户的权利限制（未成年人审阅时应由法定监护人陪同），如果您不能接受本协议中的全部条款，请勿开始使用本产品。</p>
    </div>
  </div>
</template>

<style scoped>
/* 样式与隐私政策完全一致 */
.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 20px;
}

p {
  font-size: 14px;
  color: #666;
  line-height: 1.8; /* 宽松的行高，还原图片中的阅读感 */
  text-align: justify; /* 关键：两端对齐 */
  margin-bottom: 15px;
}
</style>
<script setup lang="ts">
</script>