M0-M4: 推倒重来基线(基建+用户/密钥/核心代理+前端+管理后台+三协议互转)

- 后端 Go+Gin+GORM: 配置(OT_ env)/SQLite/Postgres 双驱动、用户体系(argon2id+JWT access/refresh)、
  API Key(sk- 48位, 仅存 SHA-256 哈希)
- 代理网关: /v1/chat/completions、/v1/responses、/v1/messages、/v1/models;错误按客户端协议返回
- 三协议互转(convert 包): Chat↔Messages↔Responses 请求/响应 + 流式 SSE 逐事件转换(直通优先)
- 用量计费: 异步批量记账、余额扣减、balance_logs、usage_daily 日聚合
- 管理 API: 用户/渠道 CRUD+测试+模型导入/模型定价+绑定/统计/系统配置
- 前端 Vue3+TS+Tailwind(taste-skill 设计 tokens): Landing/登录注册/控制台/管理后台,
  自建组件+Phosphor 图标+自建 SVG 趋势图, 已过 web-design-guidelines 复查
- mock 上游: OpenAI+Anthropic 双协议模拟(含流式)

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

web/src/components/ui/Button.vue

@@ -1,42 +1,27 @@
 <script setup lang="ts">
 withDefaults(
   defineProps<{
-    variant?: 'primary' | 'ghost' | 'danger' | 'outline'
+    variant?: 'primary' | 'ghost' | 'danger'
     size?: 'sm' | 'md'
-    type?: 'button' | 'submit'
     loading?: boolean
     disabled?: boolean
-    ariaLabel?: string
   }>(),
-  { variant: 'primary', size: 'md', type: 'button', loading: false, disabled: false },
+  { variant: 'primary', size: 'md', loading: false, disabled: false },
 )
-
-defineEmits<{ (e: 'click', ev: MouseEvent): void }>()
 </script>
 
 <template>
   <button
-    :type="type"
     :disabled="disabled || loading"
-    :aria-label="ariaLabel"
-    :aria-busy="loading || undefined"
-    class="inline-flex touch-manipulation items-center justify-center gap-2 font-medium select-none
-           transition-[background-color,border-color,color,transform,opacity] duration-150
-           active:scale-[0.98] disabled:opacity-50 disabled:pointer-events-none cursor-pointer"
+    class="inline-flex items-center justify-center gap-2 rounded-md font-medium transition-[transform,background-color,border-color,color] duration-150 active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 select-none"
     :class="[
-      size === 'sm' ? 'h-8 px-3 text-[13px] rounded-md' : 'h-10 px-4 text-sm rounded-md',
-      variant === 'primary' && 'bg-signal-400 text-ink-950 hover:bg-signal-300',
-      variant === 'outline' && 'border border-ink-600 text-paper-300 hover:border-signal-400 hover:text-signal-300 bg-transparent',
-      variant === 'ghost' && 'text-paper-500 hover:text-paper-100 hover:bg-ink-800',
-      variant === 'danger' && 'bg-ember-500/90 text-white hover:bg-ember-400',
+      size === 'sm' ? 'h-8 px-3 text-xs' : 'h-10 px-4 text-sm',
+      variant === 'primary' && 'bg-accent text-zinc-950 hover:bg-accent-strong',
+      variant === 'ghost' && 'border border-zinc-700 text-zinc-200 hover:border-zinc-500 hover:bg-zinc-800/60',
+      variant === 'danger' && 'border border-err/50 text-red-300 hover:border-err hover:bg-err/10',
     ]"
-    @click="$emit('click', $event)"
   >
-    <span
-      v-if="loading"
-      class="h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent"
-      aria-hidden="true"
-    />
+    <span v-if="loading" class="size-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" />
     <slot />
   </button>
 </template>