@@ -19,14 +19,35 @@
    <span class="page-title" id="pageTitle"></span>
    <button class="btn btn-ghost theme-btn" id="themeBtn" type="button" title="切换主题"><span class="theme-btn-text">主题</span></button>
    <button class="btn btn-ghost" id="topAddBtn" type="button" hidden>＋ 新建栏目</button>
    <button class="btn btn-ghost logout-btn" id="logoutBtn" type="button">退出</button>
  </header>
  <main id="app" class="container"></main>
  <footer class="foot">数据已同步到你的云端账户 · 仅自己可见</footer>
  <div id="modalRoot"></div>
  <div class="login-screen" id="loginScreen">
    <div class="login-card">
      <h1 class="login-title">评分手记</h1>
      <p class="login-sub">登录后进入你的手记</p>
      <form class="login-form" id="authForm">
        <label class="field">
          <span class="field-label">邮箱</span>
          <input type="email" name="email" required autocomplete="email" placeholder="you@example.com">
        </label>
        <label class="field">
          <span class="field-label">密码</span>
          <input type="password" name="password" required minlength="6" autocomplete="current-password" placeholder="至少 6 位">
        </label>
        <button type="submit" class="btn btn-primary btn-block" id="authSubmit">登录</button>
        <p class="login-error" id="authError" hidden></p>
        <button type="button" class="btn btn-ghost btn-block" id="authToggle">还没有账号？注册</button>
      </form>
    </div>
  </div>
  <div class="lightbox" id="lightbox" hidden>
    <button class="lb-close" id="lbClose" type="button" title="关闭">✕</button>
    <button class="lb-nav lb-prev" id="lbPrev" type="button" title="上一张">‹</button>
@@ -37,6 +58,7 @@
  <div class="toast" id="toast" hidden></div>
  <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
  <script src="app.js"></script>
</body>
</html>