diff --git a/plugins/stats_dashboard/templates/index.html b/plugins/stats_dashboard/templates/index.html
index f3d2ea7..e28e550 100644
--- a/plugins/stats_dashboard/templates/index.html
+++ b/plugins/stats_dashboard/templates/index.html
@@ -6,7 +6,7 @@
 <!-- 首页概览 -->
 <div>
     <el-row :gutter="20">
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>总调用次数</span>
@@ -16,7 +16,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>成功率</span>
@@ -26,7 +26,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>活跃用户数</span>
@@ -36,7 +36,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>活跃群组数</span>
@@ -46,7 +46,7 @@
                 </div>
             </el-card>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-card shadow="hover" class="stats-card">
                 <div slot="header">
                     <span>平均响应时间</span>
@@ -99,13 +99,13 @@
         <el-col :span="12">
             <div class="chart-container">
                 <h3>插件使用排行</h3>
-                <canvas id="pluginChart" width="400" height="250"></canvas>
+                <canvas id="pluginChart" width="400" height="200"></canvas>
             </div>
         </el-col>
         <el-col :span="12">
             <div class="chart-container">
                 <h3>成功率分析</h3>
-                <canvas id="successRateChart" width="400" height="250"></canvas>
+                <canvas id="successRateChart" width="400" height="200"></canvas>
             </div>
         </el-col>
     </el-row>
@@ -114,7 +114,7 @@
         <el-col :span="24">
             <div class="chart-container">
                 <h3>使用趋势</h3>
-                <canvas id="trendChart" width="800" height="250"></canvas>
+                <canvas id="trendChart" width="800" height="200"></canvas>
             </div>
         </el-col>
     </el-row>
@@ -348,4 +348,28 @@
         }
     });
 </script>
+{% endblock %}
+
+{% block styles %}
+<style>
+    .stats-card {
+        margin-bottom: 15px;
+        height: 120px;
+    }
+    
+    .chart-container {
+        margin-bottom: 20px;
+        padding: 10px;
+        background-color: #fff;
+        border-radius: 4px;
+        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    }
+    
+    .chart-container h3 {
+        margin-top: 0;
+        margin-bottom: 10px;
+        font-size: 16px;
+        color: #606266;
+    }
+</style>
 {% endblock %}
\ No newline at end of file