From 2da03d6ddc90f370ef124218935487b5f3f92af6 Mon Sep 17 00:00:00 2001
From: seaHi <me@seahi.me>
Date: Wed, 16 Sep 2026 09:52:20 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=AE=9E=E7=8E=B0=20Markdown=20?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=99=A8=E5=B7=A5=E5=85=B7=E6=9D=A1=E5=90=B8?=
 =?UTF-8?q?=E9=A1=B6=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/admin/MarkdownEditor.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/admin/MarkdownEditor.svelte b/src/lib/components/admin/MarkdownEditor.svelte
index 44ee5c7..1c93011 100644
--- a/src/lib/components/admin/MarkdownEditor.svelte
+++ b/src/lib/components/admin/MarkdownEditor.svelte
@@ -394,6 +394,9 @@
 	}
 
 	.md-toolbar {
+		/* 吸顶：紧贴后台固定顶栏（高度 58px）下方，滚动时保持可见 */
+		position: sticky;
+		top: 58px;
 		display: flex;
 		align-items: center;
 		flex-wrap: wrap;
@@ -401,7 +404,11 @@
 		margin-bottom: 10px;
 		padding: 4px;
 		border: 1px solid rgba(0, 0, 0, 0.12);
-		background-color: rgba(0, 0, 0, 0.015);
+		/* 需要用不透明背景，否则滚动内容会从工具条后面透出来 */
+		background-color: var(--bg-color, #ffffff);
+		background-image: linear-gradient(rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.015));
+		/* 用阴影填充下方 10px 的间距，避免滚动内容从缝隙中露出 */
+		box-shadow: 0 10px 0 var(--bg-color, #ffffff);
 	}
 
 	.md-btn {