<template>
  <view class="protocol-container">
    <scroll-view scroll-y class="scroll-content">
      <view class="protocol-content">
        <text class="title">用户服务协议</text>
        
        <view class="section">
          <text class="section-title">一、服务条款的接受</text>
          <text class="section-text">欢迎使用智聪健康管理平台。请您仔细阅读本协议,使用本服务即表示您同意遵守本协议的所有条款。</text>
        </view>
        
        <view class="section">
          <text class="section-title">二、服务说明</text>
          <text class="section-text">本平台为用户提供以下服务:</text>
          <text class="section-text">1. 健康数据记录与管理</text>
          <text class="section-text">2. 健康数据统计与分析</text>
          <text class="section-text">3. 健康档案管理</text>
          <text class="section-text">4. 其他健康管理相关功能</text>
        </view>
        
        <view class="section">
          <text class="section-title">三、用户账号</text>
          <text class="section-text">1. 您需要注册账号才能使用本服务</text>
          <text class="section-text">2. 您应妥善保管账号信息,不得转让或借用他人</text>
          <text class="section-text">3. 您对账号下的所有行为承担责任</text>
          <text class="section-text">4. 如发现账号被盗用,请立即通知我们</text>
        </view>
        
        <view class="section">
          <text class="section-title">四、用户行为规范</text>
          <text class="section-text">使用本服务时,您不得:</text>
          <text class="section-text">1. 发布违法违规信息</text>
          <text class="section-text">2. 侵犯他人合法权益</text>
          <text class="section-text">3. 干扰或破坏服务正常运行</text>
          <text class="section-text">4. 使用任何自动化程序访问服务</text>
        </view>
        
        <view class="section">
          <text class="section-title">五、知识产权</text>
          <text class="section-text">1. 本平台的所有内容受知识产权法保护</text>
          <text class="section-text">2. 未经授权,不得复制、修改或传播平台内容</text>
          <text class="section-text">3. 您上传的内容,授权我们在服务范围内使用</text>
        </view>
        
        <view class="section">
          <text class="section-title">六、免责声明</text>
          <text class="section-text">1. 本平台提供的健康数据仅供参考,不构成医疗建议</text>
          <text class="section-text">2. 我们不对因使用本服务造成的任何损失承担责任</text>
          <text class="section-text">3. 服务可能因维护、升级等原因中断</text>
        </view>
        
        <view class="section">
          <text class="section-title">七、协议修改</text>
          <text class="section-text">我们有权随时修改本协议,修改后的协议将在平台公布。继续使用服务即视为接受修改后的协议。</text>
        </view>
        
        <view class="section">
          <text class="section-title">八、联系我们</text>
          <text class="section-text">如对本协议有任何疑问,请通过以下方式联系我们:</text>
          <text class="section-text">邮箱: qdintc@126.com</text>
        </view>
        
        <view class="update-time">
          <text>最后更新时间: 2025年1月</text>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'

onLoad(() => {
  uni.setNavigationBarTitle({
    title: '用户服务协议'
  })
})
</script>

<style lang="scss" scoped>
.protocol-container {
  height: 100vh;
  background: #f5f7fa;
}

.scroll-content {
  height: 100%;
}

.protocol-content {
  padding: 40rpx 32rpx;
  background: #ffffff;
  min-height: 100%;
}

.title {
  display: block;
  font-size: 40rpx;
  font-weight: 600;
  color: #333333;
  text-align: center;
  margin-bottom: 48rpx;
}

.section {
  margin-bottom: 40rpx;
  
  .section-title {
    display: block;
    font-size: 30rpx;
    font-weight: 600;
    color: #333333;
    margin-bottom: 20rpx;
  }
  
  .section-text {
    display: block;
    font-size: 26rpx;
    color: #606266;
    line-height: 1.8;
    margin-bottom: 12rpx;
  }
}

.update-time {
  text-align: center;
  padding: 40rpx 0 20rpx;
  
  text {
    font-size: 24rpx;
    color: #909399;
  }
}
</style>
