---
import BaseLayout from '../layouts/BaseLayout.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import Hero from '../components/Hero.astro';

const lastUpdated = '2024年5月4日';
---

<BaseLayout
  title="用户协议 - 龙德AI学习"
  description="龙德AI学习的用户协议，明确用户与服务商之间的权利与义务。"
>
  <Header />
  <main class="animate-page-enter">
    <Hero
      title="用户协议"
      subtitle={`最后更新：${lastUpdated}`}
    />

    <article class="content">
      <div class="content-inner">
        <section class="section">
          <h2>服务说明</h2>
          <p>龙德AI学习是一个 AI 驱动的学习辅助平台，旨在帮助用户提升学习效率。用户使用我们的服务即表示同意本协议的所有条款。</p>
        </section>

        <section class="section">
          <h2>用户账户</h2>
          <p>您需要保证提供给我们的信息真实、准确、完整。您有责任妥善保管账户信息，因账户被盗用造成的损失由您自行承担。</p>
        </section>

        <section class="section">
          <h2>使用规范</h2>
          <p>您同意不会利用服务从事任何违法活动，不发布危害国家安全、侵犯他人权益的内容。我们有权对违规行为采取相应措施。</p>
        </section>

        <section class="section">
          <h2>知识产权</h2>
          <p>服务中的内容、代码、界面设计等知识产权归我们所有。未经授权，用户不得复制、修改或传播。</p>
        </section>

        <section class="section">
          <h2>服务变更</h2>
          <p>我们保留随时修改或暂停服务的权利，并会提前通知用户。因服务变更造成的损失，我们不承担责任。</p>
        </section>

        <section class="section">
          <h2>免责声明</h2>
          <p>服务按「现状」提供，我们不对服务的准确性、完整性、可靠性做任何承诺。用户需自行承担使用风险。</p>
        </section>

        <section class="section">
          <h2>争议解决</h2>
          <p>本协议的解释和执行均适用中华人民共和国法律。如有争议，双方应协商解决，协商不成的可向法院提起诉讼。</p>
        </section>

        <section class="section">
          <h2>联系我们</h2>
          <p>如对用户协议有任何疑问，请访问我们的 <a href="/support">支持页面</a>。</p>
        </section>
      </div>
    </article>
  </main>
  <Footer />
</BaseLayout>

<style>
  .content {
    padding: 0 var(--page-padding) 4rem;
  }

  .content-inner {
    max-width: 720px;
    margin: 0 auto;
  }

  .section {
    margin-bottom: 2rem;
  }

  .section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 0.75rem;
  }

  .section p {
    font-size: 0.9375rem;
    color: var(--color-text-secondary);
    line-height: 1.7;
  }
</style>