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

<section class="min-h-[60vh] flex items-center justify-center bg-mist">
  <div class="text-center px-6">
    <div class="font-serif text-7xl text-ink mb-4">404</div>
    <div class="text-xs tracking-wider2 text-gray-500 mb-6">PAGE NOT FOUND · 页面没找到</div>
    <p class="text-gray-500 max-w-md mb-8 leading-relaxed">你寻找的款式可能已经下架,或者链接已经过时。</p>
    <div class="flex gap-3 justify-center">
      <a href="/" class="px-7 py-3 bg-ink text-mist text-sm tracking-wide hover:bg-primary transition">返回首页</a>
      <a href="/inquiry" class="px-7 py-3 border border-ink text-ink text-sm tracking-wide hover:bg-ink hover:text-mist transition">提交询盘</a>
    </div>
  </div>
</section>

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