M0+M1: 基建 + 用户/密钥/核心代理

后端 (Go/Gin/GORM):
- 配置(viper+env)、SQLite/Postgres 迁移、argon2id、AES-GCM 渠道密钥、JWT+refresh cookie
- 用户注册/登录/刷新/登出、API Key CRUD(仅存哈希、明文一次展示)
- 代理网关: /v1/chat/completions、/v1/responses、/v1/models 直通 OpenAI 渠道
  非流式+流式(SSE 零缓冲转发), 用量捕获(chat 末块/responses completed 嵌套),
  OpenAI 错误格式(401/402/404/502), 余额检查
- 异步批量记账 + 余额流水 + 日聚合, admin 用户/余额/配置 API
- 单测: crypto/jwt/apikey/流式 usage 提取

前端 (Vue3+TS+Vite+Tailwind v4):
- taste-skill 设计 tokens: 深色仪表盘, 石墨+信号铜色, Outfit+JetBrains Mono
- Landing/登录/注册, 控制台(仪表盘图表/密钥管理/用量明细)
- 基础组件 Button/Input/Badge/Modal, ECharts 用量图

部署: docker-compose(nginx+api+postgres), 双 Dockerfile, nginx SSE 反代
联调: scripts/mockupstream 本地 mock 上游, 端到端验证通过

web/src/views/console/ConsoleLayout.vue

@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { useAuthStore } from '../../stores/auth'
+import { useRouter } from 'vue-router'
+import { computed } from 'vue'
+
+const auth = useAuthStore()
+const router = useRouter()
+
+const nav = [
+  { to: '/console/dashboard', label: '仪表盘', icon: 'M3 12l9-9 9 9M5 10v10h5v-6h4v6h5V10' },
+  { to: '/console/keys', label: 'API 密钥', icon: 'M15 7a4 4 0 11-8 0 4 4 0 018 0zM3 21v-1a6 6 0 0112 0v1' },
+  { to: '/console/usage', label: '用量明细', icon: 'M4 20V10M10 20V4M16 20v-7M22 20H2' },
+]
+
+const balanceFmt = computed(() =>
+  auth.user ? auth.user.balance.toFixed(4) : '—',
+)
+</script>
+
+<template>
+  <div class="flex min-h-[100dvh] bg-ink-950">
+    <!-- 侧边栏 -->
+    <aside class="fixed inset-y-0 left-0 z-30 flex w-56 flex-col border-r border-ink-800 bg-ink-900/60">
+      <div class="flex h-16 items-center gap-2.5 border-b border-ink-800 px-5">
+        <span class="flex h-7 w-7 items-center justify-center rounded-md bg-signal-400">
+          <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M2 8h3l2-5 3 10 2-5h2" stroke="#0c0d0f" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
+        </span>
+        <span class="text-[15px] font-semibold tracking-tight">openteam</span>
+      </div>
+
+      <nav class="flex-1 space-y-0.5 px-3 py-4">
+        <router-link
+          v-for="item in nav"
+          :key="item.to"
+          :to="item.to"
+          class="flex items-center gap-3 rounded-md px-3 py-2 text-[13.5px] text-paper-500 transition-colors hover:bg-ink-800 hover:text-paper-100"
+          active-class="bg-ink-800 text-signal-300! font-medium"
+        >
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path :d="item.icon" /></svg>
+          {{ item.label }}
+        </router-link>
+      </nav>
+
+      <div class="border-t border-ink-800 px-3 py-4">
+        <div class="flex items-center justify-between rounded-md bg-ink-850 px-3 py-2.5">
+          <div class="min-w-0">
+            <p class="truncate text-[13px] font-medium text-paper-100">{{ auth.user?.username }}</p>
+            <p class="text-xs text-paper-600">{{ auth.isAdmin ? 'admin' : 'user' }}</p>
+          </div>
+          <span class="num text-[13px] font-medium text-mint-400">${{ balanceFmt }}</span>
+        </div>
+        <button
+          class="mt-2 flex w-full items-center justify-center gap-2 rounded-md px-3 py-2 text-[13px] text-paper-500 transition-colors hover:bg-ink-800 hover:text-ember-300 cursor-pointer"
+          @click="auth.logout().then(() => router.push('/'))"
+        >
+          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9" /></svg>
+          退出登录
+        </button>
+      </div>
+    </aside>
+
+    <!-- 主区域 -->
+    <div class="ml-56 flex-1">
+      <div class="mx-auto max-w-6xl px-8 py-8">
+        <router-view />
+      </div>
+    </div>
+  </div>
+</template>