feat: 重构HTTP客户端架构和认证系统

核心改进：
- HTTP客户端：工厂函数模式，支持自定义拦截器和401/403处理
- 认证服务：函数式实现，消除this绑定问题，支持业务码+HTTP状态码双通道
- Token管理：简化为直接实例导出，移除bind()和箭头函数包装
- 路由守卫：优化逻辑，移除冗余代码，更简洁易维护

技术亮点：
- 统一401/403错误处理（业务code和HTTP status双检查）
- 自动刷新token并重试请求，保留自定义拦截器
- 分层清晰：clientAxios (Mono) -> http (应用) -> AuthService
- 支持扩展：业务代码可创建自定义HTTP实例并添加拦截器

文件变更：
- 新增 AuthService.js (函数式) 和 Login.vue
- 重构 http.js、token-manager.js、router/index.js
- 删除 TokenInput.vue、utils/auth.js 等冗余文件
- 更新所有API调用点使用直接实例导入

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/app/web-gold/src/components/LoginModal.vue

@@ -3,7 +3,8 @@ import { ref, computed, onUnmounted } from 'vue'
 import { message } from 'ant-design-vue'
 import { useUserStore } from '@/stores/user'
 import authApi, { SMS_SCENE, SMS_TEMPLATE_CODE } from '@/api/auth'
-import { setToken } from '@/utils/auth'
+// 直接使用实例（最简单、最可靠）
+import tokenManager from '@gold/utils/token-manager'
 
 defineProps({
   open: { type: Boolean, default: false },
@@ -213,7 +214,7 @@ async function handleSubmit() {
 
 async function handleLoginSuccess(info) {
   if (info?.accessToken) {
-    setToken({ accessToken: info.accessToken, refreshToken: info.refreshToken })
+    tokenManager.setTokens({ accessToken: info.accessToken, refreshToken: info.refreshToken })
   }
   const userInfo = info?.userInfo || {}
   await userStore.loginWithPhone({

frontend/app/web-gold/src/components/TokenInput.vue

@@ -1,102 +0,0 @@
-<script setup>
-import { ref, onMounted, watch } from 'vue'
-import { message } from 'ant-design-vue'
-import { setDevToken, getDevToken } from '@gold/utils/token-manager'
-
-const token = ref('')
-const isVisible = ref(true)
-
-// 从 sessionStorage 恢复 token
-onMounted(() => {
-  const saved = getDevToken()
-  if (saved) {
-    token.value = saved
-  }
-})
-
-// 保存 token
-const handleSave = () => {
-  if (token.value.trim()) {
-    setDevToken(token.value)
-    message.success('Token 已保存')
-  } else {
-    setDevToken('')
-    message.success('Token 已清除')
-  }
-}
-
-// 监听输入变化，自动保存（防抖）
-let saveTimer = null
-watch(token, () => {
-  clearTimeout(saveTimer)
-  saveTimer = setTimeout(() => {
-    if (token.value.trim()) {
-      setDevToken(token.value)
-    }
-  }, 500)
-})
-</script>
-
-<template>
-  <div v-if="isVisible" class="token-input-wrapper">
-    <div class="token-input-label">Dev Token</div>
-    <input
-      v-model="token"
-      type="password"
-      placeholder="输入测试 token"
-      class="token-input"
-      @keyup.enter="handleSave"
-    />
-    <button class="token-btn" @click="handleSave">保存</button>
-  </div>
-</template>
-
-<style scoped>
-.token-input-wrapper {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.token-input-label {
-  font-size: 12px;
-  color: var(--color-text-secondary);
-  white-space: nowrap;
-}
-
-.token-input {
-  width: 200px;
-  height: 28px;
-  padding: 0 8px;
-  border: 1px solid var(--color-border);
-  border-radius: 4px;
-  background: var(--color-surface);
-  color: var(--color-text);
-  font-size: 12px;
-  outline: none;
-  transition: all 0.2s;
-}
-
-.token-input:focus {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.1);
-}
-
-.token-btn {
-  height: 28px;
-  padding: 0 12px;
-  border: 1px solid var(--color-primary);
-  border-radius: 4px;
-  background: transparent;
-  color: var(--color-primary);
-  font-size: 12px;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.token-btn:hover {
-  background: var(--color-primary);
-  color: #fff;
-}
-</style>
-