fix(ui,a11y): 修 logo 深色模式不可见 + 补 tailwind font-calligraphy 工具类

修复 A：header logo 深色模式字被吞
- logo.svg 右侧公司名（睿新致遠 + NOVALON）硬编码 fill='#0A0E14'，
  深色背景下 background 同色不可见，红色印章下书法字与英文全部被吞。
- 复用既有 logo-white.svg（白字 + 红印章）作为深色版，
  header 渲染双 <Image>，按 html[data-theme] CSS 显隐。
- 双 Image 不占位（display:none），零 JS 闪烁，未来主题切换器自动生效。

修复 B：font-calligraphy 工具类不生成
- tailwind.config.js 的 fontFamily 此前未声明 calligraphy key，
  导致 font-calligraphy utility 永不生成，4 处装饰书法字
  （BrandStamp「值得信赖」/ ChallengeSection「使命」/ WhyUsSection「睿」「我们」）
  静默回退 sans。
- fontFamily 加 calligraphy: ['var(--font-calligraphy-system)']。

审计脚本：
- logo-compare*.mjs：生产 vs 本地 logo 对比定位
- logo-dark-verify.mjs：明暗双版渲染验证
- font-calligraphy-verify.mjs：合成探针验证 utility 生效

验证：
- type-check 0 error · lint 0 error（127 warnings 既有项与本次无关）
- 深浅色 header 截图：明暗版正确切换，书法字 + NOVALON 清晰可见
- font-calligraphy 合成探针 computed fontFamily = STKaiti, KaiTi, 楷体, SimKai, serif ✓

scripts/audit/logo-compare-pages.mjs

@@ -0,0 +1,49 @@
+/**
+ * 综合视觉对比：生产 vs 本地，多个关键位置
+ * 收集决定性证据，让用户指出"logo 原本是书法体但生产不是"指的具体位置
+ */
+import { chromium } from 'playwright';
+import fs from 'node:fs';
+import path from 'node:path';
+
+const OUT = path.join(process.cwd(), 'dogfood-ui-audit', 'logo-compare');
+fs.mkdirSync(OUT, { recursive: true });
+
+const PAGES = [
+  { name: 'home', url: '/' },
+  { name: 'about-brand', url: '/about/brand' },
+  { name: 'about', url: '/about' },
+];
+
+const TARGETS = [
+  { tag: 'prod', base: 'https://www.novalon.cn' },
+  { tag: 'local', base: 'http://127.0.0.1:3000' },
+];
+
+const browser = await chromium.launch();
+
+for (const t of TARGETS) {
+  const ctx = await browser.newContext({
+    viewport: { width: 1440, height: 900 },
+    deviceScaleFactor: 2,
+  });
+  const page = await ctx.newPage();
+  for (const p of PAGES) {
+    const url = t.base + p.url;
+    try {
+      await page.goto(url, { waitUntil: 'networkidle', timeout: 60000 });
+      await page.waitForTimeout(1500);
+      // 截首屏（Hero + header 区域）
+      await page.screenshot({
+        path: path.join(OUT, `${t.tag}-${p.name}-fold.png`),
+        clip: { x: 0, y: 0, width: 1440, height: 900 },
+      });
+      console.log(`[${t.tag}] ${p.name} OK`);
+    } catch (e) {
+      console.log(`[${t.tag}] ${p.name} FAILED ${e.message.slice(0, 100)}`);
+    }
+  }
+  await ctx.close();
+}
+await browser.close();
+console.log('\n✓ 输出：' + OUT);