{% extends 'base.html' %}

{% block content %}
<div class="max-w-md mx-auto py-8 text-center">
    <h1 class="text-2xl font-bold mb-6">您已成功退出</h1>
    <p class="mb-6">正在跳转到首页...</p>
    <div class="spinner"></div>
</div>

<script>
    setTimeout(function() {
        window.location.href = "{% url 'home' %}";
    }, 2000);
</script>

<style>
    .spinner {
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
        margin: 0 auto;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
</style>
{% endblock %}