{{include "header.html"}}
{{include "nav.html"}}

<main class="mx-auto flex min-h-[60vh] max-w-4xl items-center justify-center px-4 py-16 sm:px-6 lg:px-8">
  <div class="text-center">
    <div class="text-sm font-semibold uppercase tracking-[0.2em] text-[var(--muted)]">页面不存在</div>
    <h1 class="mt-4 text-6xl font-semibold text-[var(--text)]">404</h1>
    <p class="mt-4 text-base leading-8 text-[var(--muted)]">你访问的页面可能已被移动或删除。</p>
    <a href="/" class="mt-8 inline-flex rounded-full bg-[var(--primary)] px-6 py-3 text-sm font-semibold text-white">返回首页</a>
  </div>
</main>

{{include "footer.html"}}
{{include "js.html"}}