@

性能与用户体验全面优化

    前端性能:
    - 移除 Three.js 依赖（~600KB），天气粒子改为纯 CSS 动画 + Canvas 2D
    - Google Fonts 切换为 next/font 自托管，消除跨域字体请求
    - 合并 ScanTerminalLightTheme.module.css (37KB) 到主 CSS，亮/暗主题统一用 CSS 变量
    - 新增 /api/dashboard/init 聚合端点，首次加载 4 次往返 → 1 次
    - 添加 Service Worker 静态资源缓存，修复 PWA manifest 配置

    用户体验:
    - 新增全局错误边界 error.tsx / global-error.tsx，崩溃不再白屏
    - 决策卡和城市详情的更新时间改为相对时间（"15秒前"），每秒自动刷新
    - 数据陈旧时状态标签从青色切换为琥珀色提示

    DEB 算法增强:
    - 市场扫描路径接入 Open-Meteo 多模型数据（ECMWF/GFS/ICON/JMA/HRDPS 等）
    - MAE 计算加入时间衰减（decay_factor=0.85），近期模型误差权重更高

    Scope-risk: MEDIUM — 全量 170 测试通过，前端 TypeScript/build 通过，ruff 零告警
    Tested: python -m pytest -q (170 passed), npx tsc --noEmit (0 errors), npm run build (success), ruff check .
@

frontend/components/dashboard/DetailPanel.tsx

@@ -12,6 +12,7 @@ import {
   useProAccess,
 } from "@/hooks/useDashboardStore";
 import { useI18n } from "@/hooks/useI18n";
+import { useRelativeTime } from "@/hooks/useRelativeTime";
 import { getOfficialSourceLinks } from "@/lib/dashboard-official-sources";
 import { trackAppEvent } from "@/lib/app-analytics";
 import { getTodayPolymarketUrl } from "@/lib/polymarket-market-links";
@@ -60,6 +61,19 @@ export function DetailPanel({
   const isPro = proAccess.subscriptionActive;
   const isAuthenticated = proAccess.authenticated;
   const panelRef = useRef<HTMLElement | null>(null);
+  const lastDetailFetchedAtRef = useRef<number>(0);
+
+  useEffect(() => {
+    if (detail?.name) {
+      lastDetailFetchedAtRef.current = Date.now();
+    }
+  }, [detail?.name]);
+
+  const detailAgeText = useRelativeTime(
+    lastDetailFetchedAtRef.current
+      ? new Date(lastDetailFetchedAtRef.current).toISOString()
+      : null,
+  );
   const [heavyContentReady, setHeavyContentReady] = useState(false);
   const isOverlayOpen =
     Boolean(modal.futureModalDate) || history.historyState.isOpen;
@@ -298,6 +312,19 @@ export function DetailPanel({
             <span className={clsx("risk-badge", panelRiskLevel)}>
               {getRiskBadgeLabel(panelRiskLevel, locale)}
             </span>
+            {detailAgeText ? (
+              <span
+                className="panel-meta-chip panel-meta-chip-muted"
+                title={
+                  locale === "en-US"
+                    ? "Time since last data refresh"
+                    : "上次数据更新时间"
+                }
+              >
+                {locale === "en-US" ? "Updated " : "更新于 "}
+                {detailAgeText}
+              </span>
+            ) : null}
             <span className="panel-meta-chip panel-meta-chip-strong">
               {heroSettlementLabel}
             </span>