feat: 优化移动端响应式设计

- 优化所有页面的移动端适配（手机、平板、PC）
- 修复AccountsView移动端状态显示和按钮功能问题
- 修复ApiKeysView移动端详情展开显示问题
- 移除ApiKeysView不必要的查看按钮
- 修复Dashboard页面PC版时间筛选按钮布局
- 改进所有组件的响应式设计
- 删除dist目录避免构建文件冲突

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

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

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

@@ -2,21 +2,21 @@
   <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">
+        <p class="text-xs sm:text-sm font-medium text-gray-600 mb-1">
           {{ title }}
         </p>
-        <p class="text-3xl font-bold text-gray-800">
+        <p class="text-2xl sm:text-3xl font-bold text-gray-800">
           {{ value }}
         </p>
         <p
           v-if="subtitle"
-          class="text-sm text-gray-500 mt-2"
+          class="text-xs sm:text-sm text-gray-500 mt-1.5 sm:mt-2"
         >
           {{ subtitle }}
         </p>
       </div>
-      <div :class="['stat-icon', iconBgClass]">
-        <i :class="icon" />
+      <div :class="['stat-icon flex-shrink-0', iconBgClass]">
+        <i :class="[icon, 'text-sm sm:text-base']" />
       </div>
     </div>
   </div>