{{ include 'partials/head' }}

<main class="flex-1 max-w-4xl mx-auto px-4 py-20 w-full text-center">
    <div class="aurora-card p-14 relative overflow-hidden">
        <div class="aurora-orb" style="width: 260px; height: 260px; right: -80px; top: -80px; background: var(--color-primary);"></div>
        <div class="aurora-orb" style="width: 200px; height: 200px; left: -60px; bottom: -60px; background: var(--color-secondary); opacity: 0.4;"></div>
        <div class="relative z-10">
            <div class="text-7xl font-bold mb-4 leading-none" style="font-family: var(--font-headline); background: linear-gradient(135deg, var(--color-primary), var(--color-accent)); -webkit-background-clip: text; background-clip: text; color: transparent;">{{ error_code }}</div>
            <h1 class="text-2xl font-bold mb-3" style="color: var(--color-ink);">{{ error_title }}</h1>
            <p class="mb-10" style="color: var(--color-secondary);">{{ error_message }}</p>
            <a href="{{ site_base_url }}/" class="aurora-btn-primary">
                返回首页
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
            </a>
        </div>
    </div>
</main>

{{ include 'partials/footer' }}