diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index b0e6d6234..749fb5052 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -1,6 +1,8 @@
 :root {
   --c-brand: #407ce8;
   --c-brand-light: #2e73ea;
+
+  --x-nav-text-hover: #0a51bd;
 }
 
 html.dark {
@@ -15,6 +17,8 @@ html.dark {
   --c-danger-text: #c0bebe;
 
   --c-bg-light: rgba(255, 255, 255, 0.1);
+
+  --x-nav-text-hover: #7ca6f2;
 }
 
 blockquote {
diff --git a/docs/.vuepress/theme/components/Tabs.vue b/docs/.vuepress/theme/components/Tabs.vue
index 2d4c9ea19..2a236adc9 100644
--- a/docs/.vuepress/theme/components/Tabs.vue
+++ b/docs/.vuepress/theme/components/Tabs.vue
@@ -62,6 +62,18 @@ export default defineComponent({
 @import "node_modules/bootstrap/scss/bootstrap";
 
 button.nav-link {
-  color: var(--textColor);
+  color: var(--c-text-accent);
+  &:hover,
+  &:focus {
+    color: var(--x-nav-text-hover);
+  }
+}
+
+nav {
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid var(--c-border);
+}
+div.tab-content {
+  border-bottom: 1px solid var(--c-border);
 }
 </style>
diff --git a/docs/document/level-2/tproxy.md b/docs/document/level-2/tproxy.md
index f351bea25..37e295793 100644
--- a/docs/document/level-2/tproxy.md
+++ b/docs/document/level-2/tproxy.md
@@ -231,8 +231,7 @@ table ip xray {
 }
 ```
 
-::: tip
-**使用方法**
+::: tip 使用方法
 
 将上述配置写入一个文件（如 `nft.conf`），之后将该文件赋予可执行权限，最后使用 root 权限执行该文件即可（`# ./nft.conf`）。
 :::
diff --git a/docs/en/document/level-2/tproxy.md b/docs/en/document/level-2/tproxy.md
index f351bea25..37e295793 100644
--- a/docs/en/document/level-2/tproxy.md
+++ b/docs/en/document/level-2/tproxy.md
@@ -231,8 +231,7 @@ table ip xray {
 }
 ```
 
-::: tip
-**使用方法**
+::: tip 使用方法
 
 将上述配置写入一个文件（如 `nft.conf`），之后将该文件赋予可执行权限，最后使用 root 权限执行该文件即可（`# ./nft.conf`）。
 :::