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

<main class="max-w-6xl mx-auto px-4 py-12">
  <div class="rounded-3xl border border-steel-200 bg-white p-10 shadow-soft">
    <div class="text-sm text-steel-500">404</div>
    <div class="mt-2 text-2xl font-semibold">页面未找到</div>
    <div class="mt-3 text-sm text-steel-600">你访问的页面不存在或已被移除。</div>
    <div class="mt-6 flex flex-wrap gap-3">
      <a href="/" class="px-5 py-2.5 rounded-xl bg-steel-900 text-white hover:bg-steel-800">返回首页</a>
      <a href="/products" class="px-5 py-2.5 rounded-xl bg-white border border-steel-200 hover:bg-steel-50">浏览产品</a>
    </div>
  </div>
</main>

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