feat: 新增队列与外交通知组件及新手引导

引入队列通知(QueueNotifications)和外交通知(DiplomaticNotifications)组件，优化主界面队列与外交报告展示，支持一键查看与跳转。重构App.vue，移除原有队列展示，改为弹出式通知，支持功能解锁提示与新手引导(TutorialOverlay)。完善NPC外交事件处理，导弹攻击等行为影响好感度并生成报告。优化部分UI细节与多语言文本，提升交互体验。

src/utils/format.ts

@@ -1,4 +1,3 @@
-
 /**
  * 格式化数字为英文单位（K, M, B, T, Q）
  * @param num 数字
@@ -32,6 +31,30 @@ export const getResourceColor = (current: number, max: number): string => {
   if (ratio >= 0.7) return 'text-yellow-600 dark:text-yellow-400'
   return ''
 }
+/**
+ * 格式化相对时间（用于显示"多久之前"）
+ * @param seconds 秒数
+ * @param t 翻译函数
+ * @returns 格式化后的相对时间字符串
+ */
+export const formatRelativeTime = (seconds: number, t: (key: string) => string): string => {
+  const days = Math.floor(seconds / 86400)
+  const hours = Math.floor((seconds % 86400) / 3600)
+  const minutes = Math.floor((seconds % 3600) / 60)
+  const secs = Math.floor(seconds % 60)
+
+  if (days > 0) {
+    return `${days}${t('time.days')}${hours}${t('time.hours')}`
+  }
+  if (hours > 0) {
+    return `${hours}${t('time.hours')}${minutes}${t('time.minutes')}`
+  }
+  if (minutes > 0) {
+    return `${minutes}${t('time.minutes')}`
+  }
+  return `${secs}${t('time.seconds')}`
+}
+
 /**
  * 格式化时间（秒转为 年:天:时:分:秒）
  * @param seconds 秒数