48 lines
1.9 KiB
HTML
48 lines
1.9 KiB
HTML
{% 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 %}
|