diff --git a/app/pages/admin.vue b/app/pages/admin.vue
index 1c2d1fa..10099ed 100644
--- a/app/pages/admin.vue
+++ b/app/pages/admin.vue
@@ -59,7 +59,7 @@ const logout = async () => {
               {{ user.username?.charAt(0).toUpperCase() }}
             </div>
             <div class="user-info">
-              <span class="user-name">{{ user.username }}</span>
+              <span class="user-name">{{ user.nickname || user.username }}</span>
               <span class="user-role">{{ user.role === "user" ? "普通用户" : "管理员" }}</span>
             </div>
             <button class="logout-btn" @click.stop.prevent="logout" title="退出登录">
diff --git a/app/pages/auth/login.vue b/app/pages/auth/login.vue
index eb87d3b..dec62ae 100644
--- a/app/pages/auth/login.vue
+++ b/app/pages/auth/login.vue
@@ -7,6 +7,21 @@ const route = useRoute()
 const { $toast } = useNuxtApp()
 const redirect = computed(() => route.query.redirect as string || '/')
 
+onMounted(() => {
+    const url = new URL(window.location.href)
+    if (url.searchParams.get('oauth_success') === '1') {
+        refresh(true)
+        router.push('/')
+    }
+    if (url.searchParams.get('oauth_error')) {
+        const error = url.searchParams.get('oauth_error')
+        console.error('OAuth error:', error)
+        url.searchParams.delete('oauth_error')
+        window.history.replaceState({}, document.title, url.href);
+        $toast.error(`OAuth 登录失败: ${error}`)
+    }
+})
+
 const loginForm = reactive({
     username: '',
     password: '',
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 3d663b8..e552119 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -29,7 +29,7 @@ export default defineNuxtConfig({
         compilerOptions: {
           resolvePackageJsonExports: true,
           resolvePackageJsonImports: true,
-          baseUrl: './',
+          ignoreDeprecations: "6.0",
           paths: {
             'drizzle-pkg': ['./packages/drizzle-pkg/lib'],
             'logger': ['./packages/logger/lib']
diff --git a/packages/drizzle-pkg/db.sqlite b/packages/drizzle-pkg/db.sqlite
index f45d9e3..a2946a0 100644
Binary files a/packages/drizzle-pkg/db.sqlite and b/packages/drizzle-pkg/db.sqlite differ
diff --git a/server/api/auth/profile.put.ts b/server/api/auth/profile.put.ts
index 3adecc7..61844bd 100644
--- a/server/api/auth/profile.put.ts
+++ b/server/api/auth/profile.put.ts
@@ -69,7 +69,7 @@ export default defineWrappedResponseHandler(async (event) => {
         const [row] = await dbGlobal
             .select({
                 id: users.id,
-                // username: users.username,
+                username: users.username,
                 email: users.email,
                 role: users.role,
                 nickname: users.nickname,
diff --git a/server/api/cards.get.ts b/server/api/cards.get.ts
index ad4851e..d1ee836 100644
--- a/server/api/cards.get.ts
+++ b/server/api/cards.get.ts
@@ -93,18 +93,20 @@ const typeCycle: CardType[] = [
 ]
 
 function genItem(globalIdx: number): CardData {
-  const type = typeCycle[globalIdx % typeCycle.length]
+  const typeCycleLength = typeCycle.length
+  const type = typeCycle[globalIdx % typeCycleLength] ?? 'text'
   const idx = globalIdx % 12
   const base: Pick<CardData, 'id' | 'type' | 'title' | 'aspectRatio'> = {
     id: globalIdx + 1,
     type,
-    title: titles[idx],
+    title: titles[idx] ?? '默认标题',
     aspectRatio: 0.6 + Math.random() * 0.7,
   }
 
   switch (type) {
     case 'text': {
       const tc = textContents[globalIdx % textContents.length]
+      if (!tc) return { ...base, title: '默认文本', description: undefined, aspectRatio: 0.6 + Math.random() * 0.5 }
       return { ...base, title: tc.title, description: tc.description, aspectRatio: 0.6 + Math.random() * 0.5 }
     }
     case 'image':
@@ -113,8 +115,9 @@ function genItem(globalIdx: number): CardData {
       return { ...base, image: images[idx], description: descriptions[idx], aspectRatio: 0.6 + Math.random() * 0.7 }
     case 'portfolio': {
       const set = portfolioSets[globalIdx % portfolioSets.length]
+      if (!set) return { ...base, images: [], description: undefined, aspectRatio: 0.85 }
       const ar = 0.85 + Math.random() * 0.15
-      return { ...base, images: set, description: descriptions[idx], aspectRatio: ar }
+      return { ...base, images: set as string[], description: descriptions[idx], aspectRatio: ar }
     }
     case 'project':
       return {
@@ -124,6 +127,8 @@ function genItem(globalIdx: number): CardData {
         tags: projectTags[globalIdx % projectTags.length],
         aspectRatio: 0.65 + Math.random() * 0.45,
       }
+    default:
+      return { ...base, title: '默认卡片', description: undefined, aspectRatio: 0.6 }
   }
 }
 
diff --git a/server/api/config/global.put.ts b/server/api/config/global.put.ts
index f5f05d0..b98e311 100644
--- a/server/api/config/global.put.ts
+++ b/server/api/config/global.put.ts
@@ -32,7 +32,7 @@ export default defineWrappedResponseHandler(async (event) => {
         await delCache("config:global:public");
         await delCache("config:global:admin");
 
-        const value = await getConfigGlobal(event, key);
+        const value = await getConfigGlobal(key);
         return R.success({
             key,
             value: toSafeResponseValue(key, value),
diff --git a/server/api/pic/random.get.ts b/server/api/pic/random.get.ts
index d3d406b..a1f427f 100644
--- a/server/api/pic/random.get.ts
+++ b/server/api/pic/random.get.ts
@@ -7,7 +7,7 @@ const handler = eventHandler(async (event: H3Event) => {
 
     if (Reflect.has(query, "auto")) {
         try {
-            return await $fetch("https://api.miaomc.cn/image/get", { method: "get", mode: "cors" })
+            return await $fetch<string>("https://api.miaomc.cn/image/get", { method: "get", mode: "cors" })
         } catch (error) {}
         try {
             return await sendRedirect(
@@ -52,5 +52,6 @@ const handler = eventHandler(async (event: H3Event) => {
     </html>`;
 });
 
-export type ReturnData = Awaited<ReturnType<typeof handler>>;
+type ReturnData = Awaited<ReturnType<typeof handler>>;
+export type { ReturnData };
 export default handler;
diff --git a/server/middleware/02.auth-guard.ts b/server/middleware/02.auth-guard.ts
index 7eca276..1b840e0 100644
--- a/server/middleware/02.auth-guard.ts
+++ b/server/middleware/02.auth-guard.ts
@@ -1,27 +1,45 @@
 import { UNAUTHORIZED_MESSAGE } from "#server/constants/auth";
-import { isAllowlistedApiPath } from "#server/utils/auth-api-routes";
+import { isAllowlistedApiPath, isFrontendPageAllowed } from "#server/utils/auth-api-routes";
 import { getCurrentUser } from "#server/utils/context";
 
 export default eventHandler(async (event) => {
   const path = event.path;
-  if (!path.startsWith("/api/")) {
-    return;
+
+  // ====================== API 路径保护 ======================
+  if (path.startsWith("/api/")) {
+    if (path.startsWith("/api/_nuxt_icon")) {
+      return;
+    }
+
+    if (isAllowlistedApiPath(path, event.method)) {
+      return;
+    }
+
+    const user = await getCurrentUser(event);
+    if (user) {
+      return;
+    }
+
+    throw createError({
+      statusCode: 401,
+      statusMessage: UNAUTHORIZED_MESSAGE,
+    });
   }
-  // if (path.startsWith("/api/_nuxt_icon")) {
-  //   return;
-  // }
 
-  if (isAllowlistedApiPath(path, event.method)) {
+  // ====================== 前端页面访问限制 ======================
+  // 非白名单的前端页面需要登录才能直接访问
+  if (isFrontendPageAllowed(path)) {
     return;
   }
 
   const user = await getCurrentUser(event);
-  if (user) {
-    return;
+  if (!user) {
+    // 未登录且页面不在白名单，重定向到登录页
+    return sendRedirect(event, "/auth/login", 302);
   }
 
-  throw createError({
-    statusCode: 401,
-    statusMessage: UNAUTHORIZED_MESSAGE,
-  });
-});
+  // 已登录用户访问登录/注册页面，重定向到首页
+  if (path.startsWith("/auth/login") || path.startsWith("/auth/register")) {
+    return sendRedirect(event, "/", 302);
+  }
+});
\ No newline at end of file
diff --git a/server/service/captcha/challenge.test.ts b/server/service/captcha/challenge.test.ts
index cd8f9dc..5042d3d 100644
--- a/server/service/captcha/challenge.test.ts
+++ b/server/service/captcha/challenge.test.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { describe, expect, test } from "bun:test";
 import { createCaptchaChallenge } from "./challenge";
 
diff --git a/server/service/captcha/store.test.ts b/server/service/captcha/store.test.ts
index 4752bbf..61ebfa7 100644
--- a/server/service/captcha/store.test.ts
+++ b/server/service/captcha/store.test.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { describe, expect, test } from "bun:test";
 import { captchaConsume, captchaCreate } from "./store";
 
diff --git a/server/service/config/index.ts b/server/service/config/index.ts
index 1673ac0..2c0cf0f 100644
--- a/server/service/config/index.ts
+++ b/server/service/config/index.ts
@@ -8,11 +8,13 @@ import {
   getConfigDefinition,
   getConfigScope,
   isKnownConfigKey,
-  KnownConfigKey,
-  KnownConfigValue,
   serializeConfigValue,
   validateConfigValue,
 } from "./registry";
+import type {
+  KnownConfigKey,
+  KnownConfigValue,
+} from "./registry";
 import { normalizeGlobalConfigValue } from "./normalization";
 
 export class ConfigKeyNotFoundError extends Error {
diff --git a/server/service/config/normalization.ts b/server/service/config/normalization.ts
index 61b2337..505484a 100644
--- a/server/service/config/normalization.ts
+++ b/server/service/config/normalization.ts
@@ -1,17 +1,18 @@
-import { KnownConfigKey } from "./registry";
+import type { KnownConfigKey } from "./registry";
 
-const TRIMMABLE_GLOBAL_CONFIG_KEYS = new Set<KnownConfigKey>([
+const TRIMMABLE_GLOBAL_CONFIG_KEYS = [
+  "siteName",
   "commentMailFromEmail",
   "commentSmtpHost",
   "commentSmtpUser",
   "commentSmtpPass",
-]);
+] as const;
 
 export function normalizeGlobalConfigValue<K extends KnownConfigKey>(key: K, value: unknown): unknown {
   if (typeof value !== "string") {
     return value;
   }
-  if (key === "siteName" || TRIMMABLE_GLOBAL_CONFIG_KEYS.has(key)) {
+  if ((TRIMMABLE_GLOBAL_CONFIG_KEYS as readonly string[]).includes(key)) {
     return value.trim();
   }
   return value;
diff --git a/server/service/oauth/oauth-manager.ts b/server/service/oauth/oauth-manager.ts
index e0f60d5..1a4bb14 100644
--- a/server/service/oauth/oauth-manager.ts
+++ b/server/service/oauth/oauth-manager.ts
@@ -1,3 +1,4 @@
+import log4js from "logger";
 import { dbGlobal } from 'drizzle-pkg/lib/db';
 import { oauthAccounts } from 'drizzle-pkg/lib/schema/auth';
 import { eq, and } from 'drizzle-orm';
@@ -6,6 +7,8 @@ import { OAuthError, OAuthErrorCodes } from './oauth-error';
 import { registerUser, createSession } from '#server/service/auth';
 import type { MinimalUser } from '#server/service/auth';
 
+const logger = log4js.getLogger("OAUTH");
+
 export type OAuthBinding = {
   id: number;
   provider: string;
@@ -77,6 +80,7 @@ export class OAuthManager {
   getAuthorizationUrl(providerName: string, userId?: number): string {
     const provider = providers[providerName];
     if (!provider) {
+      logger.warn(`[getAuthorizationUrl] Provider not found: ${providerName}`);
       throw new OAuthError(
         OAuthErrorCodes.PROVIDER_NOT_FOUND,
         `Provider ${providerName} not found`
@@ -89,6 +93,8 @@ export class OAuthManager {
 
     const { state } = this.stateStore.generate(providerName, redirectUri, userId);
 
+    logger.info(`[getAuthorizationUrl] Generating auth URL for provider: ${providerName}, userId: ${userId ?? 'anonymous'}, redirectUri: ${redirectUri}`);
+
     const params = new URLSearchParams({
       client_id: provider.clientId,
       redirect_uri: provider.redirectUri,
@@ -104,8 +110,11 @@ export class OAuthManager {
     code: string,
     state: string
   ): Promise<OAuthCallbackResult> {
+    logger.info(`[handleCallback] Provider: ${providerName}`);
+
     const provider = providers[providerName];
     if (!provider) {
+      logger.warn(`[handleCallback] Provider not found: ${providerName}`);
       throw new OAuthError(
         OAuthErrorCodes.PROVIDER_NOT_FOUND,
         `Provider ${providerName} not found`
@@ -114,6 +123,7 @@ export class OAuthManager {
 
     const oauthState = this.stateStore.consume(state);
     if (!oauthState) {
+      logger.warn(`[handleCallback] Invalid or expired state`);
       throw new OAuthError(
         OAuthErrorCodes.STATE_INVALID,
         'Invalid or expired state'
@@ -121,6 +131,7 @@ export class OAuthManager {
     }
 
     if (oauthState.providerName !== providerName) {
+      logger.warn(`[handleCallback] State provider mismatch: expected ${oauthState.providerName}, got ${providerName}`);
       throw new OAuthError(
         OAuthErrorCodes.STATE_INVALID,
         'State provider mismatch'
@@ -129,6 +140,7 @@ export class OAuthManager {
 
     const tokenResponse = await this.exchangeToken(provider, code);
     if (!tokenResponse.access_token) {
+      logger.error(`[handleCallback] Token exchange failed for provider: ${providerName}`);
       throw new OAuthError(
         OAuthErrorCodes.TOKEN_EXCHANGE_FAILED,
         'Failed to exchange token'
@@ -137,16 +149,20 @@ export class OAuthManager {
 
     const userInfo = await this.getUserInfo(provider, tokenResponse.access_token);
     if (!userInfo) {
+      logger.error(`[handleCallback] Failed to get user info from provider: ${providerName}`);
       throw new OAuthError(
         OAuthErrorCodes.USER_INFO_FAILED,
         'Failed to get user info'
       );
     }
 
+    logger.info(`[handleCallback] User info retrieved: provider=${providerName}, userId=${userInfo.providerUserId}, username=${userInfo.username}`);
+
     const existingAccount = await this.findOAuthAccount(providerName, userInfo.providerUserId);
 
     if (oauthState.isBinding) {
       if (existingAccount && existingAccount.userId !== oauthState.userId) {
+        logger.warn(`[handleCallback] OAuth account already bound to another user: provider=${providerName}, providerUserId=${userInfo.providerUserId}`);
         throw new OAuthError(
           OAuthErrorCodes.ALREADY_BIND,
           'This OAuth account is already bound to another user'
@@ -162,6 +178,8 @@ export class OAuthManager {
         avatar: userInfo.avatar,
       });
 
+      logger.info(`[handleCallback] OAuth account bound successfully: userId=${oauthState.userId}, provider=${providerName}`);
+
       return {
         success: true,
         isNewUser: false,
@@ -171,6 +189,7 @@ export class OAuthManager {
 
     if (existingAccount) {
       const { sessionId, expiresAt } = await createSession(existingAccount.userId);
+      logger.info(`[handleCallback] Existing user logged in: userId=${existingAccount.userId}, provider=${providerName}`);
       return {
         success: true,
         isNewUser: false,
@@ -196,6 +215,8 @@ export class OAuthManager {
 
     const { sessionId, expiresAt } = await createSession(newUser.id);
 
+    logger.info(`[handleCallback] New user registered and logged in: userId=${newUser.id}, provider=${providerName}`);
+
     return {
       success: true,
       isNewUser: true,
@@ -209,11 +230,13 @@ export class OAuthManager {
   async unbindAccount(userId: number, providerName: string): Promise<void> {
     const deleted = await this.deleteOAuthAccount(userId, providerName);
     if (!deleted) {
+      logger.warn(`[unbindAccount] OAuth account not found: userId=${userId}, provider=${providerName}`);
       throw new OAuthError(
         OAuthErrorCodes.BINDING_USER_MISMATCH,
         'OAuth account not found'
       );
     }
+    logger.info(`[unbindAccount] OAuth account unbound: userId=${userId}, provider=${providerName}`);
   }
 
   async getUserBindings(userId: number): Promise<OAuthBinding[]> {
@@ -224,7 +247,7 @@ export class OAuthManager {
       username: account.username,
       email: account.email,
       avatar: account.avatar,
-      boundAt: account.createdAt,
+      boundAt: account.createdAt ?? new Date(),
     }));
   }
 
@@ -325,7 +348,8 @@ export class OAuthManager {
         eq(oauthAccounts.userId, userId),
         eq(oauthAccounts.provider, provider)
       ));
-    return (result.rowCount ?? 0) > 0;
+    const info = result as unknown as { changes?: number; rowsAffected?: number };
+    return (info.changes ?? info.rowsAffected ?? 0) > 0;
   }
 }
 
diff --git a/server/utils/auth-api-routes.ts b/server/utils/auth-api-routes.ts
index 385fb55..d3ebc30 100644
--- a/server/utils/auth-api-routes.ts
+++ b/server/utils/auth-api-routes.ts
@@ -10,8 +10,11 @@ const API_ALLOWLIST: RouteRule[] = [
   /** 访客可读：无 Cookie 时不查库，用于客户端与 SSR 会话对齐 */
   { path: "/api/auth/session", methods: ["GET"] },
   { path: "/api/config/global", methods: ["GET"] },
-  { path: "/api/auth/oauth/github/callback", methods: ["GET"] },
-  { path: "/api/auth/oauth/github/authorize", methods: ["GET"] },
+  { path: "/api/auth/oauth/:provider/callback", methods: ["GET"] },
+  { path: "/api/auth/oauth/:provider/authorize", methods: ["GET"] },
+  /** 卡片相关：ID 在路径参数中 */
+  { path: "/api/cards/:id", methods: ["GET"] },
+  { path: "/api/pic/random", methods: ["GET"] },
 ];
 
 /** 公开 API 以只读为主，需配合服务端校验与限流 */
@@ -26,13 +29,53 @@ export function isPublicApiPath(path: string, method?: string) {
   return false;
 }
 
+/** 前端页面白名单：无需登录即可直接访问 */
+const FRONTEND_PAGE_ALLOWLIST: RouteRule[] = [
+  { path: "/auth/login" },
+  { path: "/auth/register" },
+  { path: "/" },
+];
+
+/**
+ * 检查前端页面是否在白名单中（允许未登录用户直接访问）
+ * 已登录用户访问这些页面会被重定向
+ */
+export function isFrontendPageAllowed(path: string): boolean {
+  const cleanPath = path.split("?")[0];
+  return FRONTEND_PAGE_ALLOWLIST.some((rule) => {
+    const regex = pathToRegexp(rule.path);
+    return regex.test(cleanPath!);
+  });
+}
+
+/**
+ * 将路由路径转换为正则表达式，支持 :
+ * - `:id` 匹配单个路径段
+ * - `:id+` 匹配多个路径段
+ * - `:id?` 可选
+ */
+function pathToRegexp(pattern: string): RegExp {
+  // 只匹配 :param 部分（到下一个 / 或字符串结尾），不包括后续路径段
+  const escaped = pattern.replace(/:[^/]+(\?)?/g, (match) => {
+    if (match.endsWith("?")) {
+      return "([^/]*)";
+    }
+    return "([^/]+)";
+  });
+  return new RegExp(`^${escaped}$`);
+}
+
 export function isAllowlistedApiPath(path: string, method?: string) {
   if (isPublicApiPath(path, method)) {
     return true;
   }
   const requestMethod = method?.toUpperCase() ?? "GET";
+  // 移除 query string
+  const cleanPath = path.split("?")[0];
   return API_ALLOWLIST.some((rule) => {
-    if (rule.path !== path.split("?")[0]) {
+    const regex = pathToRegexp(rule.path);
+
+    if (!regex.test(cleanPath!)) {
       return false;
     }
     if (!rule.methods || rule.methods.length === 0) {