From fbe6eb79bab3054dea73a8be5587e445d35c4e9b Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Sun, 10 May 2026 00:13:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(docs):=20=E4=BF=AE=E6=AD=A3=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E7=AB=99=E6=A0=87=E7=AD=BE=E9=A1=B5=E5=92=8C=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E5=9D=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/app/global.css | 46 ++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 39 insertions(+), 7 deletions(-)

diff --git a/docs/app/global.css b/docs/app/global.css
index e412898ba..aeaad1ff4 100644
--- a/docs/app/global.css
+++ b/docs/app/global.css
@@ -185,6 +185,32 @@ article pre .line {
   padding-right: 1.1rem;
 }
 
+article figure.shiki {
+  border-color: color-mix(in srgb, var(--color-fd-border) 74%, transparent);
+  border-radius: 9px;
+  background: #0b1220 !important;
+  margin: 0.85rem 0 1.05rem;
+  box-shadow: 0 12px 28px color-mix(in srgb, black 12%, transparent);
+}
+
+article figure.shiki [role='region'] {
+  padding-top: 0.7rem;
+  padding-bottom: 0.7rem;
+}
+
+article figure.shiki pre {
+  border: 0;
+  border-radius: 0;
+  background: transparent !important;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+}
+
+article figure.shiki pre code {
+  line-height: 1.58;
+}
+
 article :not(pre) > code {
   border: 1px solid var(--dbx-line);
   border-radius: 6px;
@@ -212,18 +238,24 @@ article a.flex.rounded-lg:hover {
   box-shadow: 0 12px 34px color-mix(in srgb, var(--dbx-blue) 12%, transparent);
 }
 
-article [role='tablist'] {
-  border: 1px solid var(--dbx-line);
-  border-radius: 9px;
-  background: color-mix(in srgb, var(--color-fd-muted) 68%, transparent);
-  padding: 3px;
+article [role='tablist'].not-prose {
+  border: 0;
+  border-bottom: 1px solid var(--dbx-line);
+  border-radius: 0;
+  background: transparent;
+  padding: 0 1rem;
 }
 
-article [role='tab'] {
-  border-radius: 7px;
+article [role='tablist'].not-prose [role='tab'] {
+  border-radius: 0;
   font-weight: 620;
 }
 
+article [role='tablist'].not-prose [role='tab'][data-state='active'] {
+  background: transparent;
+  box-shadow: none;
+}
+
 article [role='tabpanel'] {
   border-color: var(--dbx-line);
 }