<template>
  <div class="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden">
      <div class="p-8">
        <h1 class="text-3xl font-bold text-center text-blue-600 mb-10 pb-6 border-b border-gray-200">
          隐私声明
        </h1>

        <div class="space-y-8">
          <!-- 声明内容 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <p class="text-gray-600 leading-relaxed">
              我们重视您的隐私。本网站承诺对您的个人信息进行严格保密，未经您的许可，我们不会向任何第三方透露您的个人信息。
            </p>
          </section>

          <!-- 信息收集范围 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
              <div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
              信息收集范围
            </h2>
            <p class="text-gray-600 mb-4">在您浏览本网站时，我们可能会收集以下信息：</p>
            <ul class="list-disc list-inside text-gray-600 space-y-2">
              <li>必要的访问日志（IP地址、访问时间）</li>
              <li>浏览器类型、操作系统等基本设备信息</li>
              <li>访问页面的记录</li>
            </ul>
          </section>

          <!-- 信息用途 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
              <div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
              信息用途
            </h2>
            <p class="text-gray-600 mb-4">我们收集这些信息的目的是：</p>
            <ul class="list-disc list-inside text-gray-600 space-y-2">
              <li>优化网站性能和用户体验</li>
              <li>进行网站安全维护</li>
              <li>提供更好的服务支持</li>
            </ul>
          </section>

          <!-- Cookie说明 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
              <div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
              Cookie说明
            </h2>
            <p class="text-gray-600">
              本网站使用Cookie来改善您的浏览体验。这些Cookie不会收集您的个人身份信息。您可以通过浏览器设置来管理或禁用Cookie。
            </p>
          </section>

          <!-- 安全措施 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
              <div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
              安全措施
            </h2>
            <p class="text-gray-600">
              我们采用业界标准的安全措施来保护您的信息安全，包括但不限于：SSL加密传输、数据访问控制等。
            </p>
          </section>

          <!-- 免责声明 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
              <div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
              免责声明
            </h2>
            <p class="text-gray-600">
              对于通过本网站链接到的第三方网站，我们不对其隐私保护措施负责。建议您在访问这些网站时查看其隐私政策。
            </p>
          </section>

          <!-- 更新提醒 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
              <div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
              更新提醒
            </h2>
            <p class="text-gray-600">
              我们保留随时更新本隐私声明的权利。更新后的声明将在本页面公布，请您定期查看。
            </p>
          </section>

          <!-- 联系方式 -->
          <section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
            <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
              <div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
              联系方式
            </h2>
            <div class="bg-gray-50 p-6 rounded-lg">
              <p class="text-gray-600">如您对本隐私声明有任何疑问，请通过以下方式联系我们：</p>
              <p class="text-gray-600 mt-2">📧 邮箱：contact@example.com</p>
            </div>
          </section>

          <!-- 更新日期 -->
          <div class="text-right text-gray-500 pt-6 border-t border-gray-200">
            最后更新日期：2024年3月8日
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
definePageMeta({
  layout: "header",
});
</script>

<style scoped>

</style>