fix(frontend): 按审计报告修复全部17项问题,数据层迁至 src/api/

P0(4): 假数据清除(avg_latency_ms:2400→null,无端点字段改null)、假进度条改诚实的不确定态、
  公共页不再反向依赖 admin(api/public.ts)、PredictProgress 重写
P1(6): 23处 any 归零(对齐后端 Pydantic 契约新增 PredictionMatchRef/HealthProbe 等)、
  a11y(aria-live 0→4,htmlFor 1→17,aria-describedby/invalid 补齐)、App.tsx 抽 SiteLayout、
  路由级 lazy+代码分割(首屏 315KB→238KB)、index.html 补 SEO/favicon/OG、死代码清理(AdminIcon 抽出)
P2(7): Login/index.css 裸色值令牌化、groupByDate useMemo、滚动监听统一、原生控件基元化、
  useLeagues 静默失败补告警、路由级 ErrorBoundary

另修复审计未列问题:
- Monitoring todos 过滤器 t!==false 放行 null 导致整页崩溃 → Boolean(t) 真值过滤
- Collection 渲染期 Date.now()(react-hooks/purity 捕获)→ 计时器 effect
- bg-press-wash/60 透明度修饰符静默失效 → RGB 三元组 + 构建期令牌守卫(下个提交接入)

工程化:数据层 dal/api/types(1047行)git mv 至 src/api/,admin 留 @deprecated 兼容壳,
  21 个引用方直指新路径;tsconfig 开启 noUnusedLocals/noUnusedParameters(清理9处存量)

frontend/src/pages/Standings.tsx

@@ -7,49 +7,49 @@
 
 import { useEffect, useState, useCallback } from 'react'
 import BackTop from '../components/BackTop'
-import { fetchStandings } from '../admin/dal'
-import type { StandingsLeague, StandingRow } from '../admin/dal'
+import { fetchStandings } from '../api/public'
+import type { StandingsLeague, StandingRow } from '../api/public'
 import { useLeagues } from './matches/hooks/useLeagues'
-import { Spinner } from '../admin/components'
+import { Spinner, Tabs, Button } from '../components/ui'
 
 const ZONE_META: Record<string, { label: string; cls: string }> = {
   // 欧战资格
   'Champions League': { label: '欧冠区', cls: 'bg-ok-100 text-ok-700' },
   'Champions League Qualification': { label: '欧冠资格', cls: 'bg-ok-100 text-ok-700' },
   'Europa League': { label: '欧联区', cls: 'bg-warn-100 text-warn-700' },
-  'Conference League': { label: '欧协杯', cls: 'bg-sky-100 text-sky-700' },
-  'Conference League Qualification': { label: '欧协杯', cls: 'bg-sky-100 text-sky-700' },
-  'Europa Conference League': { label: '欧协杯', cls: 'bg-sky-100 text-sky-700' },
-  'Europa Conference League Qualification': { label: '欧协杯', cls: 'bg-sky-100 text-sky-700' },
+  'Conference League': { label: '欧协杯', cls: 'bg-euro-100 text-euro-700' },
+  'Conference League Qualification': { label: '欧协杯', cls: 'bg-euro-100 text-euro-700' },
+  'Europa Conference League': { label: '欧协杯', cls: 'bg-euro-100 text-euro-700' },
+  'Europa Conference League Qualification': { label: '欧协杯', cls: 'bg-euro-100 text-euro-700' },
   // 升级
   'Championship': { label: '升级区', cls: 'bg-ok-100 text-ok-700' },
   'Promotion': { label: '升级区', cls: 'bg-ok-100 text-ok-700' },
   'Promotion Group': { label: '升级组', cls: 'bg-ok-100 text-ok-700' },
   // 降级
   'Relegation': { label: '降级区', cls: 'bg-bad-100 text-bad-700' },
-  'Relegation Playoffs': { label: '降级附加赛', cls: 'bg-orange-100 text-orange-700' },
+  'Relegation Playoffs': { label: '降级附加赛', cls: 'bg-playoff-100 text-playoff-700' },
   'Relegation Group': { label: '降级组', cls: 'bg-bad-100 text-bad-700' },
   // 附加赛
   'Playoffs': { label: '附加赛', cls: 'bg-warn-100 text-warn-700' },
   'Championship Playoffs': { label: '升级附加赛', cls: 'bg-warn-100 text-warn-700' },
-  'Qualification Playoffs': { label: '资格附加赛', cls: 'bg-sky-100 text-sky-700' },
-  'Qualification': { label: '资格赛', cls: 'bg-sky-100 text-sky-700' },
+  'Qualification Playoffs': { label: '资格附加赛', cls: 'bg-euro-100 text-euro-700' },
+  'Qualification': { label: '资格赛', cls: 'bg-euro-100 text-euro-700' },
 }
 
 function zoneBadge(zone?: string | null) {
   if (!zone) return null
   const meta = ZONE_META[zone] ?? { label: zone, cls: 'bg-ink-100 text-ink-600' }
-  return <span className={`whitespace-nowrap rounded px-1.5 py-0.5 text-2xs font-medium ${meta.cls}`}>{meta.label}</span>
+  return <span className={`whitespace-nowrap px-1.5 py-0.5 text-2xs font-medium ${meta.cls}`}>{meta.label}</span>
 }
 
-/** 近期走势串(W/D/L) → 彩色圆点 */
+/** 近期走势串(W/D/L) → 方点(与全站方角语言一致) */
 function FormDots({ form }: { form?: string | null }) {
   if (!form) return <span className="text-2xs text-ink-400">—</span>
   const colorMap: Record<string, string> = { W: 'bg-ok-500', D: 'bg-ink-300', L: 'bg-bad-500' }
   return (
     <span className="inline-flex gap-0.5">
       {form.slice(0, 5).split('').map((c, i) => (
-        <span key={i} className={`inline-block h-1.5 w-1.5 rounded-full ${colorMap[c] ?? 'bg-ink-200'}`} />
+        <span key={i} className={`inline-block h-1.5 w-1.5 ${colorMap[c] ?? 'bg-ink-200'}`} />
       ))}
     </span>
   )
@@ -99,33 +99,38 @@ export default function StandingsPage() {
 
   return (
     <div className="space-y-6">
-      {/* 联赛切换 */}
-      <div className="flex flex-wrap gap-2">
-        {leagues.map(l => {
-          // 标记该联赛是否有积分榜数据:有数据可正常切换,无数据也可选中但显示空态
-          const hasData = standings.some(s => s.league_code === l.code)
-          const isEmpty = activeLeague === l.code && !hasData
-          return (
-            <button
-              key={l.code}
-              onClick={() => switchLeague(l.code)}
-              disabled={switching}
-              title={hasData ? undefined : '暂无积分榜数据'}
-              className={`rounded border px-3 py-1.5 text-xs transition-colors disabled:opacity-50 ${
-                activeLeague === l.code
-                  ? 'border-ink-900 bg-ink-900 text-paper-50'
-                  : 'border-ink-200 text-ink-500 hover:border-ink-300'
-              } ${!hasData ? 'border-dashed' : ''}`}
-            >
-              {l.name}
-            </button>
-          )
-        })}
-      </div>
+      {/* 联赛切换:与首页/后台共用 .tab 语言(方角、宋体、印报红下划线) */}
+      <Tabs
+        ariaLabel="联赛"
+        className="gap-6 border-b border-ink-900"
+        value={activeLeague}
+        onChange={switchLeague}
+        disabled={switching}
+        items={leagues.map(l => ({
+          value: l.code,
+          label: l.name,
+          // 无数据也可选中(会显示空态),仅做视觉弱化提示
+          empty: !standings.some(s => s.league_code === l.code),
+          title: standings.some(s => s.league_code === l.code) ? undefined : '暂无积分榜数据',
+        }))}
+      />
 
       {error && (
-        <div className="border border-bad-300 bg-bad-50 px-4 py-3 text-sm text-bad-700">
-          {error}
+        /* role=alert:错误是异步出现的,需立即被屏幕阅读器朗读 */
+        <div className="error-banner" role="alert">
+          <div>
+            <p className="error-banner-title">请求失败</p>
+            <p className="error-banner-detail">{error}</p>
+          </div>
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={() => setError(null)}
+            className="!border-transparent !px-1 text-lg leading-none"
+            aria-label="关闭错误提示"
+          >
+            ×
+          </Button>
         </div>
       )}