feat: add email-based authentication

templates/base.html

@@ -20,11 +20,12 @@
           <a href="{{ url_for('main.result_page') }}" class="flex h-full items-center px-3 {{ 'text-primary border-b-2 border-primary' if active_page == 'result' else 'text-slate-500 border-b-2 border-transparent hover:text-primary' }}">结果</a>
           <a href="{{ url_for('main.history_page') }}" class="flex h-full items-center px-3 {{ 'text-primary border-b-2 border-primary' if active_page == 'history' else 'text-slate-500 border-b-2 border-transparent hover:text-primary' }}">历史</a>
           <a href="{{ url_for('main.reference_page') }}" class="flex h-full items-center px-3 {{ 'text-primary border-b-2 border-primary' if active_page == 'reference' else 'text-slate-500 border-b-2 border-transparent hover:text-primary' }}">文档</a>
+          <a href="{{ url_for('main.account_security') }}" class="flex h-full items-center px-3 text-slate-500 border-b-2 border-transparent hover:text-primary">安全</a>
           {% if current_user.is_admin %}
           <a href="{{ url_for('main.admin_dashboard') }}" class="flex h-full items-center px-3 {{ 'text-primary border-b-2 border-primary' if active_page == 'admin' else 'text-slate-500 border-b-2 border-transparent hover:text-primary' }}">管理</a>
           {% endif %}
         </nav>
-        <div class="flex items-center gap-3">
+        {% if current_user.is_authenticated %}<div class="flex items-center gap-3">
           <div class="hidden sm:flex items-center gap-2 text-sm font-semibold text-slate-600">
             <div class="h-8 w-8 rounded-full bg-primary text-white flex items-center justify-center text-xs">{{ current_user.username[:1]|upper }}</div>
             <span class="max-w-[120px] truncate">{{ current_user.username }}</span>
@@ -33,7 +34,7 @@
             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
             <button class="ui-btn ui-btn-sm ui-btn-secondary font-semibold text-slate-600" type="submit">退出</button>
           </form>
-        </div>
+        </div>{% endif %}
       </div>
     </div>
     <nav class="md:hidden border-t border-line bg-white">