diff --git a/apps/tutorial/src/lib/ui.tsx b/apps/tutorial/src/lib/ui.tsx
index 9fb46fa..36e80c8 100644
--- a/apps/tutorial/src/lib/ui.tsx
+++ b/apps/tutorial/src/lib/ui.tsx
@@ -55,7 +55,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-black/5'
+                  on ? (n.id ? 'text-ink' : 'bg-ink text-paper') : 'text-body hover:bg-paper-deep'
                 }`}
                 style={on && n.id ? { background: CHAPTERS[n.id].color } : undefined}
               >
@@ -74,7 +74,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-black/5'
+                  on ? 'bg-ink text-paper' : 'text-body hover:bg-paper-deep'
                 }`}
               >
                 {n.label}
diff --git a/packages/design-system/src/styles/tokens.css b/packages/design-system/src/styles/tokens.css
index b5a3718..44abd9f 100644
--- a/packages/design-system/src/styles/tokens.css
+++ b/packages/design-system/src/styles/tokens.css
@@ -16,6 +16,7 @@
   /* 中性阶（纸的世界） */
   --color-ink: #111111;
   --color-paper: #fff9f0;
+  --color-paper-deep: #f2ead9; /* 纸按压色——hover 专用暖阶，不借 ink（黑色＝选中语义） */
   --color-mute: #8a7a5c;
   --color-body: #3d3d3d;