{% extends "base.html" %}

{% block title %}登录 - 微博超话签到{% endblock %}

{% block extra_css %}
<style>
    .auth-container { max-width: 420px; margin: 60px auto; }
    .auth-card {
        background: rgba(255,255,255,0.92);
        backdrop-filter: blur(12px);
        border-radius: 24px;
        box-shadow: 0 4px 24px rgba(0,0,0,0.06);
        padding: 44px 36px;
        border: 1px solid rgba(255,255,255,0.6);
    }
    .auth-title {
        text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 8px;
        background: linear-gradient(135deg, #6366f1, #a855f7);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    }
    .auth-subtitle { text-align: center; color: #94a3b8; font-size: 15px; margin-bottom: 32px; }
    .auth-link { text-align: center; margin-top: 24px; color: #94a3b8; font-size: 14px; }
    .auth-link a { color: #6366f1; text-decoration: none; font-weight: 600; }
    .auth-link a:hover { text-decoration: underline; }
</style>
{% endblock %}

{% block content %}
<div class="auth-container">
    <div class="auth-card">
        <h1 class="auth-title">🔥 微博超话签到</h1>
        <p class="auth-subtitle">登录你的账号</p>
        <form method="POST">
            <div class="form-group">
                <label for="email">邮箱</label>
                <input type="email" id="email" name="email" required placeholder="请输入邮箱">
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="password" id="password" name="password" required placeholder="请输入密码">
            </div>
            <button type="submit" class="btn btn-primary" style="width:100%; padding:14px; font-size:16px; border-radius:16px;">登录</button>
        </form>
        <div class="auth-link">还没有账号？<a href="{{ url_for('register') }}">注册</a></div>
    </div>
</div>
{% endblock %}