优化仪表盘自动刷新UI布局

- 调整Element Plus日期选择器宽度为400px，确保时间完整显示
- 重新设计自动刷新控制的样式和布局
- 统一控制栏所有元素的高度，保持视觉一致性
- 使用更精致的开关组件和优化的交互效果

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

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

web/admin-spa/src/components/layout/MainLayout.vue

@@ -4,14 +4,23 @@
     <AppHeader />
     
     <!-- 主内容区域 -->
-    <div class="glass-strong rounded-3xl p-6 shadow-xl" style="z-index: 1; min-height: calc(100vh - 240px);">
+    <div
+      class="glass-strong rounded-3xl p-6 shadow-xl"
+      style="z-index: 1; min-height: calc(100vh - 240px);"
+    >
       <!-- 标签栏 -->
-      <TabBar :active-tab="activeTab" @tab-change="handleTabChange" />
+      <TabBar
+        :active-tab="activeTab"
+        @tab-change="handleTabChange"
+      />
       
       <!-- 内容区域 -->
       <div class="tab-content">
         <router-view v-slot="{ Component }">
-          <transition name="slide-up" mode="out-in">
+          <transition
+            name="slide-up"
+            mode="out-in"
+          >
             <keep-alive :include="['DashboardView', 'ApiKeysView']">
               <component :is="Component" />
             </keep-alive>