From 02673ec75804e513cc2d9c0191c47e995bd364e9 Mon Sep 17 00:00:00 2001
From: cnliucheng <brokenway@163.com>
Date: Wed, 15 Apr 2026 10:17:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9B=BE=E6=A0=87=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E8=A2=AB=E7=BC=96=E8=BE=91=E5=99=A8=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E6=A0=8F=E9=81=AE=E6=8C=A1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 提升标签/图标行的z-index(z-20→z-30)使其高于工具栏
- 降低工具栏z-index(z-20→z-10)拉开层级差距
- 修复动画结束帧transform值为none，避免残留transform创建额外stacking context

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/globals.css               | 2 +-
 src/app/page.tsx                  | 2 +-
 src/components/editor/toolbar.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 3e089dd..05f60ac 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -135,7 +135,7 @@
 
   to {
     opacity: 1;
-    transform: translateY(0) scale(1);
+    transform: none;
   }
 }
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e40ed88..36f9b2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -276,7 +276,7 @@ export default function Home() {
                   </div>
                 </div>
 
-                <div className="ui-enter-delayed relative z-20 mb-6 flex flex-wrap items-center gap-2">
+                <div className="ui-enter-delayed relative z-30 mb-6 flex flex-wrap items-center gap-2">
                   {activePage.tags?.map((tag) => {
                     const colors = getTagColor(tag);
                     return (
diff --git a/src/components/editor/toolbar.tsx b/src/components/editor/toolbar.tsx
index ce9a9e4..abecdad 100644
--- a/src/components/editor/toolbar.tsx
+++ b/src/components/editor/toolbar.tsx
@@ -112,7 +112,7 @@ export function Toolbar({ editor, onToggleAI, onExport }: ToolbarProps) {
     ];
 
     return (
-        <div className="sticky top-0 z-20 -mx-1 mb-2 flex items-center gap-1 overflow-x-auto rounded-xl border border-border/60 bg-background/80 p-1 shadow-[0_1px_0_hsl(var(--border)/0.45),0_10px_20px_hsl(var(--background)/0.24)] backdrop-blur-md no-scrollbar supports-[backdrop-filter]:bg-background/68">
+        <div className="sticky top-0 z-10 -mx-1 mb-2 flex items-center gap-1 overflow-x-auto rounded-xl border border-border/60 bg-background/80 p-1 shadow-[0_1px_0_hsl(var(--border)/0.45),0_10px_20px_hsl(var(--background)/0.24)] backdrop-blur-md no-scrollbar supports-[backdrop-filter]:bg-background/68">
             {items.map((item, index) =>
                 item.divider ? (
                     <div key={index} className="mx-1 h-6 w-px bg-border/80" />