From 3c9aaf5fafe0111f843d364fd79ed09e86fe2b81 Mon Sep 17 00:00:00 2001
From: cqh963852 <cqh963852@hotmail.com>
Date: Thu, 8 Oct 2026 16:01:37 +0800
Subject: [PATCH] =?UTF-8?q?style:=20navbar=20=E9=80=89=E4=B8=AD=E6=80=81?=
 =?UTF-8?q?=E5=8E=BB=E9=BB=91=E2=80=94=E2=80=94=E4=B9=A6=E6=9E=B6/?=
 =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E5=86=8C=E6=94=B9=E7=BA=B8=E6=8C=89=E5=8E=8B?=
 =?UTF-8?q?=E8=89=B2+ink=20=E5=86=85=E6=8F=8F=E8=BE=B9=E7=8E=AF=EF=BC=88?=
 =?UTF-8?q?=E9=BB=91=E5=8F=AA=E5=B1=9E=E4=BA=8E=E6=96=87=E5=AD=97=E4=B8=8E?=
 =?UTF-8?q?=20logo=EF=BC=9B=E7=AB=A0=E8=8A=82=E9=80=89=E4=B8=AD=E4=BB=8D?=
 =?UTF-8?q?=EF=BC=9D=E7=AB=A0=E8=89=B2=E4=B8=8E=E7=AB=A0=E5=A4=B4=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/tutorial/src/lib/ui.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/tutorial/src/lib/ui.tsx b/apps/tutorial/src/lib/ui.tsx
index 9b983c3..e0b37ea 100644
--- a/apps/tutorial/src/lib/ui.tsx
+++ b/apps/tutorial/src/lib/ui.tsx
@@ -1,5 +1,6 @@
 /** 教程站页面骨架：站头导航跨页常驻（view-transition-name 共享元素，页间不闪烁）。
- * 选中项背景色＝该章色（与章头 title 横幅统一）；书架/设计册选中为 ink。 */
+ * 选中语义：章节项＝该章色（与章头横幅统一）；书架/设计册＝纸按压色＋ink 内描边环。
+ * 黑色只属于文字与 logo——hover 与选中都不借黑。 */
 import '@stack/design-system'
 import type { ReactNode } from 'react'
 import type { ChapterId } from '@stack/design-system'
@@ -56,7 +57,7 @@ export function Page({
                 key={n.href}
                 href={n.href}
                 className={`rounded-lg px-2.5 py-1 text-[12.5px] font-bold no-underline transition-colors ${
-                  on ? (n.id ? 'text-ink' : 'bg-ink text-paper') : 'text-body hover:bg-paper-deep'
+                  on ? (n.id ? 'text-ink' : 'bg-paper-deep text-ink shadow-[inset_0_0_0_2px_var(--color-ink)]') : 'text-body hover:bg-paper-deep'
                 }`}
                 style={on && n.id ? { background: CHAPTERS[n.id].color } : undefined}
               >
@@ -75,7 +76,7 @@ export function Page({
                 key={n.href}
                 href={n.href}
                 className={`rounded-lg px-2.5 py-1 text-[12.5px] font-bold no-underline transition-colors ${
-                  on ? 'bg-ink text-paper' : 'text-body hover:bg-paper-deep'
+                  on ? 'bg-paper-deep text-ink shadow-[inset_0_0_0_2px_var(--color-ink)]' : 'text-body hover:bg-paper-deep'
                 }`}
               >
                 {n.label}