diff --git a/demo/frontend/src/views/Home.vue b/demo/frontend/src/views/Home.vue
index 215a1aa..33602e5 100644
--- a/demo/frontend/src/views/Home.vue
+++ b/demo/frontend/src/views/Home.vue
@@ -322,18 +322,19 @@ onMounted(() => {
 
 .nav-menu {
   flex: 1;
-  padding: 0 20px;
+  padding: 0 24px;
 }
 
 .nav-item {
   display: flex;
   align-items: center;
-  padding: 14px 20px;
-  margin-bottom: 4px;
-  border-radius: 8px;
+  padding: 18px 24px;
+  margin-bottom: 6px;
+  border-radius: 10px;
   cursor: pointer;
   transition: all 0.2s ease;
   color: #64748b;
+  font-size: 16px;
 }
 
 .nav-item:hover {
@@ -347,12 +348,12 @@ onMounted(() => {
 }
 
 .nav-item .el-icon {
-  margin-right: 12px;
-  font-size: 18px;
+  margin-right: 16px;
+  font-size: 22px;
 }
 
 .nav-item span {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 500;
 }