{% extends "site/base.html" %}
{% block page_title %}客户登录 - ARIFU 艾瑞浮{% endblock %}
{% block body %}
<section style="padding-top:96px;padding-bottom:60px;background:var(--light);min-height:80vh;">
  <div class="container" style="max-width:420px;">
    <div class="card" style="padding:32px;">
      <h2 style="text-align:center;margin-bottom:6px;">🔐 客户登录</h2>
      <p style="text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px;">登录后下载技术资料，查看专属方案</p>
      {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
          {% for cat, msg in messages %}
          <div style="padding:10px 14px;border-radius:8px;margin-bottom:16px;
            background:{{ 'fdecea' if cat=='error' else 'd4edda' }};
            color:{{ 'c0392b' if cat=='error' else '155724' }};
            font-size:13px;">{{ msg }}</div>
          {% endfor %}
        {% endif %}
      {% endwith %}
      <form method="POST">
        <div class="form-group">
          <label>邮箱</label>
          <input type="email" name="email" class="form-control" placeholder="注册邮箱" required autofocus>
        </div>
        <div class="form-group">
          <label>密码</label>
          <input type="password" name="password" class="form-control" placeholder="登录密码" required>
        </div>
        <button type="submit" class="btn btn-primary btn-lg" style="width:100%;">🔐 登录</button>
      </form>
      <div style="text-align:center;margin-top:16px;font-size:13px;color:var(--muted);">
        没有账号？<a href="/auth/register/">立即注册 →</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}