diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 3a2e46a..f148913 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,6 +1,7 @@
 import DefaultTheme from 'vitepress/theme'
 
 import '../theme/style.css'
+import './style/var.css'
 
 // 定义组件导入的类型
 interface ComponentModule {
diff --git a/docs/.vitepress/theme/style/var.css b/docs/.vitepress/theme/style/var.css
new file mode 100644
index 0000000..fb24a6d
--- /dev/null
+++ b/docs/.vitepress/theme/style/var.css
@@ -0,0 +1,39 @@
+/* VPFeatures 页卡悬浮效果 */
+.VPFeatures .items .item {
+    transition: transform 0.3s;
+}
+
+.VPFeatures .items .item:hover {
+    transform: translateY(-5px);
+}
+
+.VPDoc h1 {
+    background: -webkit-linear-gradient(10deg, #3DC8F0 5%, #8036FA 15%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+:root {
+    --vp-home-hero-name-color: transparent;
+    --vp-home-hero-name-background: -webkit-linear-gradient(120deg,#bd34fe 30%,#41d1ff);
+    --vp-home-hero-image-background-image: linear-gradient(-45deg,#bd34fe 50%,#47caff 50%);
+    --vp-home-hero-image-filter: blur(44px)
+}
+
+@media (min-width: 640px) {
+    :root {
+        --vp-home-hero-image-filter:blur(56px)
+    }
+}
+
+@media (min-width: 960px) {
+    :root {
+        --vp-home-hero-image-filter:blur(68px)
+    }
+}
+
+.VPHero .VPImage {
+    filter: drop-shadow(-2px 4px 6px #0003);
+    padding: 18px;
+}
diff --git a/docs/DevOps/index.md b/docs/DevOps/index.md
index ac60c50..355c5fa 100644
--- a/docs/DevOps/index.md
+++ b/docs/DevOps/index.md
@@ -3,7 +3,7 @@ layout: doc
 title: DevOps
 ---
 
-# 📚 内容导航
+# 内容导航
 
 - [OpenObserve部署和使用](/DevOps/OpenObserve)
 - [Jenkins部署和使用](/DevOps/Jenkins)
diff --git a/docs/SpringBoot/index.md b/docs/SpringBoot/index.md
index b80933d..03f95e4 100644
--- a/docs/SpringBoot/index.md
+++ b/docs/SpringBoot/index.md
@@ -3,11 +3,11 @@ layout: doc
 title: SpringBoot
 ---
 
-# 📚 内容导航
+# 内容导航
 
 - [Spring IOC简介](/SpringBoot/SpringIOC)
 - [SpringBoot启动流程](/SpringBoot/SpringBoot-Start-Process)
 - [Spring MVC简介](/SpringBoot/SpringMVC)
 - [SpringBoot Starter原理](/SpringBoot/SpringBootStarter)
 - [SpringBoot Bean简介](/SpringBoot/SpringBootBean)
-- [SpringBoot3原生镜像](/SpringBoot/SpringBoot3-GraalVM)
\ No newline at end of file
+- [SpringBoot3原生镜像](/SpringBoot/SpringBoot3-GraalVM)
diff --git a/docs/Web-Backend/index.md b/docs/Web-Backend/index.md
index 7572603..df8c8ae 100644
--- a/docs/Web-Backend/index.md
+++ b/docs/Web-Backend/index.md
@@ -3,8 +3,8 @@ layout: doc
 title: Web后端
 ---
 
-# 📚 内容导航
+# 内容导航
 
 - [MySQL知识点](/Web-Backend/MySQL-Knowledge)
 - [Flyway简单使用](/Web-Backend/Flyway)
-- [MyBatis简介和使用](/Web-Backend/MyBatis)
\ No newline at end of file
+- [MyBatis简介和使用](/Web-Backend/MyBatis)