<script setup>
function goBack() {
  uni.navigateBack()
}
</script>

<template>
  <view class="page-root">
    <view class="notice-card">
      <view class="notice-title">查询须知</view>
      <view class="notice-intro">
        仔细阅读查询须知，可以避免很多查询问题哦
      </view>
      <view class="notice-item">
        <text class="notice-num">1、</text>
        <text class="notice-text">24 小时可查询，秒出报告，查询失败自动退款；</text>
      </view>
      <view class="notice-item">
        <text class="notice-num">2、</text>
        <text class="notice-text">车架号查询，无需提供行驶证，报告内容无理赔金额 / 无详细的事故历史；</text>
      </view>
      <view class="notice-item">
        <text class="notice-num">3、</text>
        <text class="notice-text">简版出险主要包括车损评分，车龄，事故次数及受损部位，是否事故车，火烧车，水淹车及车辆盗抢状态，无理赔换件明细记录；</text>
      </view>
      <view class="notice-item">
        <text class="notice-num">4、</text>
        <text class="notice-text">简版出险记录包含撤销 / 拒赔 / 未结案 / 已结案等等统计，商业和交强险出险次数为累计，事故次数大于详版出险；</text>
      </view>
      <view class="notice-item">
        <text class="notice-num">5、</text>
        <text class="notice-text">如遇车牌不一致说明近期有过户属于正常情况，车架号唯一，请检查核对车架号码是否一致；</text>
      </view>
      <view class="notice-item">
        <text class="notice-num">6、</text>
        <text class="notice-text">数据由三方收集的保险数据，可能存在人工录入失误，仅供交易参考用，具体以实车为准；</text>
      </view>
      <view class="notice-item">
        <text class="notice-num">7、</text>
        <text class="notice-text">请先核实车架号（车辆识别代码），提交准确的查询信息，避免查到错误的报告；</text>
      </view>
      <view class="notice-item">
        <text class="notice-num">8、</text>
        <text class="notice-text">本服务属于虚拟服务，提交并完成查询的订单，不支持退款；</text>
      </view>
    </view>
    <view class="back-btn" @tap="goBack">
      <text>返回</text>
    </view>
  </view>
</template>

<style scoped lang="scss">
.page-root {
  min-height: 100vh;
  background: #f5f7fa;
  padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.notice-card {
  background: #fff;
  border-radius: 16rpx;
  padding: 36rpx 28rpx;
  box-shadow: 0 0 24rpx rgba(63, 63, 63, 0.06);
  flex: 1;
}

.notice-title {
  font-size: 36rpx;
  font-weight: 700;
  color: #1d2129;
  text-align: center;
  margin-bottom: 28rpx;
  padding-bottom: 20rpx;
  border-bottom: 1rpx solid #e5e6eb;
}

.notice-intro {
  font-size: 28rpx;
  color: #86909c;
  line-height: 1.65;
  margin-bottom: 24rpx;
  padding-bottom: 20rpx;
  border-bottom: 1rpx dashed #e5e6eb;
  text-align: center;
}

.notice-item {
  display: flex;
  padding: 16rpx 0;
  line-height: 1.7;
}

.notice-num {
  font-size: 28rpx;
  font-weight: 600;
  color: #1768ff;
  flex-shrink: 0;
  margin-right: 4rpx;
}

.notice-text {
  font-size: 28rpx;
  color: #1d2129;
  flex: 1;
}

.back-btn {
  margin-top: 32rpx;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  background: linear-gradient(90deg, #1768ff 0%, #4d94ff 100%);
  color: #fff;
  font-size: 30rpx;
  font-weight: 600;
  border-radius: 44rpx;
}
</style>
