{{template "header" .}}
<main id="main" class="min-h-screen bg-black flex flex-col items-center justify-center pt-24 pb-16">
    <div class="vi-container w-full flex flex-col items-center">
    <p class="text-8xl md:text-9xl font-black text-amber-600/90 leading-none mb-4">404</p>
    <h1 class="text-xl md:text-2xl font-bold text-white mb-3 text-center">页面不存在</h1>
    <p class="text-gray-500 text-center mb-8 max-w-md">链接可能已失效，或内容已被移除。</p>
    <a href="{{the_permalink ``}}" class="inline-flex items-center justify-center px-8 py-3 rounded-full bg-amber-600 hover:bg-amber-700 text-white font-semibold transition-colors shadow-lg shadow-amber-900/30">返回首页</a>
    </div>
</main>
{{template "footer" .}}