<template>
  <view class="container">
    <scroll-view class="content-scroll" scroll-y>
      <view class="content-wrapper">
        <!-- 标题 -->
        <view class="header">
          <text class="title">用户服务协议</text>
          <text class="update-time">更新日期：2026年4月11日</text>
          <text class="update-time">生效日期：2026年4月11日</text>
        </view>

        <!-- 提示 -->
        <view class="notice-card">
          <view class="notice-icon">⚠️</view>
          <text class="notice-text">
            请您在注册使用本服务前，仔细阅读并充分理解本协议的全部内容。
            您点击"同意"或实际使用本服务，即表示您已阅读并同意接受本协议的全部内容。
          </text>
        </view>

        <!-- 协议内容 -->
        <view class="section">
          <text class="section-title">一、服务的接受</text>
          <text class="section-content">
            1.1 本协议是您与AI智能零售柜服务提供者（以下简称"我们"）之间关于使用本服务所订立的协议。
          </text>
          <text class="section-content">
            1.2 本服务包括智能零售柜商品选购、在线支付、订单管理、售后服务等功能。
          </text>
          <text class="section-content">
            1.3 我们有权根据业务发展需要，随时调整服务内容，调整后的服务将在小程序中公示。
          </text>
        </view>

        <view class="section">
          <text class="section-title">二、账号注册与使用</text>
          <text class="section-content">
            2.1 您需要通过微信授权登录本服务，我们将从微信获取您的手机号用于账号注册和身份验证。
          </text>
          <text class="section-content">
            2.2 您应保证注册信息的真实性、准确性和完整性，并及时更新相关信息。
          </text>
          <text class="section-content">
            2.3 您的账号仅供您本人使用，不得以任何形式转让、借用或分享给他人。
          </text>
          <text class="section-content">
            2.4 您应对账号下的所有行为承担法律责任，包括但不限于商品选购、订单支付等。
          </text>
        </view>

        <view class="section">
          <text class="section-title">三、服务使用规则</text>
          <text class="section-content">
            3.1 您在使用本服务时，应遵守国家法律法规及本协议的各项规定。
          </text>
          <text class="section-content">
            3.2 您通过智能零售柜选购商品时，应遵循"即拿即走"的使用流程，不得损坏设备或商品。
          </text>
          <text class="section-content">
            3.3 您应确保微信支付分处于正常开通状态，以便完成自动扣款。
          </text>
          <text class="section-content">
            3.4 您不得利用本服务从事任何违法违规活动，包括但不限于：
          </text>
          <text class="section-content sub-item">（1）窃取、破坏他人财物；</text>
          <text class="section-content sub-item">（2）恶意损坏智能零售柜设备；</text>
          <text class="section-content sub-item">（3）利用技术手段规避支付流程；</text>
          <text class="section-content sub-item">（4）其他违反法律法规的行为。</text>
        </view>

        <view class="section">
          <text class="section-title">四、商品与价格</text>
          <text class="section-content">
            4.1 智能零售柜内商品的价格以柜内标示为准，我们有权根据市场情况调整商品价格。
          </text>
          <text class="section-content">
            4.2 商品价格可能因促销活动、优惠券使用等因素有所变动，具体以订单结算页面显示为准。
          </text>
          <text class="section-content">
            4.3 如因系统故障导致商品价格出现明显错误，我们有权取消相关订单并退还已支付款项。
          </text>
        </view>

        <view class="section">
          <text class="section-title">五、支付与结算</text>
          <text class="section-content">
            5.1 您选购商品后，系统将自动通过微信支付从您的账户中扣取相应款项。
          </text>
          <text class="section-content">
            5.2 您应确保微信账户余额充足或绑定的支付方式可用，以便顺利完成支付。
          </text>
          <text class="section-content">
            5.3 如因您账户余额不足导致支付失败，我们有权暂停您的服务使用权限。
          </text>
          <text class="section-content">
            5.4 支付完成后，您可以在"我的订单"中查看订单详情和支付记录。
          </text>
        </view>

        <view class="section">
          <text class="section-title">六、退款与售后</text>
          <text class="section-content">
            6.1 如您对所购商品有异议，可在订单完成后24小时内申请退款。
          </text>
          <text class="section-content">
            6.2 退款申请需说明具体原因，我们将在收到申请后48小时内处理。
          </text>
          <text class="section-content">
            6.3 退款成功后，款项将原路返回至您的支付账户。
          </text>
          <text class="section-content">
            6.4 以下情况不支持退款：
          </text>
          <text class="section-content sub-item">（1）超过退款申请时限；</text>
          <text class="section-content sub-item">（2）商品已开封且影响二次销售；</text>
          <text class="section-content sub-item">（3）非质量问题的主观退款。</text>
        </view>

        <view class="section">
          <text class="section-title">七、用户信用管理</text>
          <text class="section-content">
            7.1 我们为用户建立信用评分体系，初始信用分为100分。
          </text>
          <text class="section-content">
            7.2 以下行为将导致信用分降低：
          </text>
          <text class="section-content sub-item">（1）支付失败或拒绝支付；</text>
          <text class="section-content sub-item">（2）恶意损坏设备或商品；</text>
          <text class="section-content sub-item">（3）频繁申请不合理退款；</text>
          <text class="section-content sub-item">（4）其他违反本协议的行为。</text>
          <text class="section-content">
            7.3 当信用分低于60分时，我们有权暂停或终止向您提供服务。
          </text>
        </view>

        <view class="section">
          <text class="section-title">八、知识产权</text>
          <text class="section-content">
            8.1 本服务所涉及的所有内容，包括但不限于软件、技术、程序、网页、文字、图片、音频、视频、图表等，均受知识产权法律法规保护。
          </text>
          <text class="section-content">
            8.2 未经我们书面许可，您不得以任何形式复制、传播、展示、修改本服务的内容。
          </text>
        </view>

        <view class="section">
          <text class="section-title">九、免责声明</text>
          <text class="section-content">
            9.1 因不可抗力（如自然灾害、战争、政府行为等）导致服务中断或数据丢失，我们不承担责任。
          </text>
          <text class="section-content">
            9.2 因网络故障、设备故障、系统升级等原因导致的服务中断，我们将尽快修复，但不承担由此产生的间接损失。
          </text>
          <text class="section-content">
            9.3 您使用本服务所做出的任何决定及据此采取的行动由您自行负责。
          </text>
        </view>

        <view class="section">
          <text class="section-title">十、协议变更</text>
          <text class="section-content">
            10.1 我们有权根据业务发展需要修改本协议条款。
          </text>
          <text class="section-content">
            10.2 协议修改后，我们将在小程序中公示，公示期不少于7日。
          </text>
          <text class="section-content">
            10.3 公示期届满后，修改后的协议即生效。如您不同意修改后的协议，有权停止使用本服务。
          </text>
        </view>

        <view class="section">
          <text class="section-title">十一、法律适用与争议解决</text>
          <text class="section-content">
            11.1 本协议的订立、执行、解释及争议解决均适用中华人民共和国法律。
          </text>
          <text class="section-content">
            11.2 因本协议引起的或与本协议有关的任何争议，双方应友好协商解决；协商不成的，任何一方均可向我们所在地有管辖权的人民法院提起诉讼。
          </text>
        </view>

        <view class="section">
          <text class="section-title">十二、联系我们</text>
          <text class="section-content">
            如您对本协议有任何疑问或需要帮助，请通过以下方式联系我们：
          </text>
          <text class="section-content">客服电话：400-0755-315</text>
          <text class="section-content">服务时间：周一至周日 9:00-21:00</text>
        </view>

        <!-- 底部间距 -->
        <view class="bottom-spacer"></view>
      </view>
    </scroll-view>
  </view>
</template>

<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app';

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

<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background: linear-gradient(180deg, $color-primary-bg 0%, $color-bg-primary 30%);
}

.content-scroll {
  height: 100vh;
}

.content-wrapper {
  padding: 40rpx 32rpx;
}

.header {
  text-align: center;
  margin-bottom: 40rpx;
  padding-bottom: 32rpx;
  border-bottom: 2rpx solid rgba(255, 193, 7, 0.2);

  .title {
    display: block;
    font-size: 44rpx;
    font-weight: 700;
    color: $color-text-primary;
    margin-bottom: 20rpx;
    letter-spacing: 2rpx;
  }

  .update-time {
    display: block;
    font-size: 24rpx;
    color: $color-text-secondary;
    margin-top: 8rpx;
  }
}

.notice-card {
  display: flex;
  align-items: flex-start;
  gap: 16rpx;
  padding: 24rpx;
  background: linear-gradient(135deg, #FFF3CD 0%, #FFE69C 100%);
  border-radius: 16rpx;
  border-top: 3rpx solid $color-primary;
  margin-bottom: 48rpx;

  .notice-icon {
    font-size: 36rpx;
    flex-shrink: 0;
    margin-top: 4rpx;
  }

  .notice-text {
    flex: 1;
    font-size: 26rpx;
    color: #856404;
    line-height: 1.8;
  }
}

.section {
  margin-bottom: 48rpx;

  .section-title {
    display: block;
    font-size: 32rpx;
    font-weight: 700;
    color: $color-text-primary;
    margin-bottom: 24rpx;
    padding-left: 0;
    border-bottom: 3rpx solid $color-primary;
    padding-bottom: 8rpx;
  }

  .section-content {
    display: block;
    font-size: 28rpx;
    color: $color-text-primary;
    line-height: 1.8;
    margin-bottom: 16rpx;
    text-align: justify;

    &.sub-item {
      padding-left: 32rpx;
      color: $color-text-secondary;
      font-size: 26rpx;
    }
  }
}

.bottom-spacer {
  height: 100rpx;
}
</style>
