refactor: 批量优化前端页面样式与组件交互

1. 统一调整表单组件label-width为100px，移除分页默认内边距
2. 新增表格按钮悬浮动效，优化弹窗抽屉样式与交互
3. 重构仪表盘页面，迁移旧演示组件到首页
4. 调整日志详情项排序与表单重置逻辑
5. 优化缓存监控图表样式与布局

frontend/web/src/views/module_monitor/cache/index.vue

@@ -409,11 +409,14 @@ const initCharts = () => {
         name: "命令",
         type: "pie",
         roseType: "radius",
-        radius: [15, 95],
-        center: ["50%", "38%"],
+        radius: ["20%", "70%"],
+        center: ["50%", "50%"],
         data: cache.value.command_stats || [],
         animationEasing: "cubicInOut",
         animationDuration: 1000,
+        label: {
+          fontSize: 14,
+        },
       },
     ],
   });
@@ -427,8 +430,12 @@ const initCharts = () => {
         type: "gauge",
         min: 0,
         max: 1000,
-        detail: { formatter: usedMemory },
+        radius: "70%",
+        detail: { formatter: usedMemory, fontSize: 16 },
         data: [{ value: parseFloat(usedMemory) || 0, name: "内存消耗" }],
+        axisLabel: {
+          fontSize: 12,
+        },
       },
     ],
   });
@@ -491,17 +498,22 @@ onUnmounted(() => {
 }
 
 .chart-card {
+  height: 100%;
+
   :deep(.el-card__body) {
     display: flex;
-    flex: 1;
     flex-direction: column;
+    height: 100%;
     min-height: 0;
   }
 }
 
 .chart-container {
   flex: 1;
-  min-height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
 }
 
 // === 缓存管理三栏 ===

frontend/web/src/views/module_monitor/server/index.vue

@@ -98,7 +98,7 @@
               <span class="font-medium">服务器基本信息</span>
             </div>
           </template>
-          <FaDescriptions :column="2" size="small" :scrollbar="false">
+          <FaDescriptions :column="1" size="small" :scrollbar="false">
             <ElDescriptionsItem label="服务器名称">
               {{ server.sys?.computer_name || "-" }}
             </ElDescriptionsItem>