diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 17b33d8e..bdebade0 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -2,6 +2,7 @@ import Theme from 'vitepress/theme';
 import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client';
 import '@shikijs/vitepress-twoslash/style.css';
 import 'uno.css';
+import './style.css';
 import RulePlay from '../components/RulePlay/index.vue';
 import RuleComparess from '../components/RuleComparess/index.vue';
 import Playground from '../components/Playground/index.vue';
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
new file mode 100644
index 00000000..4a18cf00
--- /dev/null
+++ b/docs/.vitepress/theme/style.css
@@ -0,0 +1,19 @@
+: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);
+  }
+}
diff --git a/docs/index.md b/docs/index.md
index 73419f7e..5c108c96 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -19,7 +19,7 @@ hero:
       text: 在线工具
       link: /play/
   image:
-    src: https://github.com/user-attachments/assets/ebf6291e-a51a-4a9e-8e81-f0cf1f10cb1f
+    src: https://github.com/user-attachments/assets/a374d42d-f02e-4301-b738-9742662a11f9
     alt: AnyReader
 
 features:
@@ -50,25 +50,3 @@ features:
 ---
 
 > 软件不提供内容, 也不提供任何规则, 但你可以通过编写 [规则](./rule/), 控制呈现内容
-
-<style>
-: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);
-  }
-}
-</style>