<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="refresh" content="0; url=/firebase-login">
  <link rel="icon" href="{{ site_branding.favicon_url }}">
  <title>登录入口迁移 - {{ site_branding.browser_title }}</title>
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Arial, "Microsoft YaHei", sans-serif;
      background: #f5f5f7;
      color: #222;
    }
    a { text-decoration: none; color: inherit; }

    .topbar {
      background: #111;
      color: #fff;
      padding: 14px 24px;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .topbar-inner {
      width: 1200px;
      max-width: calc(100vw - 48px);
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px;
    }
    .topbar-brand a {
      color: #fff;
      font-size: 20px;
      font-weight: 800;
    }
    .topbar-links {
      display: flex;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .topbar-links a {
      color: #f3f3f3;
      font-size: 14px;
      white-space: nowrap;
    }

    .wrap {
      width: 460px;
      margin: 88px auto;
      background: #fff;
      padding: 34px 32px;
      border-radius: 18px;
      box-shadow: 0 2px 12px rgba(0,0,0,.06);
      text-align: center;
    }
    h1 {
      margin: 0 0 10px;
      font-size: 30px;
      font-weight: 800;
    }
    .sub {
      color: #666;
      font-size: 14px;
      line-height: 1.9;
      margin-bottom: 24px;
    }
    .btn-row {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 46px;
      border-radius: 10px;
      font-size: 15px;
      font-weight: 700;
    }
    .btn-dark {
      background: #111;
      color: #fff;
    }
    .btn-light {
      background: #efefef;
      color: #222;
    }
  </style>
</head>
<body>
  <div class="topbar">
    <div class="topbar-inner">
      <div class="topbar-brand"><a href="/">{{ site_branding.site_name }}</a></div>
      <div class="topbar-links">
        <a href="/">首页</a>
        <a href="/firebase-login">登录</a>
        <a href="/firebase-register">注册</a>
      </div>
    </div>
  </div>

  <div class="wrap">
    <h1>登录入口已迁移</h1>
    <div class="sub">
      系统当前统一使用 Firebase 邮箱认证。<br>
      正在为你跳转到新的登录页。
    </div>
    <div class="btn-row">
      <a class="btn btn-dark" href="/firebase-login">进入统一登录页</a>
      <a class="btn btn-light" href="/firebase-register">注册新账号</a>
    </div>
  </div>
</body>
</html>
