{% extends "base.html" %}

{% block content %}
<div class="max-w-3xl mx-auto mt-12 text-center">
    <div class="mb-6 text-gray-400">
        <i class="fa fa-server text-9xl"></i>
    </div>
    <h1 class="text-4xl font-bold text-gray-900 mb-2">500 - 服务器内部错误</h1>
    <p class="text-lg text-gray-600 mb-6">发生了一些意外情况，请稍后再试。</p>
    <div class="mt-8">
        <a href="{{ url_for('index') }}" class="inline-flex items-center px-5 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">
            <i class="fa fa-home mr-2"></i> 返回主页
        </a>
    </div>
</div>
{% endblock %}