feat: 全新的Vue3管理后台(admin-spa)和路由重构

🎨 新增功能：
- 使用Vue3 + Vite构建的全新管理后台界面
- 支持Tab切换的API统计页面（统计查询/使用教程）
- 优雅的胶囊式Tab切换设计
- 同步了PR #106的会话窗口管理功能
- 完整的响应式设计和骨架屏加载状态

🔧 路由调整：
- 新版管理后台部署在 /admin-next/ 路径
- 将根路径 / 重定向到 /admin-next/api-stats
- 将 /web 页面路由重定向到新版，保留 /web/auth/* 认证路由
- 将 /apiStats 页面路由重定向到新版，保留API端点

🗑️ 清理工作：
- 删除旧版 web/admin/ 静态文件
- 删除旧版 web/apiStats/ 静态文件
- 清理相关的文件服务代码

🐛 修复问题：
- 修复重定向循环问题
- 修复环境变量配置
- 修复路由404错误
- 优化构建配置

🚀 生成方式：使用 Claude Code

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

web/admin-spa/src/components/common/StatCard.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="stat-card">
+    <div class="flex items-start justify-between">
+      <div class="flex-1">
+        <p class="text-sm font-medium text-gray-600 mb-1">{{ title }}</p>
+        <p class="text-3xl font-bold text-gray-800">{{ value }}</p>
+        <p v-if="subtitle" class="text-sm text-gray-500 mt-2">{{ subtitle }}</p>
+      </div>
+      <div :class="['stat-icon', iconBgClass]">
+        <i :class="icon"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    required: true
+  },
+  value: {
+    type: [String, Number],
+    required: true
+  },
+  subtitle: {
+    type: String,
+    default: ''
+  },
+  icon: {
+    type: String,
+    required: true
+  },
+  iconColor: {
+    type: String,
+    default: 'primary'
+  }
+})
+
+const iconBgClass = computed(() => {
+  const colorMap = {
+    primary: 'bg-gradient-to-br from-blue-500 to-purple-500',
+    success: 'bg-gradient-to-br from-green-500 to-emerald-500',
+    warning: 'bg-gradient-to-br from-yellow-500 to-orange-500',
+    danger: 'bg-gradient-to-br from-red-500 to-pink-500',
+    info: 'bg-gradient-to-br from-cyan-500 to-blue-500'
+  }
+  return colorMap[props.iconColor] || colorMap.primary
+})
+</script>
+
+<style scoped>
+/* 使用全局样式中定义的 .stat-card 和 .stat-icon 类 */
+</style>