{% extends "base.html" %}
{% block title %}发生错误 - Gemini Balance{% endblock %}
{% block content %}
<div class="container mx-auto mt-10 px-4">
    <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-8 rounded-lg shadow-lg" role="alert">
        <div class="flex">
            <div class="py-1">
                <svg class="fill-current h-8 w-8 text-red-500 mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                    <path d="M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm-1-5h2v2h-2v-2zm0-8h2v6h-2V5z"/>
                </svg>
            </div>
            <div>
                <p class="text-2xl font-bold mb-2">服务出现内部错误</p>
                <p class="text-base">很抱歉，在处理您的请求时遇到了一个问题。</p>
                {% if error %}
                <div class="mt-4 bg-red-200 p-3 rounded">
                    <p class="font-mono text-sm">
                        <strong>错误详情:</strong> {{ error }}
                    </p>
                </div>
                {% endif %}
                 <a href="/" class="mt-6 inline-block bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
                    返回首页
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}