feat: add new file

src/components/HeaderPanel.tsx

@@ -24,15 +24,34 @@ export function HeaderPanel() {
       second: '2-digit',
     })
 
+  const formatDataTime = (iso: string) => {
+    const d = new Date(iso)
+    return d.toLocaleString('zh-CN', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour12: false,
+      hour: '2-digit',
+      minute: '2-digit',
+    })
+  }
+
   return (
     <header className="flex shrink-0 flex-wrap items-center justify-between gap-3 overflow-x-auto border-b border-military-border bg-military-panel/95 px-4 py-3 font-orbitron lg:flex-nowrap lg:px-6">
       <div className="flex flex-wrap items-center gap-3 lg:gap-6">
         <h1 className="text-base font-bold uppercase tracking-widest text-military-accent lg:text-2xl">
           美伊军事态势显示
         </h1>
-        <div className="flex items-center gap-2 text-sm text-military-text-secondary">
-          <Clock className="h-4 w-4 shrink-0" />
-          <span className="min-w-[11rem] tabular-nums">{formatDateTime(now)}</span>
+        <div className="flex flex-col gap-0.5">
+          <div className="flex items-center gap-2 text-sm text-military-text-secondary">
+            <Clock className="h-4 w-4 shrink-0" />
+            <span className="min-w-[11rem] tabular-nums">{formatDateTime(now)}</span>
+          </div>
+          {isConnected && (
+            <span className="text-[10px] text-green-500/90">
+              {formatDataTime(situation.lastUpdated)} (实时更新)
+            </span>
+          )}
         </div>
       </div>
       <div className="flex shrink-0 items-center gap-2">