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

<div class="min-h-[60vh] flex items-center justify-center bg-slate-50">
  <div class="text-center px-6">
    <div class="text-7xl font-bold text-primary/30 mb-4">404</div>
    <h1 class="text-2xl font-semibold text-slate-800 mb-3">未找到您要的页面</h1>
    <p class="text-slate-500 mb-8 max-w-lg mx-auto">您访问的路径可能已经迁移或不存在，可以从下面的入口继续浏览。</p>
    <div class="flex flex-wrap justify-center gap-3">
      <a href="/" class="px-6 py-3 bg-primary text-white rounded-md hover:bg-blue-700 transition">返回首页</a>
      <a href="/products" class="px-6 py-3 border border-slate-300 text-slate-700 rounded-md hover:border-primary hover:text-primary transition">浏览产品</a>
      <a href="/contact" class="px-6 py-3 bg-accent text-white rounded-md hover:bg-sky-400 transition">联系我们</a>
    </div>
  </div>
</div>
{{include "js.html"}}
{{include "footer.html"}}