ng-webot

import { Link } from 'react-router-dom'
import { useSite } from '@/lib/site'
import { Button } from '@/components/ui/button'

export default function Privacy() {
  const site = useSite()
  const name = site.site_name || '本平台'
  return (
    <div className="min-h-screen bg-muted/30">
      <div className="mx-auto max-w-3xl px-5 py-10">
        <Link to="/" className="text-sm text-muted-foreground hover:text-foreground">← 返回首页</Link>
        <h1 className="mt-4 text-2xl font-bold">隐私政策</h1>
        <p className="mt-1 text-xs text-muted-foreground">最后更新日期：2026-07-23</p>

        <div className="mt-6 space-y-5 text-sm leading-relaxed text-muted-foreground">
          <section>
            <h2 className="text-base font-semibold text-foreground">一、我们收集的信息</h2>
            <p className="mt-2">
              为向您提供 {name} 的服务，我们可能收集以下信息：<br />
              1. 您注册时提供的用户名、密码（加密存储）及可选的邮箱地址；<br />
              2. 您使用服务过程中产生的配置、偏好及机器人会话内容；<br />
              3. 必要的运行日志（如登录时间、IP 地址），用于安全审计与故障排查。
            </p>
          </section>

          <section>
            <h2 className="text-base font-semibold text-foreground">二、信息的使用</h2>
            <p className="mt-2">
              我们收集的信息仅用于：提供与改进服务、保障账号安全、响应您的请求以及履行法律法规要求的义务。我们不会将您的个人信息用于未告知的用途。
            </p>
          </section>

          <section>
            <h2 className="text-base font-semibold text-foreground">三、信息的存储与安全</h2>
            <p className="mt-2">
              您的数据存储于您所部署的服务器上。我们采取合理的加密与访问控制措施保护您的信息，但请您理解，互联网环境不存在绝对安全的传输方式。
            </p>
          </section>

          <section>
            <h2 className="text-base font-semibold text-foreground">四、第三方服务</h2>
            <p className="mt-2">
              当您配置 AI 接口、消息推送或插件时，相关数据会根据您的设置发送至您指定的第三方服务。此类数据的处理受相应第三方的隐私政策约束。
            </p>
          </section>

          <section>
            <h2 className="text-base font-semibold text-foreground">五、您的权利</h2>
            <p className="mt-2">
              您有权访问、更正或删除您的个人数据。您可以随时在个人中心修改资料，或联系运营方申请注销账号并删除相关数据。
            </p>
          </section>

          <section>
            <h2 className="text-base font-semibold text-foreground">六、政策的变更</h2>
            <p className="mt-2">
              我们可能适时更新本隐私政策，重大变更将在服务内予以提示。更新后继续使用本服务即视为您接受修订后的政策。
            </p>
          </section>
        </div>

        <div className="mt-8">
          <Button asChild variant="outline">
            <Link to="/terms">查看用户协议</Link>
          </Button>
        </div>
      </div>
    </div>
  )
}