fix: 全站字号对齐字体系统——组件 8.5~14px 硬编码清零（票券 16/12、指派块 16 且加宽 320 防溢出、章卡标题 t3、相框标签 12）；规格页注记<11px 清零；场景指派块 860→820 防出界；design-lab 基线重生成 28/28

apps/tutorial/src/pages/design-colors/App.tsx

@@ -18,8 +18,8 @@ function Chip({ c, n, h }: { c: string; n: string; h: string }) {
   return (
     <div>
       <div className="h-12 rounded-[10px] border-2 border-ink" style={{ background: c }} />
-      <div className="mt-1 whitespace-nowrap text-[10.5px] font-bold">{n}</div>
-      <div className="whitespace-nowrap font-mono text-[9px] text-[#6b6b6b]">{h}</div>
+      <div className="mt-1 whitespace-nowrap text-small font-bold">{n}</div>
+      <div className="whitespace-nowrap font-mono t-small-mute">{h}</div>
     </div>
   )
 }
@@ -59,7 +59,7 @@ function DoDont({ bad, children, text }: { bad?: boolean; children: React.ReactN
         {bad ? '✗' : '✓'}
       </span>
       {children}
-      <p className="m-0 flex-1 text-[11.5px] leading-snug text-body">{text}</p>
+      <p className="m-0 flex-1 text-small leading-snug text-body">{text}</p>
     </div>
   )
 }
@@ -76,7 +76,7 @@ export function App() {
                 <div className="h-11 w-[88px]" style={{ background: p.b }} />
               </div>
               <div className="mt-1.5 text-[11px] font-bold">{p.name}</div>
-              <div className="text-[10px] text-[#555]">{p.use}</div>
+              <div className="text-small text-[#555]">{p.use}</div>
             </div>
           ))}
         </div>
@@ -95,7 +95,7 @@ export function App() {
                 <span className="flex h-[18px] w-[18px] shrink-0 translate-y-[2px] items-center justify-center rounded-full border-2 border-ink bg-ink text-[10px] font-extrabold text-paper">{i + 1}</span>
                 <b className="text-[13px]">{r.name}</b>
               </div>
-              <p className="m-0 mt-1.5 mb-2 max-w-[760px] text-[11.5px] leading-relaxed text-body">{r.why}</p>
+              <p className="m-0 mt-1.5 mb-2 max-w-[760px] text-content leading-relaxed text-body">{r.why}</p>
               <div className="grid grid-cols-2 gap-3">
                 <DoDont bad text={r.badCap}>{r.badDemo}</DoDont>
                 <DoDont text={r.goodCap}>{r.goodDemo}</DoDont>

apps/tutorial/src/pages/design-examples/App.tsx

@@ -31,7 +31,7 @@ export function App() {
         <div className="absolute left-[40px] top-[110px] w-[250px]"><MemphisCard chapter={CHAPTERS[1]} entry={1} /></div>
         <div className="absolute left-[380px] top-[44px] w-[250px] -rotate-1"><MemphisCard chapter={CHAPTERS[2]} entry={2} /></div>
         <div className="absolute left-[700px] top-[44px] w-[140px]"><MemphisCard chapter={CHAPTERS[5]} compact /></div>
-        <div className="absolute left-[860px] top-[320px]"><AssignBlock {...ASSIGNMENT} /></div>
+        <div className="absolute left-[820px] top-[320px]"><AssignBlock {...ASSIGNMENT} /></div>
         <div className="absolute left-[60px] top-[440px] flex gap-4">
           <Ticket chapter={CHAPTERS[2]} done />
           <Ticket chapter={CHAPTERS[5]} done={false} />

apps/tutorial/src/pages/design-symbols/App.tsx

@@ -37,14 +37,14 @@ export function App() {
             <div key={s.n} className="text-center">
               <div className="mx-auto flex h-[46px] w-[46px] items-center justify-center rounded-xl border-2 border-ink bg-white">{s.el}</div>
               <div className="mt-1.5 text-[11px] font-bold">{s.n}</div>
-              <div className="text-[9.5px] leading-tight text-[#6b6b6b]">{s.m}</div>
-              <div className="mt-0.5 text-[9px] text-[#8a8a8a]">{s.s}</div>
+              <div className="t-small-mute leading-tight">{s.m}</div>
+              <div className="mt-0.5 t-small-mute">{s.s}</div>
             </div>
           ))}
         </div>
       </Section>
       <Section label="词汇表 · 父子层级" note="与 ai-era-tutorial 词汇表对齐">
-        <table className="w-full border-collapse text-[11.5px] text-body">
+        <table className="w-full border-collapse text-small text-body">
           <thead>
             <tr className="border-b-2 border-[#d5d5d3] text-left text-ink">
               <th className="w-24 py-1 pr-2">父词</th>
@@ -77,7 +77,7 @@ export function App() {
                 </>}
               </svg>
               <div className="mt-1 text-[13px] font-extrabold">{l.n}</div>
-              <div className="text-[11px] text-[#555]">{l.m}</div>
+              <div className="text-small text-[#555]">{l.m}</div>
             </div>
           ))}
           <div className="rounded-xl border-2 border-ink bg-white p-3">
@@ -85,7 +85,7 @@ export function App() {
               <path d="M12 22 q10 -22 20 0 t20 0 t20 0 t20 0 t20 0 t20 0 t20 0 t20 0 t20 0" stroke="var(--color-clash3b)" strokeWidth="3" fill="none" strokeLinecap="round" />
             </svg>
             <div className="mt-1 text-[13px] font-extrabold">波浪带 ＝ 代理交接</div>
-            <div className="text-[11px] text-[#555]">agent 边界 · 区域标记，不连线</div>
+            <div className="text-small text-[#555]">agent 边界 · 区域标记，不连线</div>
           </div>
         </div>
       </Section>
@@ -93,7 +93,7 @@ export function App() {
         <div className="flex flex-wrap items-start gap-6">
           <Ticket chapter={CHAPTERS[1]} done />
           <Ticket chapter={CHAPTERS[5]} done={false} />
-          <p className="m-0 max-w-[280px] flex-1 text-[11.5px] leading-relaxed text-body">
+          <p className="m-0 max-w-[280px] flex-1 text-content leading-relaxed text-body">
             <b>完成＝沿撕线打双孔</b>（半圆缺口）；未开始撕线为实线、无孔。头部色块无独立描边，由票体 overflow-hidden 裁出单一描边圆角。票号＝章程序号。
           </p>
         </div>