diff --git a/neo/templates/datacenter.html b/neo/templates/datacenter.html
index b71a86b6d7861778336cb5d3c84e3c0dd9a2e8b9..4b37ecb6f018e9af05a94c8d53a6d3143e23152e 100644
--- a/neo/templates/datacenter.html
+++ b/neo/templates/datacenter.html
@@ -23,6 +23,18 @@
         .layui-col-md3 {
             display: flex; /* 关键：使列也成为 flex 容器 */
         }
+        /* 卡片标题样式 - 添加立体阴影 */
+        .layui-card-header {
+            font-size: 16px;
+            font-weight: bold;
+            padding: 12px 15px;
+            border-bottom: 1px solid #f0f0f0;
+            background: linear-gradient(to bottom, #f8f8f8, #eaeaea); /* 渐变背景 */
+            color: #333;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.1); /* 文字阴影 */
+            box-shadow: 0 2px 3px rgba(0,0,0,0.05); /* 标题底部阴影 */
+            border-radius: 8px 8px 0 0; /* 圆角与卡片匹配 */
+        }
         .device-card {
             flex: 1; /* 关键：使卡片填充整个列空间 */
             display: flex;