ng-webot

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

export default function Terms() {
  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}（以下简称"本服务"）。在使用本服务前，请您仔细阅读并充分理解本《用户协议》（以下简称"本协议"）。一旦您注册、登录或使用本服务，即视为您已阅读、理解并同意接受本协议的约束。
            </p>
          </section>

          <section>
            <h2 className="text-base font-semibold text-foreground">二、账号注册与管理</h2>
            <p className="mt-2">
              1. 您应当使用真实、合法、有效的信息完成注册，并对您账号下的所有行为负责。<br />
              2. 您应妥善保管账号及密码，因泄露、借用或分享导致的损失由您自行承担。<br />
              3. 您承诺不将本服务用于任何违法、侵权或干扰服务正常运行的活动。
            </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">
              本服务按"现状"提供，运营方尽合理努力保障服务稳定，但不对以下情形承担责任：因网络、设备故障、不可抗力或第三方原因导致的服务中断或数据丢失；您因使用本服务而产生的任何间接损失。
            </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="/privacy">查看隐私政策</Link>
          </Button>
        </div>
      </div>
    </div>
  )
}