update

src/layouts/Layout.astro

@@ -141,10 +141,9 @@ const headers = {
 					))}
 				</ul>
 			</div>
-			<!-- <div class="flex items-center gap-2" id="auth-slot" data-hi-label={hiLabel} data-logout-label={logoutLabel}>
-				<a href={href(locale, ROUTES.login)} class="hover:opacity-60 transition-opacity duration-200">{t('Login')}</a>
-				<a href={href(locale, ROUTES.register)} class="hover:opacity-60 transition-opacity duration-200">{t('Signup')}</a>
-			</div> -->
+		<div class="flex items-center gap-3" id="auth-slot" data-hi-label={hiLabel} data-logout-label={logoutLabel}>
+			<a href={href(locale, ROUTES.login)} class="hover:opacity-60 transition-opacity duration-200 uppercase tracking-[0.5px] text-[13px]">{t('Login')}</a>
+		</div>
 		</div>
 		</nav>
 
@@ -154,7 +153,7 @@ const headers = {
 
 		<footer class="relative z-[1] bg-white mt-20 pt-10 border-t-2 border-black text-black w-full font-sans">
       <script>
-        import { getUser, fetchMe, clearSession } from "@/lib/api"
+        import { getUser, fetchMe, logout } from "@/lib/api"
         const slot = document.getElementById("auth-slot")
         const hiLabel = slot?.dataset.hiLabel ?? "Hi"
         const logoutLabel = slot?.dataset.logoutLabel ?? "Logout"
@@ -162,7 +161,7 @@ const headers = {
           if (!user) return // 未登录：保留 SSR 渲染的 Login/Signup（已带语言前缀，无需重写）
           slot.innerHTML = `<span class="opacity-70">${hiLabel}, ${user.username}</span><button id="logout-btn" class="hover:opacity-60 transition-opacity cursor-pointer bg-transparent border-0 p-0 font-bold text-[13px] uppercase tracking-[0.5px]">${logoutLabel}</button>`
           const btn = slot.querySelector("#logout-btn")
-          if (btn) btn.addEventListener("click", () => { clearSession(); location.reload() })
+          if (btn) btn.addEventListener("click", () => { logout().finally(() => location.reload()) })
         }
         const cached = getUser()
         if (cached) render(cached)