<script lang='ts' setup>
</script>

<template>
  <ion-page>
    <ion-header>
      <ion-toolbar class="ion-toolbar">
        <back-button slot="start" />
        <ion-title>服务条款</ion-title>
      </ion-toolbar>
    </ion-header>

    <ion-content :fullscreen="true" class="ion-padding">
      <div class="max-w-4xl mx-auto">
        <!-- 最后更新时间 -->
        <div class="mb-6 text-sm text-(--ion-color-medium)">
          2024-06-01
        </div>

        <!-- 引言 -->
        <section class="mb-8">
          <p class="text-base leading-relaxed">
            欢迎使用我们的服务。在使用本平台之前，请仔细阅读以下服务条款。使用本服务即表示您同意遵守这些条款。
          </p>
        </section>

        <!-- 服务条款内容 -->
        <section class="mb-8">
          <h2 class="text-lg font-semibold mb-4">
            1. 服务说明
          </h2>
          <div class="space-y-3">
            <p class="text-sm leading-relaxed text-(--ion-color-step-600)">
              我们提供一个在线平台，允许用户进行金融交易和管理个人账户。我们保留随时修改或终止服务的权利，恕不另行通知。
            </p>
          </div>
        </section>

        <!-- 联系信息 -->
        <section class="mt-12 pt-6 border-t border-(--ion-color-step-150)">
          <h2 class="text-lg font-semibold mb-4">
            联系我们
          </h2>
          <p class="text-sm leading-relaxed text-(--ion-color-step-600)">
            如果您对这些服务条款有任何疑问或需要进一步的信息，请通过以下方式联系我们：
          </p>
          <div class="mt-4 space-y-2">
            <div class="text-sm">
              <span class="text-(--ion-color-medium)">电子邮件:</span>
              <a href="mailto:support@example.com" class="ml-2 text-(--ion-color-primary)">
                support@example.com
              </a>
            </div>
          </div>
        </section>
      </div>
    </ion-content>
  </ion-page>
</template>

<style lang='css' scoped>
</style>
