diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index 549a7da2..47b72101 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -101,3 +101,9 @@
 .medium-zoom--opened .medium-zoom-image {
   z-index: 21;
 }
+
+.vp-doc .ab-shadow-card {
+  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2), 
+              0 0 2px rgba(0,0,0,0.2), 
+              0 20px 30px -20px rgba(0,0,0,0.4);
+}
diff --git a/docs/config/downloader.md b/docs/config/downloader.md
index fced82f0..afd0840d 100644
--- a/docs/config/downloader.md
+++ b/docs/config/downloader.md
@@ -2,7 +2,9 @@
 
 ## WebUI 设置
 
-![downloader](../image/config/downloader.png)
+![downloader](../image/config/downloader.png){width=500}{class=ab-shadow-card}
+
+<br/>
 
 - **Downloader Type** 为下载器类型，目前支持 qBittorrent 下载器，目前暂不支持修改。
 - **Host** 为下载器地址。[1](#下载器地址)
diff --git a/docs/config/notifier.md b/docs/config/notifier.md
index 484b9f3a..1603322d 100644
--- a/docs/config/notifier.md
+++ b/docs/config/notifier.md
@@ -2,7 +2,9 @@
 
 ## WebUI 配置
 
-![notification](../image/config/notifier.png)
+![notification](../image/config/notifier.png){width=500}{class=ab-shadow-card}
+
+<br/>
 
 - **Enable** 为是否启用通知，如果不启用通知，下面的配置项将不会生效。
 - **Type** 为通知类型，目前支持:
diff --git a/docs/config/parser.md b/docs/config/parser.md
index 4fca4209..b771c403 100644
--- a/docs/config/parser.md
+++ b/docs/config/parser.md
@@ -4,7 +4,9 @@ AB 的解析器用于解析聚合 RSS 链接，如果 RSS 有新条目更新，A
 
 ## Webui 中的解析器设置
 
-![parser](../image/config/parser.png)
+![parser](../image/config/parser.png){width=500}{class=ab-shadow-card}
+
+<br/>
 
 - **Enable**: 是否启用 RSS 解析器。
 - **Source** 为 RSS 解析器类型，目前支持 `mikan` 。
diff --git a/docs/config/program.md b/docs/config/program.md
index 4e8eb8cb..ddbc05b6 100644
--- a/docs/config/program.md
+++ b/docs/config/program.md
@@ -2,7 +2,9 @@
 
 ## WebUI 配置
 
-![program](../image/config/program.png)
+![program](../image/config/program.png){width=500}{class=ab-shadow-card}
+
+<br/>
 
 - Interval Time 参数的单位为秒，如果你需要设置为分钟，请自行转换为秒。
 - RSS 为 RSS 检查时间间隔，这个参数影响自动下载规则生成的周期间隔。
diff --git a/docs/config/proxy.md b/docs/config/proxy.md
index 5f074401..58c19ae0 100644
--- a/docs/config/proxy.md
+++ b/docs/config/proxy.md
@@ -2,7 +2,9 @@
 
 ## 代理
 
-![proxy](../image/config/proxy.png)
+![proxy](../image/config/proxy.png){width=500}{class=ab-shadow-card}
+
+<br/>
 
 AB 支持 HTTP 代理和 SOCKS5 代理，通过设置代理可以解决一些网络问题。