cfc/cfc-frontend/pages/policy/agreement.vue

<template>
  <view class="policy-container">
    <view class="policy-content">
      <text class="policy-title">用户协议</text>
      <text class="policy-update">更新日期：2026年6月</text>

      <view class="policy-section">
        <text class="section-title">一、总则</text>
        <text class="section-text">
          欢迎使用浠艾福（Care Family）家庭健康成长俱乐部服务平台（以下简称"本平台"）。本平台由亿图腾（北京）科技有限公司（以下简称"我们"）运营。
        </text>
        <text class="section-text">
          在注册、登录并使用本平台前，请您仔细阅读本协议的全部内容。如您不同意本协议的任何条款，请立即停止注册或使用本平台服务。您点击"同意"或完成注册即视为您已充分理解并接受本协议的全部内容。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">二、账号注册与管理</text>
        <text class="section-text">
          2.1 您通过微信账号授权登录本平台，授权登录即视为您注册本平台账号。
        </text>
        <text class="section-text">
          2.2 您应妥善保管您的账号信息，因您保管不当导致的账号被盗用、信息泄露等损失由您自行承担。
        </text>
        <text class="section-text">
          2.3 一个家庭可关联多个家庭成员账号，家长账号为家庭主账号，有权管理家庭成员及审核相关操作。
        </text>
        <text class="section-text">
          2.4 如您发现账号存在安全漏洞或被他人非法使用，应立即通知我们。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">三、服务内容</text>
        <text class="section-text">
          3.1 本平台提供包括但不限于：家庭任务管理、五维能量评估、成长测评、活动课程报名、商城购物、成长规划师咨询等服务。
        </text>
        <text class="section-text">
          3.2 我们有权根据业务发展需要调整、增加或减少服务内容，变更后的服务内容将在平台上公示。
        </text>
        <text class="section-text">
          3.3 部分服务可能需要额外付费，付费标准以平台公示为准。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">四、用户行为规范</text>
        <text class="section-text">
          4.1 您承诺遵守国家法律法规，不得利用本平台从事任何违法违规活动。
        </text>
        <text class="section-text">
          4.2 您不得利用本平台发布违法信息、侮辱诽谤他人、侵犯他人合法权益的内容。
        </text>
        <text class="section-text">
          4.3 您不得对本平台进行反向工程、反向汇编、反向编译，不得破坏本平台的安全措施。
        </text>
        <text class="section-text">
          4.4 如您违反上述约定，我们有权采取警告、限制功能、封禁账号等措施，并保留追究法律责任的权利。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">五、隐私保护</text>
        <text class="section-text">
          我们重视您的隐私保护，具体隐私政策请查阅《隐私政策》。我们采用业界通行的安全技术和管理措施保护您的个人信息安全。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">六、知识产权</text>
        <text class="section-text">
          本平台的所有内容，包括但不限于文字、图片、软件、界面设计、数据等，均属于我们或相关权利人所有，受知识产权法律法规保护。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">七、免责声明</text>
        <text class="section-text">
          7.1 我们将尽力保证平台服务的稳定性和安全性，但无法保证服务不会中断或完全没有错误。
        </text>
        <text class="section-text">
          7.2 因不可抗力、系统维护、网络故障等原因导致的服务中断，我们不承担法律责任。
        </text>
        <text class="section-text">
          7.3 本平台提供的健康评估、成长建议等信息仅供参考，不构成医疗建议或诊断结论。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">八、协议修改</text>
        <text class="section-text">
          我们有权根据需要修改本协议。修改后的协议将在平台公示，如您继续使用本平台服务，视为您接受修改后的协议。
        </text>
      </view>

      <view class="policy-section">
        <text class="section-title">九、联系我们</text>
        <text class="section-text">
          如您对本协议有任何疑问，请联系我们：service@etotem.com.cn
        </text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() { return {} }
}
</script>

<style scoped>
.policy-container {
  padding: 30rpx;
  background: #fff;
  min-height: 100vh;
}
.policy-content {
  line-height: 1.8;
}
.policy-title {
  font-size: 40rpx;
  font-weight: bold;
  color: #333;
  display: block;
  text-align: center;
  margin-bottom: 12rpx;
}
.policy-update {
  font-size: 24rpx;
  color: #999;
  display: block;
  text-align: center;
  margin-bottom: 40rpx;
}
.policy-section {
  margin-bottom: 30rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 12rpx;
}
.section-text {
  font-size: 26rpx;
  color: #666;
  display: block;
  margin-bottom: 8rpx;
  text-indent: 2em;
}
</style>