import { Badge } from "@/components/ui/badge"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"

export default function PrivacyPage() {
  return (
    <div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
      <div className="space-y-3">
        <Badge variant="outline" className="w-fit text-xs font-normal">
          隐私
        </Badge>
        <div className="space-y-2">
          <h1 className="text-2xl font-bold tracking-tight leading-tight">隐私政策摘要</h1>
          <p className="text-sm leading-relaxed text-muted-foreground">
            平台仅在服务履约、审核、风控和通知场景中使用必要数据。
          </p>
        </div>
      </div>

      <Card className="overflow-hidden border-border/80 shadow-sm">
        <CardHeader className="border-b border-border/60">
          <CardTitle className="text-base">数据使用范围</CardTitle>
        </CardHeader>
        <CardContent className="p-0 text-sm leading-relaxed text-muted-foreground">
          <section className="border-b border-border/60 p-5">
            <h2 className="text-sm font-semibold text-foreground">认证资料</h2>
            <p className="mt-2">认证资料仅用于平台审核，不会展示在公开页面。</p>
          </section>
          <section className="border-b border-border/60 p-5">
            <h2 className="text-sm font-semibold text-foreground">订单记录</h2>
            <p className="mt-2">订单与会话记录用于履约、风控和争议处理。</p>
          </section>
          <section className="border-b border-border/60 p-5">
            <h2 className="text-sm font-semibold text-foreground">通知偏好</h2>
            <p className="mt-2">通知与偏好设置用于服务提醒，不用于广告投放。</p>
          </section>
          <section className="p-5">
            <h2 className="text-sm font-semibold text-foreground">资料管理</h2>
            <p className="mt-2">用户可在设置页更新公开资料并管理通知偏好。</p>
          </section>
        </CardContent>
      </Card>
    </div>
  )
}