<!doctype html>
<html lang="zh-cn">

<head>
  {{include "header.html"}}
</head>

<body class="bg-creative-50 text-creative-900">
  {{include "nav.html"}}
  <main class="container mx-auto px-4 py-24">
    <div class="max-w-xl mx-auto bg-white rounded-2xl border border-creative-100 shadow-card p-10 text-center">
      <div class="text-7xl text-creative-200 mb-4"><i class="fa-solid fa-ghost"></i></div>
      <div class="text-5xl font-bold text-creative-300">404</div>
      <div class="mt-4 text-xl font-semibold text-creative-900">页面未找到</div>
      <div class="mt-2 text-sm text-creative-600">你访问的页面不存在或已被删除</div>
      <div class="mt-8">
        <a href="/" class="inline-flex items-center gap-2 px-6 py-3 rounded-full bg-gradient-to-r from-creative-600 to-navy-600 text-white hover:shadow-creative transition-shadow">
          <i class="fa-solid fa-house"></i>
          <span>返回首页</span>
        </a>
      </div>
    </div>
  </main>
  {{include "footer.html"}}
  {{include "js.html"}}
</body>

</html>
