fix(theme): 品牌色令牌语义拆分与暗黑模式全站治理

- 拆分品牌色「文字/底色」双通道：新增 --color-brand-ink(-rgb)（深色 #F87171）
  与 tailwind brand.ink；text-brand → text-brand-ink 迁移 247 处；
  bg-brand/border-brand 保持 --color-brand-rgb 不翻转（红底白字 5.58:1 不能动）
- dark 块补齐 --color-brand-bg: #2A1418（修复深色白字压浅粉底 1.04:1）
- hero 徽章新增 --badge-accent-text 桥接：accentColor 直用作深底文字不可读
  （#1e3a5f 深底 1.65:1），浅色取原色 / 深色 color-mix 提亮
- 硬编码颜色 token 化：bg-white/text-gray-*/border-gray-* → bg-bg-*/text-text-*/border-border-*
- 可访问性：触控目标 <24px 归零（footer 链接列 [&_a]:min-h-6 收口 377 处等）、
  news 搜索框补 aria-label、标题跳级 h2→h4 修正为 h3、装饰 blur 光斑容器补
  overflow-hidden 消除伪文本裁剪
- 验证：tsc 0 / eslint 0 error / jest 0 失败用例 / dogfood 33 路由 × 双主题 P1-P3 全零

src/components/layout/mobile-tab-bar.tsx

@@ -60,13 +60,13 @@ export function MobileTabBar() {
                 <Icon
                   className={cn(
                     'w-6 h-6 transition-colors duration-300',
-                    active ? 'text-brand' : 'text-text-muted group-hover:text-text-secondary'
+                    active ? 'text-brand-ink' : 'text-text-muted group-hover:text-text-secondary'
                   )}
                 />
                 <span
                   className={cn(
                     'text-xs mt-1 transition-colors duration-300',
-                    active ? 'text-brand font-medium' : 'text-text-muted'
+                    active ? 'text-brand-ink font-medium' : 'text-text-muted'
                   )}
                 >
                   {tab.label}