feat: 重构战报弹窗与模拟器视图，优化UI与逻辑

重构BattleReportDialog和BattleSimulatorView相关静态资源，替换旧版JS/CSS文件，提升界面一致性和交互体验。新增和优化空状态、滚动区域等通用UI组件，移除部分冗余composable，完善多语言内容。引入导弹逻辑，补充版本检测工具，提升整体代码结构和可维护性。

src/App.vue

@@ -13,15 +13,67 @@
         <!-- 星球信息 -->
         <SidebarGroup v-if="planet" class="border-b group-data-[collapsible=icon]:hidden">
           <div class="px-4 py-3 space-y-2 text-sm">
-            <div>
-              <p class="font-semibold mb-1">
-                {{ planet.name }}
-                <Badge v-if="planet.isMoon" variant="secondary" class="ml-1 text-xs">{{ t('planet.moon') }}</Badge>
-              </p>
-              <p class="text-muted-foreground text-xs">
-                [{{ planet.position.galaxy }}:{{ planet.position.system }}:{{ planet.position.position }}]
-              </p>
-            </div>
+            <!-- 星球切换器 -->
+            <Popover>
+              <PopoverTrigger as-child>
+                <Button
+                  variant="outline"
+                  class="w-full justify-between h-auto px-3 py-2.5 border-2 hover:bg-accent hover:border-primary transition-colors"
+                >
+                  <div class="flex items-start gap-2.5 flex-1 min-w-0">
+                    <Globe class="h-5 w-5 flex-shrink-0 mt-0.5 text-primary" />
+                    <div class="flex-1 min-w-0 text-left">
+                      <div class="text-[10px] text-muted-foreground uppercase tracking-wider mb-0.5">
+                        {{ t('planet.currentPlanet') }}
+                      </div>
+                      <div class="flex items-center gap-1.5 mb-0.5">
+                        <span class="truncate font-semibold text-sm">{{ planet.name }}</span>
+                        <Badge v-if="planet.isMoon" variant="secondary" class="text-[10px] px-1 py-0 h-4">
+                          {{ t('planet.moon') }}
+                        </Badge>
+                      </div>
+                      <div class="text-[11px] text-muted-foreground">
+                        [{{ planet.position.galaxy }}:{{ planet.position.system }}:{{ planet.position.position }}]
+                      </div>
+                    </div>
+                  </div>
+                  <ChevronsUpDown class="h-4 w-4 flex-shrink-0 text-muted-foreground ml-2" />
+                </Button>
+              </PopoverTrigger>
+              <PopoverContent class="w-72 p-0" side="bottom" align="start">
+                <div class="p-2">
+                  <div class="px-2 py-1.5 mb-1 text-xs font-semibold text-muted-foreground">
+                    {{ t('planet.switchPlanet') }}
+                  </div>
+                  <div class="space-y-0.5 max-h-80 overflow-y-auto">
+                    <Button
+                      v-for="p in gameStore.player.planets"
+                      :key="p.id"
+                      @click="switchToPlanet(p.id)"
+                      :variant="p.id === planet.id ? 'secondary' : 'ghost'"
+                      class="w-full justify-start h-auto py-2 px-2"
+                      size="sm"
+                    >
+                      <div class="flex items-start gap-2 w-full min-w-0">
+                        <Globe class="h-4 w-4 flex-shrink-0 mt-0.5" :class="p.id === planet.id ? 'text-primary' : ''" />
+                        <div class="flex-1 min-w-0 text-left">
+                          <div class="flex items-center gap-1.5 mb-0.5">
+                            <span class="truncate font-medium text-sm">{{ p.name }}</span>
+                            <Badge v-if="p.isMoon" variant="outline" class="text-[10px] px-1 py-0 h-4">
+                              {{ t('planet.moon') }}
+                            </Badge>
+                          </div>
+                          <div class="text-[11px] text-muted-foreground">
+                            [{{ p.position.galaxy }}:{{ p.position.system }}:{{ p.position.position }}]
+                          </div>
+                        </div>
+                      </div>
+                    </Button>
+                  </div>
+                </div>
+              </PopoverContent>
+            </Popover>
+
             <!-- 玩家积分显示 -->
             <div class="bg-muted/50 rounded-lg p-2">
               <div class="flex items-center justify-between">
@@ -50,9 +102,19 @@
                   <component :is="item.icon" />
                   <span>{{ item.name.value }}</span>
                   <!-- 未读消息数量 -->
-                  <SidebarMenuBadge v-if="item.path === '/messages' && unreadMessagesCount > 0">
+                  <SidebarMenuBadge
+                    v-if="item.path === '/messages' && unreadMessagesCount > 0"
+                    class="bg-destructive text-destructive-foreground"
+                  >
                     {{ unreadMessagesCount }}
                   </SidebarMenuBadge>
+                  <!-- 正在执行的舰队任务数量 -->
+                  <SidebarMenuBadge
+                    v-if="item.path === '/fleet' && activeFleetMissionsCount > 0"
+                    class="bg-primary text-primary-foreground"
+                  >
+                    {{ activeFleetMissionsCount }}
+                  </SidebarMenuBadge>
                 </RouterLink>
               </SidebarMenuButton>
             </SidebarMenuItem>
@@ -72,7 +134,11 @@
                   <span>{{ localeNames[gameStore.locale] }}</span>
                 </SidebarMenuButton>
               </PopoverTrigger>
-              <PopoverContent class="w-48 p-2" side="right" align="end">
+              <PopoverContent
+                class="w-48 p-2"
+                :side="sidebarOpen || innerWidth < 768 ? 'top' : 'right'"
+                :align="sidebarOpen || innerWidth < 768 ? 'center' : 'end'"
+              >
                 <div class="space-y-1">
                   <Button
                     v-for="locale in locales"
@@ -111,49 +177,139 @@
 
     <!-- 主内容区 -->
     <SidebarInset>
-      <div class="flex flex-col h-full overflow-hidden">
-        <!-- 顶部资源栏 -->
-        <header v-if="planet" class="bg-card border-b px-4 sm:px-6 py-6.5 shadow-md">
-          <div class="flex items-center justify-between gap-3 sm:gap-6">
-            <!-- 汉堡菜单（移动端）- 左侧占位 -->
-            <div class="lg:flex-1">
-              <SidebarTrigger class="lg:hidden" />
-            </div>
+      <div class="flex flex-col h-full overflow-hidden pt-[60px]">
+        <!-- 顶部资源栏 - 固定定位 -->
+        <header
+          v-if="planet"
+          class="fixed top-0 right-0 left-0 z-40 bg-card border-b px-4 sm:px-6 py-3 shadow-md"
+          :class="sidebarOpen ? 'lg:left-[var(--sidebar-width)]' : 'lg:left-[var(--sidebar-width-icon)]'"
+        >
+          <div class="flex flex-col gap-3">
+            <!-- 第一行：菜单、资源预览、状态 -->
+            <div class="grid items-center gap-3 sm:gap-6" style="grid-template-columns: auto 1fr auto">
+              <!-- 左侧：汉堡菜单（移动端）/ 占位（PC端） -->
+              <div>
+                <SidebarTrigger class="lg:hidden" />
+              </div>
 
-            <!-- 资源显示 - PC端居中 -->
-            <div class="flex items-center gap-3 sm:gap-6 flex-1 lg:flex-none overflow-x-auto lg:justify-center">
-              <div v-for="resourceType in resourceTypes" :key="resourceType.key" class="flex items-center gap-1.5 sm:gap-2 flex-shrink-0">
-                <ResourceIcon :type="resourceType.key" size="md" />
-                <div class="min-w-0">
-                  <!-- 所有资源统一显示：当前值/容量 -->
-                  <p
-                    class="text-xs sm:text-sm font-medium truncate"
-                    :class="getResourceColor(planet.resources[resourceType.key], capacity?.[resourceType.key] || Infinity)"
-                  >
-                    {{ formatNumber(planet.resources[resourceType.key]) }} / {{ formatNumber(capacity?.[resourceType.key] || 0) }}
-                  </p>
-                  <p class="text-[10px] sm:text-xs text-muted-foreground truncate">
-                    +{{ formatNumber(Math.round((production?.[resourceType.key] || 0) / 60)) }}/{{ t('resources.perMinute') }}
-                  </p>
+              <!-- 资源显示 - PC端居中，移动端可折叠 -->
+              <div :class="['flex items-center gap-3 sm:gap-6 justify-center', resourceBarExpanded ? 'hidden' : 'overflow-x-auto']">
+                <div v-for="resourceType in resourceTypes" :key="resourceType.key" class="flex items-center gap-1.5 sm:gap-2 flex-shrink-0">
+                  <ResourceIcon :type="resourceType.key" size="md" />
+                  <div class="min-w-0">
+                    <!-- 电力显示净产量和效率 -->
+                    <template v-if="resourceType.key === 'energy'">
+                      <p
+                        class="text-xs sm:text-sm font-medium truncate"
+                        :class="netEnergy >= 0 ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'"
+                      >
+                        {{ netEnergy >= 0 ? '+' : '' }}{{ formatNumber(netEnergy) }}
+                      </p>
+                      <p class="text-[10px] sm:text-xs text-muted-foreground truncate">
+                        {{ formatNumber(production?.energy || 0) }} / {{ formatNumber(energyConsumption) }}
+                      </p>
+                    </template>
+                    <!-- 其他资源统一显示：当前值/容量 -->
+                    <template v-else>
+                      <p
+                        class="text-xs sm:text-sm font-medium truncate"
+                        :class="getResourceColor(planet.resources[resourceType.key], capacity?.[resourceType.key] || Infinity)"
+                      >
+                        {{ formatNumber(planet.resources[resourceType.key]) }} / {{ formatNumber(capacity?.[resourceType.key] || 0) }}
+                      </p>
+                      <p class="text-[10px] sm:text-xs text-muted-foreground truncate">
+                        +{{ formatNumber(Math.round((production?.[resourceType.key] || 0) / 60)) }}/{{ t('resources.perMinute') }}
+                      </p>
+                    </template>
+                  </div>
                 </div>
               </div>
-            </div>
 
-            <!-- 右侧状态 - 右侧占位 -->
-            <div class="flex items-center gap-2 sm:gap-4 flex-shrink-0 lg:flex-1 lg:justify-end">
-              <!-- 建造队列状态 -->
-              <div v-if="planet.buildQueue.length > 0" class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-sm">
-                <div class="h-2 w-2 rounded-full bg-green-500 animate-pulse" />
-                <span class="text-muted-foreground hidden sm:inline">{{ t('queue.building') }}</span>
-              </div>
-              <div v-if="gameStore.player.researchQueue.length > 0" class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-sm">
-                <div class="h-2 w-2 rounded-full bg-blue-500 animate-pulse" />
-                <span class="text-muted-foreground hidden sm:inline">{{ t('queue.researching') }}</span>
+              <!-- 右侧：展开按钮（仅移动端） + 状态 -->
+              <div class="flex items-center gap-2 sm:gap-3 flex-shrink-0 justify-end">
+                <!-- 移动端展开按钮 -->
+                <Button @click="resourceBarExpanded = !resourceBarExpanded" variant="ghost" size="sm" class="lg:hidden h-8 w-8 p-0">
+                  <ChevronDown v-if="!resourceBarExpanded" class="h-4 w-4" />
+                  <ChevronUp v-else class="h-4 w-4" />
+                </Button>
+
+                <!-- 建造队列状态 -->
+                <div v-if="planet.buildQueue.length > 0" class="flex items-center gap-1.5 text-xs sm:text-sm">
+                  <div class="h-2 w-2 rounded-full bg-green-500 animate-pulse" />
+                  <span class="text-muted-foreground hidden sm:inline">{{ t('queue.building') }}</span>
+                </div>
+                <div v-if="gameStore.player.researchQueue.length > 0" class="flex items-center gap-1.5 text-xs sm:text-sm">
+                  <div class="h-2 w-2 rounded-full bg-blue-500 animate-pulse" />
+                  <span class="text-muted-foreground hidden sm:inline">{{ t('queue.researching') }}</span>
+                </div>
               </div>
             </div>
           </div>
         </header>
 
+        <!-- 展开的资源详情（仅移动端且展开时显示） - absolute定位覆盖在内容上，带过渡动画 -->
+        <Transition
+          enter-active-class="transition-all duration-300 ease-out"
+          enter-from-class="opacity-0 -translate-y-2"
+          enter-to-class="opacity-100 translate-y-0"
+          leave-active-class="transition-all duration-200 ease-in"
+          leave-from-class="opacity-100 translate-y-0"
+          leave-to-class="opacity-0 -translate-y-2"
+        >
+          <div
+            v-if="planet && resourceBarExpanded"
+            class="fixed top-[60px] right-0 left-0 z-30 bg-card border-b px-4 py-3 shadow-md lg:hidden"
+            :class="sidebarOpen ? 'lg:left-[var(--sidebar-width)]' : 'lg:left-[var(--sidebar-width-icon)]'"
+          >
+            <div class="grid grid-cols-2 gap-3">
+              <div v-for="resourceType in resourceTypes" :key="resourceType.key" class="bg-muted/50 rounded-lg p-2.5">
+                <div class="flex items-center justify-center gap-2 mb-1.5">
+                  <ResourceIcon :type="resourceType.key" size="md" />
+                  <span class="text-xs font-medium text-muted-foreground">{{ t(`resources.${resourceType.key}`) }}</span>
+                </div>
+                <div class="space-y-0.5 text-center">
+                  <!-- 电力显示净产量和效率 -->
+                  <template v-if="resourceType.key === 'energy'">
+                    <p
+                      class="text-sm font-semibold"
+                      :class="netEnergy >= 0 ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'"
+                    >
+                      {{ netEnergy >= 0 ? '+' : '' }}{{ formatNumber(netEnergy) }}
+                    </p>
+                    <p class="text-[10px] text-muted-foreground">
+                      {{ t('resources.production') }}: {{ formatNumber(production?.energy || 0) }} / {{ formatNumber(energyConsumption) }}
+                    </p>
+                  </template>
+                  <!-- 其他资源统一显示：当前值/容量 -->
+                  <template v-else>
+                    <p
+                      class="text-sm font-semibold"
+                      :class="getResourceColor(planet.resources[resourceType.key], capacity?.[resourceType.key] || Infinity)"
+                    >
+                      {{ formatNumber(planet.resources[resourceType.key]) }}
+                    </p>
+                    <p class="text-[10px] text-muted-foreground">
+                      {{ t('resources.capacity') }}: {{ formatNumber(capacity?.[resourceType.key] || 0) }}
+                    </p>
+                    <p class="text-[10px] text-muted-foreground">
+                      {{ t('resources.production') }}: +{{ formatNumber(Math.round((production?.[resourceType.key] || 0) / 60)) }}/{{
+                        t('resources.perMinute')
+                      }}
+                    </p>
+                  </template>
+                </div>
+              </div>
+            </div>
+          </div>
+        </Transition>
+
+        <!-- 即将到来的敌对舰队警告 -->
+        <IncomingFleetAlerts
+          v-if="gameStore.player.incomingFleetAlerts && gameStore.player.incomingFleetAlerts.length > 0"
+          :alerts="gameStore.player.incomingFleetAlerts"
+          @mark-as-read="removeIncomingFleetAlert"
+        />
+
         <!-- 建造队列 -->
         <div
           v-if="planet && (planet.buildQueue.length > 0 || gameStore.player.researchQueue.length > 0)"
@@ -232,11 +388,13 @@
       <AlertDialogContent>
         <AlertDialogHeader>
           <AlertDialogTitle>{{ confirmDialogTitle }}</AlertDialogTitle>
-          <AlertDialogDescription>{{ confirmDialogMessage }}</AlertDialogDescription>
+          <AlertDialogDescription class="whitespace-pre-line">
+            {{ confirmDialogMessage }}
+          </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
           <AlertDialogCancel>{{ t('common.cancel') }}</AlertDialogCancel>
-          <AlertDialogAction @click="handleConfirmAction">{{ t('common.confirm') }}</AlertDialogAction>
+          <AlertDialogAction @click="handleConfirmDialogConfirm">{{ t('common.confirm') }}</AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>
@@ -244,15 +402,20 @@
     <!-- 详情弹窗 -->
     <DetailDialog />
 
+    <!-- 更新弹窗 -->
+    <UpdateDialog v-model:open="showUpdateDialog" :version-info="updateInfo" />
+
     <!-- Toast 通知 -->
     <Sonner position="top-center" />
   </SidebarProvider>
 </template>
 
 <script setup lang="ts">
-  import { onMounted, onUnmounted, computed, ref } from 'vue'
+  import { onMounted, onUnmounted, computed, ref, watch } from 'vue'
   import { RouterView, RouterLink } from 'vue-router'
   import { useGameStore } from '@/stores/gameStore'
+  import { useUniverseStore } from '@/stores/universeStore'
+  import { useNPCStore } from '@/stores/npcStore'
   import { useTheme } from '@/composables/useTheme'
   import { useI18n } from '@/composables/useI18n'
   import { localeNames, detectBrowserLocale, type Locale } from '@/locales'
@@ -260,6 +423,7 @@
   import { Badge } from '@/components/ui/badge'
   import { Progress } from '@/components/ui/progress'
   import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover'
+  import IncomingFleetAlerts from '@/components/IncomingFleetAlerts.vue'
   import {
     Sidebar,
     SidebarContent,
@@ -275,8 +439,6 @@
     SidebarTrigger
   } from '@/components/ui/sidebar'
   import ResourceIcon from '@/components/ResourceIcon.vue'
-  import DetailDialog from '@/components/DetailDialog.vue'
-  import Sonner from '@/components/ui/sonner/Sonner.vue'
   import {
     AlertDialog,
     AlertDialogAction,
@@ -287,6 +449,12 @@
     AlertDialogHeader,
     AlertDialogTitle
   } from '@/components/ui/alert-dialog'
+  import DetailDialog from '@/components/DetailDialog.vue'
+  import UpdateDialog from '@/components/UpdateDialog.vue'
+  import Sonner from '@/components/ui/sonner/Sonner.vue'
+  import { MissionType } from '@/types/game'
+  import type { BuildQueueItem, FleetMission, NPC, IncomingFleetAlert, MissileAttack } from '@/types/game'
+  import type { VersionInfo } from '@/utils/versionCheck'
   import { formatNumber, formatTime, getResourceColor } from '@/utils/format'
   import {
     Moon,
@@ -304,62 +472,737 @@
     Languages,
     Settings,
     Wrench,
-    ChevronsLeft
+    ChevronsLeft,
+    ChevronsUpDown,
+    ChevronDown,
+    ChevronUp,
+    Handshake
   } from 'lucide-vue-next'
+  import * as gameLogic from '@/logic/gameLogic'
+  import * as planetLogic from '@/logic/planetLogic'
   import * as officerLogic from '@/logic/officerLogic'
+  import * as buildingValidation from '@/logic/buildingValidation'
   import * as resourceLogic from '@/logic/resourceLogic'
-  import { useGameLifecycle } from '@/composables/useGameLifecycle'
-  import { useMissionHandler } from '@/composables/useMissionHandler'
-  import { useNPCHandler } from '@/composables/useNPCHandler'
-  import { useQueueHandler } from '@/composables/useQueueHandler'
-  import { useGameUpdate } from '@/composables/useGameUpdate'
-  import { migrateGameData } from '@/utils/migration'
+  import * as researchValidation from '@/logic/researchValidation'
+  import * as fleetLogic from '@/logic/fleetLogic'
+  import * as shipLogic from '@/logic/shipLogic'
+  import * as npcGrowthLogic from '@/logic/npcGrowthLogic'
+  import * as npcBehaviorLogic from '@/logic/npcBehaviorLogic'
+  import * as diplomaticLogic from '@/logic/diplomaticLogic'
   import pkg from '../package.json'
+  import { toast } from 'vue-sonner'
+  import { migrateGameData } from '@/utils/migration'
+  import { checkLatestVersion } from '@/utils/versionCheck'
+
+  // 执行数据迁移（在 store 初始化之前）
   migrateGameData()
+
   const gameStore = useGameStore()
+  const universeStore = useUniverseStore()
+  const npcStore = useNPCStore()
   const { isDark } = useTheme()
   const { t } = useI18n()
+
+  // ConfirmDialog 状态
   const confirmDialogOpen = ref(false)
   const confirmDialogTitle = ref('')
   const confirmDialogMessage = ref('')
+  const innerWidth = computed(() => window.innerWidth)
   const confirmDialogAction = ref<(() => void) | null>(null)
+
+  // 更新弹窗状态
+  const showUpdateDialog = ref(false)
+  const updateInfo = ref<VersionInfo | null>(null)
+
+  const handleConfirmDialogConfirm = () => {
+    if (confirmDialogAction.value) {
+      confirmDialogAction.value()
+    }
+    confirmDialogOpen.value = false
+  }
+
   // 所有可用的语言选项
   const locales: Locale[] = ['zh-CN', 'zh-TW', 'en', 'de', 'ru', 'ko', 'ja']
 
   // 侧边栏状态（不持久化，根据屏幕尺寸初始化）
+  // PC端（≥1024px）默认打开，移动端默认关闭
   const sidebarOpen = ref(window.innerWidth >= 1024)
 
-  // 初始化 composables
-  const { initGame } = useGameLifecycle()
+  // 移动端资源栏展开状态
+  const resourceBarExpanded = ref(false)
 
-  const { processMissionArrival, processMissionReturn } = useMissionHandler(t)
+  const initGame = async () => {
+    const shouldInit = gameLogic.shouldInitializeGame(gameStore.player.planets)
+    if (!shouldInit) {
+      const now = Date.now()
 
-  const { processNPCMissionArrival, processNPCMissionReturn, updateNPCGrowth, updateNPCBehavior } = useNPCHandler()
+      // 计算离线收益（直接同步计算）
+      const bonuses = officerLogic.calculateActiveBonuses(gameStore.player.officers, now)
+      gameStore.player.planets.forEach(planet => {
+        resourceLogic.updatePlanetResources(planet, now, bonuses)
+      })
 
-  const { handleCancelBuild, handleCancelResearch, getItemName, getRemainingTime, getQueueProgress } = useQueueHandler(
-    t,
-    confirmDialogOpen,
-    confirmDialogTitle,
-    confirmDialogMessage,
-    confirmDialogAction
-  )
+      // 只在没有NPC星球时才生成（首次加载已有玩家数据时）
+      if (Object.keys(universeStore.planets).length === 0) {
+        generateNPCPlanets()
+      }
+      return
+    }
+    gameStore.player = gameLogic.initializePlayer(gameStore.player.id, t('common.playerName'))
+    const initialPlanet = planetLogic.createInitialPlanet(gameStore.player.id, t('planet.homePlanet'))
+    gameStore.player.planets = [initialPlanet]
+    gameStore.currentPlanetId = initialPlanet.id
+    // 新玩家初始化时生成NPC星球
+    generateNPCPlanets()
+  }
 
-  const { updateGame } = useGameUpdate(
-    processMissionArrival,
-    processMissionReturn,
-    processNPCMissionArrival,
-    processNPCMissionReturn,
-    updateNPCGrowth,
-    updateNPCBehavior
-  )
+  const generateNPCPlanets = () => {
+    const npcCount = 200
+    for (let i = 0; i < npcCount; i++) {
+      const position = gameLogic.generateRandomPosition()
+      const key = gameLogic.generatePositionKey(position.galaxy, position.system, position.position)
+      if (universeStore.planets[key]) continue
+      const npcPlanet = planetLogic.createNPCPlanet(i, position, t('planet.planetPrefix'))
+      universeStore.planets[key] = npcPlanet
+    }
+  }
+
+  const updateGame = async () => {
+    if (gameStore.isPaused) return
+    const now = Date.now()
+    gameStore.gameTime = now
+    // 检查军官过期
+    gameLogic.checkOfficersExpiration(gameStore.player.officers, now)
+    // 处理游戏更新（建造队列、研究队列等）
+    const result = gameLogic.processGameUpdate(gameStore.player, now)
+    gameStore.player.researchQueue = result.updatedResearchQueue
+    // 处理舰队任务
+    gameStore.player.fleetMissions.forEach(mission => {
+      if (mission.status === 'outbound' && now >= mission.arrivalTime) {
+        processMissionArrival(mission)
+      } else if (mission.status === 'returning' && mission.returnTime && now >= mission.returnTime) {
+        processMissionReturn(mission)
+      }
+    })
+
+    // 处理导弹攻击任务（使用反向循环以便安全删除）
+    for (let i = gameStore.player.missileAttacks.length - 1; i >= 0; i--) {
+      const missileAttack = gameStore.player.missileAttacks[i]
+      if (missileAttack && missileAttack.status === 'flying' && now >= missileAttack.arrivalTime) {
+        await processMissileAttackArrival(missileAttack)
+        // 导弹攻击是单程的，到达后直接从数组中移除
+        gameStore.player.missileAttacks.splice(i, 1)
+      }
+    }
+
+    // 处理NPC舰队任务
+    npcStore.npcs.forEach(npc => {
+      if (npc.fleetMissions) {
+        npc.fleetMissions.forEach(mission => {
+          if (mission.status === 'outbound' && now >= mission.arrivalTime) {
+            processNPCMissionArrival(npc, mission)
+          } else if (mission.status === 'returning' && mission.returnTime && now >= mission.returnTime) {
+            processNPCMissionReturn(npc, mission)
+          }
+        })
+      }
+    })
+
+    // NPC成长系统更新
+    updateNPCGrowth(1)
+
+    // NPC行为系统更新（侦查和攻击决策）
+    updateNPCBehavior(1)
+  }
+
+  const processMissionArrival = async (mission: FleetMission) => {
+    // 从宇宙星球地图中查找目标星球
+    const targetKey = gameLogic.generatePositionKey(
+      mission.targetPosition.galaxy,
+      mission.targetPosition.system,
+      mission.targetPosition.position
+    )
+    // 先从玩家星球中查找，再从宇宙地图中查找
+    const targetPlanet =
+      gameStore.player.planets.find(
+        p =>
+          p.position.galaxy === mission.targetPosition.galaxy &&
+          p.position.system === mission.targetPosition.system &&
+          p.position.position === mission.targetPosition.position
+      ) || universeStore.planets[targetKey]
+
+    // 获取起始星球名称（用于报告）
+    const originPlanet = gameStore.player.planets.find(p => p.id === mission.originPlanetId)
+    const originPlanetName = originPlanet?.name || t('fleetView.unknownPlanet')
+
+    if (mission.missionType === MissionType.Transport) {
+      const result = fleetLogic.processTransportArrival(mission, targetPlanet, gameStore.player, npcStore.npcs)
+      // 生成运输任务报告
+      if (!gameStore.player.missionReports) {
+        gameStore.player.missionReports = []
+      }
+      gameStore.player.missionReports.push({
+        id: `mission-report-${mission.id}`,
+        timestamp: Date.now(),
+        missionType: MissionType.Transport,
+        originPlanetId: mission.originPlanetId,
+        originPlanetName,
+        targetPosition: mission.targetPosition,
+        targetPlanetId: targetPlanet?.id,
+        targetPlanetName:
+          targetPlanet?.name || `[${mission.targetPosition.galaxy}:${mission.targetPosition.system}:${mission.targetPosition.position}]`,
+        success: result.success,
+        message: result.success ? t('missionReports.transportSuccess') : t('missionReports.transportFailed'),
+        details: {
+          transportedResources: mission.cargo
+        },
+        read: false
+      })
+    } else if (mission.missionType === MissionType.Attack) {
+      const attackResult = await fleetLogic.processAttackArrival(mission, targetPlanet, gameStore.player, null, gameStore.player.planets)
+      if (attackResult) {
+        gameStore.player.battleReports.push(attackResult.battleResult)
+
+        // 检查是否攻击了NPC星球，更新外交关系
+        if (targetPlanet) {
+          const targetNpc = npcStore.npcs.find(npc => npc.planets.some(p => p.id === targetPlanet.id))
+          if (targetNpc) {
+            diplomaticLogic.handleAttackReputation(gameStore.player, targetNpc, attackResult.battleResult, npcStore.npcs, gameStore.locale)
+          }
+        }
+
+        if (attackResult.moon) {
+          gameStore.player.planets.push(attackResult.moon)
+        }
+        if (attackResult.debrisField) {
+          // 将残骸场添加到游戏状态
+          universeStore.debrisFields[attackResult.debrisField.id] = attackResult.debrisField
+        }
+      }
+    } else if (mission.missionType === MissionType.Colonize) {
+      const newPlanet = fleetLogic.processColonizeArrival(mission, targetPlanet, gameStore.player, t('planet.colonyPrefix'))
+      // 生成殖民任务报告
+      if (!gameStore.player.missionReports) {
+        gameStore.player.missionReports = []
+      }
+      gameStore.player.missionReports.push({
+        id: `mission-report-${mission.id}`,
+        timestamp: Date.now(),
+        missionType: MissionType.Colonize,
+        originPlanetId: mission.originPlanetId,
+        originPlanetName,
+        targetPosition: mission.targetPosition,
+        targetPlanetId: newPlanet?.id,
+        targetPlanetName: newPlanet?.name,
+        success: !!newPlanet,
+        message: newPlanet ? t('missionReports.colonizeSuccess') : t('missionReports.colonizeFailed'),
+        details: newPlanet
+          ? {
+              newPlanetId: newPlanet.id,
+              newPlanetName: newPlanet.name
+            }
+          : undefined,
+        read: false
+      })
+      if (newPlanet) {
+        gameStore.player.planets.push(newPlanet)
+      }
+    } else if (mission.missionType === MissionType.Spy) {
+      const spyReport = fleetLogic.processSpyArrival(mission, targetPlanet, gameStore.player, null, npcStore.npcs)
+      if (spyReport) gameStore.player.spyReports.push(spyReport)
+    } else if (mission.missionType === MissionType.Deploy) {
+      const deployed = fleetLogic.processDeployArrival(mission, targetPlanet, gameStore.player.id)
+      // 生成部署任务报告
+      if (!gameStore.player.missionReports) {
+        gameStore.player.missionReports = []
+      }
+      gameStore.player.missionReports.push({
+        id: `mission-report-${mission.id}`,
+        timestamp: Date.now(),
+        missionType: MissionType.Deploy,
+        originPlanetId: mission.originPlanetId,
+        originPlanetName,
+        targetPosition: mission.targetPosition,
+        targetPlanetId: targetPlanet?.id,
+        targetPlanetName:
+          targetPlanet?.name || `[${mission.targetPosition.galaxy}:${mission.targetPosition.system}:${mission.targetPosition.position}]`,
+        success: deployed,
+        message: deployed ? t('missionReports.deploySuccess') : t('missionReports.deployFailed'),
+        details: {
+          deployedFleet: mission.fleet
+        },
+        read: false
+      })
+      if (deployed) {
+        const missionIndex = gameStore.player.fleetMissions.indexOf(mission)
+        if (missionIndex > -1) gameStore.player.fleetMissions.splice(missionIndex, 1)
+        return
+      }
+    } else if (mission.missionType === MissionType.Recycle) {
+      // 处理回收任务
+      const debrisId = `debris_${mission.targetPosition.galaxy}_${mission.targetPosition.system}_${mission.targetPosition.position}`
+      const debrisField = universeStore.debrisFields[debrisId]
+      const recycleResult = fleetLogic.processRecycleArrival(mission, debrisField)
+
+      // 生成回收任务报告
+      if (!gameStore.player.missionReports) {
+        gameStore.player.missionReports = []
+      }
+      gameStore.player.missionReports.push({
+        id: `mission-report-${mission.id}`,
+        timestamp: Date.now(),
+        missionType: MissionType.Recycle,
+        originPlanetId: mission.originPlanetId,
+        originPlanetName,
+        targetPosition: mission.targetPosition,
+        success: !!recycleResult,
+        message: recycleResult ? t('missionReports.recycleSuccess') : t('missionReports.recycleFailed'),
+        details: recycleResult
+          ? {
+              recycledResources: recycleResult.collectedResources,
+              remainingDebris: recycleResult.remainingDebris || undefined
+            }
+          : undefined,
+        read: false
+      })
+
+      if (recycleResult && debrisField) {
+        if (recycleResult.remainingDebris && (recycleResult.remainingDebris.metal > 0 || recycleResult.remainingDebris.crystal > 0)) {
+          // 更新残骸场
+          universeStore.debrisFields[debrisId] = {
+            id: debrisField.id,
+            position: debrisField.position,
+            resources: recycleResult.remainingDebris,
+            createdAt: debrisField.createdAt,
+            expiresAt: debrisField.expiresAt
+          }
+        } else {
+          // 残骸场已被完全收集，删除
+          delete universeStore.debrisFields[debrisId]
+        }
+      }
+    } else if (mission.missionType === MissionType.Destroy) {
+      // 处理行星毁灭任务
+      const destroyResult = fleetLogic.processDestroyArrival(mission, targetPlanet, gameStore.player)
+
+      // 生成毁灭任务报告
+      if (!gameStore.player.missionReports) {
+        gameStore.player.missionReports = []
+      }
+      gameStore.player.missionReports.push({
+        id: `mission-report-${mission.id}`,
+        timestamp: Date.now(),
+        missionType: MissionType.Destroy,
+        originPlanetId: mission.originPlanetId,
+        originPlanetName,
+        targetPosition: mission.targetPosition,
+        targetPlanetId: targetPlanet?.id,
+        targetPlanetName: targetPlanet?.name,
+        success: destroyResult?.success || false,
+        message: destroyResult?.success ? t('missionReports.destroySuccess') : t('missionReports.destroyFailed'),
+        details: destroyResult?.success
+          ? {
+              destroyedPlanetName:
+                targetPlanet?.name ||
+                `[${mission.targetPosition.galaxy}:${mission.targetPosition.system}:${mission.targetPosition.position}]`
+            }
+          : undefined,
+        read: false
+      })
+
+      if (destroyResult && destroyResult.success && destroyResult.planetId) {
+        // 星球被摧毁
+        // 从玩家星球列表中移除（如果是玩家的星球）
+        const planetIndex = gameStore.player.planets.findIndex(p => p.id === destroyResult.planetId)
+        if (planetIndex > -1) {
+          gameStore.player.planets.splice(planetIndex, 1)
+        } else {
+          // 不是玩家星球，从宇宙地图中移除
+          delete universeStore.planets[targetKey]
+        }
+      }
+    }
+  }
+
+  const processMissionReturn = (mission: FleetMission) => {
+    const originPlanet = gameStore.player.planets.find(p => p.id === mission.originPlanetId)
+    if (!originPlanet) return
+    shipLogic.addFleet(originPlanet.fleet, mission.fleet)
+    resourceLogic.addResources(originPlanet.resources, mission.cargo)
+    const missionIndex = gameStore.player.fleetMissions.indexOf(mission)
+    if (missionIndex > -1) gameStore.player.fleetMissions.splice(missionIndex, 1)
+  }
+
+  // NPC任务处理
+  const processNPCMissionArrival = (npc: NPC, mission: FleetMission) => {
+    if (mission.missionType === MissionType.Recycle) {
+      // NPC回收任务到达
+      const debrisId = mission.debrisFieldId
+      if (!debrisId) {
+        console.warn('[NPC Mission] Recycle mission missing debrisFieldId')
+        mission.status = 'returning'
+        mission.returnTime = Date.now() + (mission.arrivalTime - mission.departureTime)
+        return
+      }
+
+      const debrisField = universeStore.debrisFields[debrisId]
+      const recycleResult = fleetLogic.processRecycleArrival(mission, debrisField)
+
+      if (recycleResult && debrisField) {
+        if (recycleResult.remainingDebris && (recycleResult.remainingDebris.metal > 0 || recycleResult.remainingDebris.crystal > 0)) {
+          // 更新残骸场
+          universeStore.debrisFields[debrisId] = {
+            id: debrisField.id,
+            position: debrisField.position,
+            resources: recycleResult.remainingDebris,
+            createdAt: debrisField.createdAt
+          }
+        } else {
+          // 残骸已被完全回收，从宇宙中删除
+          delete universeStore.debrisFields[debrisId]
+        }
+      }
+
+      // 移除即将到来的警告（回收任务已到达）
+      removeIncomingFleetAlertById(mission.id)
+
+      // 设置返回时间
+      mission.returnTime = Date.now() + (mission.arrivalTime - mission.departureTime)
+      return
+    }
+
+    // 找到目标星球
+    const targetKey = gameLogic.generatePositionKey(
+      mission.targetPosition.galaxy,
+      mission.targetPosition.system,
+      mission.targetPosition.position
+    )
+    const targetPlanet =
+      gameStore.player.planets.find(
+        p =>
+          p.position.galaxy === mission.targetPosition.galaxy &&
+          p.position.system === mission.targetPosition.system &&
+          p.position.position === mission.targetPosition.position
+      ) || universeStore.planets[targetKey]
+
+    if (!targetPlanet) {
+      console.warn('[NPC Mission] Target planet not found')
+      return
+    }
+
+    if (mission.missionType === MissionType.Spy) {
+      // NPC侦查到达
+      const { spiedNotification, spyReport } = npcBehaviorLogic.processNPCSpyArrival(npc, mission, targetPlanet, gameStore.player)
+
+      // 保存侦查报告到NPC（用于后续攻击决策）
+      if (!npc.playerSpyReports) {
+        npc.playerSpyReports = {}
+      }
+      npc.playerSpyReports[targetPlanet.id] = spyReport
+
+      // 添加被侦查通知给玩家
+      if (!gameStore.player.spiedNotifications) {
+        gameStore.player.spiedNotifications = []
+      }
+      gameStore.player.spiedNotifications.push(spiedNotification)
+
+      // 移除即将到来的警告（侦查已到达）
+      removeIncomingFleetAlertById(mission.id)
+    } else if (mission.missionType === MissionType.Attack) {
+      // NPC攻击到达 - 使用专门的NPC攻击处理逻辑
+      fleetLogic.processNPCAttackArrival(npc, mission, targetPlanet, gameStore.player, gameStore.player.planets).then(attackResult => {
+        if (attackResult) {
+          // 添加战斗报告给玩家
+          gameStore.player.battleReports.push(attackResult.battleResult)
+
+          // 如果生成月球，添加到玩家星球列表
+          if (attackResult.moon) {
+            gameStore.player.planets.push(attackResult.moon)
+          }
+
+          // 如果生成残骸场，添加到宇宙残骸场列表
+          if (attackResult.debrisField) {
+            universeStore.debrisFields[attackResult.debrisField.id] = attackResult.debrisField
+          }
+        }
+
+        // 移除即将到来的警告（攻击已到达）
+        removeIncomingFleetAlertById(mission.id)
+      })
+    }
+  }
+
+  const processNPCMissionReturn = (npc: NPC, mission: FleetMission) => {
+    // 找到NPC的起始星球
+    const originPlanet = npc.planets.find(p => p.id === mission.originPlanetId)
+    if (!originPlanet) return
+
+    // 返还舰队
+    shipLogic.addFleet(originPlanet.fleet, mission.fleet)
+
+    // 如果携带掠夺资源，给NPC添加资源
+    if (mission.cargo) {
+      originPlanet.resources.metal += mission.cargo.metal
+      originPlanet.resources.crystal += mission.cargo.crystal
+      originPlanet.resources.deuterium += mission.cargo.deuterium
+    }
+
+    // 从NPC任务列表中移除
+    if (npc.fleetMissions) {
+      const missionIndex = npc.fleetMissions.indexOf(mission)
+      if (missionIndex > -1) {
+        npc.fleetMissions.splice(missionIndex, 1)
+      }
+    }
+  }
+
+  // 处理导弹攻击到达
+  const processMissileAttackArrival = async (missileAttack: MissileAttack) => {
+    // 动态导入导弹逻辑
+    const missileLogic = await import('@/logic/missileLogic')
+
+    // 找到目标星球
+    const targetKey = gameLogic.generatePositionKey(
+      missileAttack.targetPosition.galaxy,
+      missileAttack.targetPosition.system,
+      missileAttack.targetPosition.position
+    )
+    const targetPlanet =
+      gameStore.player.planets.find(
+        p =>
+          p.position.galaxy === missileAttack.targetPosition.galaxy &&
+          p.position.system === missileAttack.targetPosition.system &&
+          p.position.position === missileAttack.targetPosition.position
+      ) || universeStore.planets[targetKey]
+
+    // 如果目标星球不存在，导弹失败
+    if (!targetPlanet) {
+      missileAttack.status = 'arrived'
+      // 生成失败报告
+      if (!gameStore.player.missionReports) {
+        gameStore.player.missionReports = []
+      }
+      gameStore.player.missionReports.push({
+        id: `missile-report-${missileAttack.id}`,
+        timestamp: Date.now(),
+        missionType: MissionType.MissileAttack,
+        originPlanetId: missileAttack.originPlanetId,
+        originPlanetName: gameStore.player.planets.find(p => p.id === missileAttack.originPlanetId)?.name || t('fleetView.unknownPlanet'),
+        targetPosition: missileAttack.targetPosition,
+        targetPlanetId: undefined,
+        targetPlanetName: `[${missileAttack.targetPosition.galaxy}:${missileAttack.targetPosition.system}:${missileAttack.targetPosition.position}]`,
+        success: false,
+        message: t('missionReports.missileAttackFailed'),
+        details: {
+          missileCount: missileAttack.missileCount,
+          missileHits: 0,
+          missileIntercepted: 0,
+          defenseLosses: {}
+        },
+        read: false
+      })
+      return
+    }
+
+    // 计算导弹攻击结果
+    const impactResult = missileLogic.calculateMissileImpact(missileAttack.missileCount, targetPlanet)
+
+    // 应用损失到目标星球
+    missileLogic.applyMissileAttackResult(targetPlanet, impactResult.defenseLosses)
+
+    // 标记导弹攻击为已到达
+    missileAttack.status = 'arrived'
+
+    // 生成导弹攻击报告
+    if (!gameStore.player.missionReports) {
+      gameStore.player.missionReports = []
+    }
+    const reportMessage =
+      impactResult.missileHits > 0
+        ? `${t('missionReports.missileAttackSuccess')}: ${impactResult.missileHits} ${t('missionReports.hits')}`
+        : t('missionReports.missileAttackIntercepted')
+
+    gameStore.player.missionReports.push({
+      id: `missile-report-${missileAttack.id}`,
+      timestamp: Date.now(),
+      missionType: MissionType.MissileAttack,
+      originPlanetId: missileAttack.originPlanetId,
+      originPlanetName: gameStore.player.planets.find(p => p.id === missileAttack.originPlanetId)?.name || t('fleetView.unknownPlanet'),
+      targetPosition: missileAttack.targetPosition,
+      targetPlanetId: targetPlanet.id,
+      targetPlanetName: targetPlanet.name,
+      success: true,
+      message: reportMessage,
+      details: {
+        missileCount: missileAttack.missileCount,
+        missileHits: impactResult.missileHits,
+        missileIntercepted: impactResult.missileIntercepted,
+        defenseLosses: impactResult.defenseLosses
+      },
+      read: false
+    })
+  }
+
+  // 移除即将到来的舰队警告
+  const removeIncomingFleetAlert = (alert: IncomingFleetAlert) => {
+    if (!gameStore.player.incomingFleetAlerts) return
+    const index = gameStore.player.incomingFleetAlerts.indexOf(alert)
+    if (index > -1) {
+      gameStore.player.incomingFleetAlerts.splice(index, 1)
+    }
+  }
+
+  const removeIncomingFleetAlertById = (missionId: string) => {
+    if (!gameStore.player.incomingFleetAlerts) return
+    const index = gameStore.player.incomingFleetAlerts.findIndex(a => a.id === missionId)
+    if (index > -1) {
+      gameStore.player.incomingFleetAlerts.splice(index, 1)
+    }
+  }
+
+  // NPC成长系统更新函数
+  let npcUpdateCounter = 0 // 累计秒数
+  const NPC_UPDATE_INTERVAL = 10 // 每10秒更新一次NPC，减少性能开销
+
+  const updateNPCGrowth = (deltaSeconds: number) => {
+    // 累积时间
+    npcUpdateCounter += deltaSeconds
+
+    // 只在达到更新间隔时才执行
+    if (npcUpdateCounter < NPC_UPDATE_INTERVAL) {
+      return
+    }
+
+    // 获取所有星球
+    const allPlanets = Object.values(universeStore.planets)
+
+    // 如果NPC store为空，从星球数据中初始化NPC
+    if (npcStore.npcs.length === 0) {
+      const npcMap = new Map<string, any>()
+
+      allPlanets.forEach(planet => {
+        // 跳过玩家的星球
+        if (planet.ownerId === gameStore.player.id || !planet.ownerId) return
+
+        // 这是NPC的星球
+        if (!npcMap.has(planet.ownerId)) {
+          npcMap.set(planet.ownerId, {
+            id: planet.ownerId,
+            name: `NPC-${planet.ownerId.substring(0, 8)}`,
+            planets: [],
+            technologies: {}, // 初始化空科技树
+            difficulty: 'medium' as const, // 默认中等难度
+            relations: {}, // 外交关系
+            allies: [], // 盟友列表
+            enemies: [] // 敌人列表
+          })
+        }
+
+        npcMap.get(planet.ownerId)!.planets.push(planet)
+      })
+
+      // 保存到store
+      npcStore.npcs = Array.from(npcMap.values())
+
+      // 如果有NPC，基于玩家实力初始化NPC
+      if (npcStore.npcs.length > 0) {
+        const gameState: npcGrowthLogic.NPCGrowthGameState = {
+          planets: allPlanets,
+          player: gameStore.player,
+          npcs: npcStore.npcs
+        }
+
+        const playerPower = npcGrowthLogic.calculatePlayerAveragePower(gameState)
+
+        npcStore.npcs.forEach(npc => {
+          npcGrowthLogic.initializeNPCStartingPower(npc, playerPower)
+        })
+
+        // 初始化NPC之间的外交关系（盟友/敌人）
+        npcGrowthLogic.initializeNPCDiplomacy(npcStore.npcs)
+      }
+    }
+
+    // 如果没有NPC，直接返回
+    if (npcStore.npcs.length === 0) {
+      npcUpdateCounter = 0
+      return
+    }
+
+    // 构建游戏状态
+    const gameState: npcGrowthLogic.NPCGrowthGameState = {
+      planets: allPlanets,
+      player: gameStore.player,
+      npcs: npcStore.npcs
+    }
+
+    // 使用累积的时间更新每个NPC
+    npcStore.npcs.forEach(npc => {
+      npcGrowthLogic.updateNPCGrowth(npc, gameState, npcUpdateCounter)
+    })
+
+    // 重置计数器
+    npcUpdateCounter = 0
+  }
+
+  // NPC行为系统更新函数（侦查和攻击决策）
+  let npcBehaviorCounter = 0
+  const NPC_BEHAVIOR_INTERVAL = 5 // 每5秒检查一次NPC行为
+
+  const updateNPCBehavior = (deltaSeconds: number) => {
+    // 累积时间
+    npcBehaviorCounter += deltaSeconds
+
+    // 只在达到更新间隔时才执行
+    if (npcBehaviorCounter < NPC_BEHAVIOR_INTERVAL) {
+      return
+    }
+
+    // 如果没有NPC，直接返回
+    if (npcStore.npcs.length === 0) {
+      npcBehaviorCounter = 0
+      return
+    }
+
+    const now = Date.now()
+    const allPlanets = Object.values(universeStore.planets)
+
+    // 更新每个NPC的行为
+    npcStore.npcs.forEach(npc => {
+      npcBehaviorLogic.updateNPCBehavior(npc, gameStore.player, allPlanets, universeStore.debrisFields, now)
+    })
+
+    npcBehaviorCounter = 0
+  }
 
   // 游戏循环定时器
   let gameLoop: ReturnType<typeof setInterval> | null = null
+  let konamiCleanup: (() => void) | null = null
+  let versionCheckInterval: ReturnType<typeof setInterval> | null = null
 
-  // 清理定时器
-  onUnmounted(() => {
-    if (gameLoop) clearInterval(gameLoop)
-  })
+  // 启动游戏循环
+  const startGameLoop = () => {
+    // 清理旧的定时器
+    if (gameLoop) {
+      clearInterval(gameLoop)
+    }
+    // 根据游戏速度计算间隔时间
+    const interval = 1000 / (gameStore.gameSpeed || 1)
+    // 启动新的游戏循环
+    gameLoop = setInterval(() => {
+      updateGame()
+    }, interval)
+  }
+
+  // 监听游戏速度变化，重新启动游戏循环
+  watch(
+    () => gameStore.gameSpeed,
+    () => {
+      if (gameLoop) {
+        startGameLoop()
+      }
+    }
+  )
 
   // 初始化游戏
   onMounted(async () => {
@@ -368,17 +1211,91 @@
     if (isFirstVisit) {
       gameStore.locale = detectBrowserLocale()
     }
-    await initGame(t('common.playerName'), t('planet.homePlanet'), t('planet.planetPrefix'))
+    await initGame()
     // 启动游戏循环
-    gameLoop = setInterval(() => {
-      updateGame()
-    }, 1000) // 每1秒更新一次
+    startGameLoop()
+    // 启动科乐美秘籍监听
+    konamiCleanup = setupKonamiCode()
+    // 首次检查版本（被动检测）
+    const versionInfo = await checkLatestVersion(gameStore.player.lastVersionCheckTime || 0, (time: number) => {
+      gameStore.player.lastVersionCheckTime = time
+    })
+    if (versionInfo) {
+      updateInfo.value = versionInfo
+      toast.info(t('settings.newVersionAvailable', { version: versionInfo.version }), {
+        duration: Infinity,
+        dismissible: true,
+        action: {
+          label: t('settings.viewUpdate'),
+          onClick: () => {
+            showUpdateDialog.value = true
+          }
+        }
+      })
+    }
+    // 启动版本检查定时器（每5分钟被动检查一次）
+    versionCheckInterval = setInterval(async () => {
+      const versionInfo = await checkLatestVersion(gameStore.player.lastVersionCheckTime || 0, (time: number) => {
+        gameStore.player.lastVersionCheckTime = time
+      })
+      if (versionInfo) {
+        updateInfo.value = versionInfo
+        toast.info(t('settings.newVersionAvailable', { version: versionInfo.version }), {
+          duration: Infinity,
+          dismissible: true,
+          action: {
+            label: t('settings.viewUpdate'),
+            onClick: () => {
+              showUpdateDialog.value = true
+            }
+          }
+        })
+      }
+    }, 5 * 60 * 1000)
   })
 
+  // 清理定时器
+  onUnmounted(() => {
+    if (gameLoop) clearInterval(gameLoop)
+    if (konamiCleanup) konamiCleanup()
+    if (versionCheckInterval) clearInterval(versionCheckInterval)
+  })
+
+  // 科乐美秘籍：上上下下左左右右BA
+  const setupKonamiCode = () => {
+    const konamiCode = ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowLeft', 'ArrowLeft', 'ArrowRight', 'ArrowRight', 'b', 'a']
+    let konamiIndex = 0
+    const handleKeyDown = (event: KeyboardEvent) => {
+      // 如果已经激活GM模式，直接返回
+      if (gameStore.player.isGMEnabled) return
+
+      const key = event.key.toLowerCase()
+      // 检查是否匹配当前秘籍序列
+      if (key === konamiCode[konamiIndex] || event.key === konamiCode[konamiIndex]) {
+        konamiIndex++
+        // 如果完成整个秘籍序列
+        if (konamiIndex === konamiCode.length) {
+          gameStore.player.isGMEnabled = true
+          // 显示成功消息
+          toast.success(t('common.gmModeActivated'))
+          konamiIndex = 0
+        }
+      } else {
+        // 如果按错了键，重置序列
+        konamiIndex = 0
+      }
+    }
+    window.addEventListener('keydown', handleKeyDown)
+    // 返回清理函数
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown)
+    }
+  }
+
   // 定义 planet computed（需要在 watch 之前定义）
   const planet = computed(() => gameStore.currentPlanet)
 
-  const navItems = [
+  const navItems = computed(() => [
     { name: computed(() => t('nav.overview')), path: '/', icon: Home },
     { name: computed(() => t('nav.buildings')), path: '/buildings', icon: Building2 },
     { name: computed(() => t('nav.research')), path: '/research', icon: FlaskConical },
@@ -388,11 +1305,12 @@
     { name: computed(() => t('nav.officers')), path: '/officers', icon: Users },
     { name: computed(() => t('nav.simulator')), path: '/battle-simulator', icon: Swords },
     { name: computed(() => t('nav.galaxy')), path: '/galaxy', icon: Globe },
+    { name: computed(() => t('nav.diplomacy')), path: '/diplomacy', icon: Handshake },
     { name: computed(() => t('nav.messages')), path: '/messages', icon: Mail },
     { name: computed(() => t('nav.settings')), path: '/settings', icon: Settings },
-    // GM菜单仅在开发模式下显示
-    ...(import.meta.env.DEV ? [{ name: computed(() => t('nav.gm')), path: '/gm', icon: Wrench }] : [])
-  ]
+    // GM菜单在启用GM模式时显示
+    ...(gameStore.player.isGMEnabled ? [{ name: computed(() => t('nav.gm')), path: '/gm', icon: Wrench }] : [])
+  ])
 
   // 使用直接计算，不再缓存
   const production = computed(() => {
@@ -413,11 +1331,35 @@
     return resourceLogic.calculateResourceCapacity(planet.value, bonuses.storageCapacityBonus)
   })
 
+  // 电力消耗
+  const energyConsumption = computed(() => {
+    if (!planet.value) return 0
+    return resourceLogic.calculateEnergyConsumption(planet.value)
+  })
+
+  // 净电力（产量 - 消耗）
+  const netEnergy = computed(() => {
+    if (!planet.value || !production.value) return 0
+    return production.value.energy - energyConsumption.value
+  })
+
   // 未读消息数量
   const unreadMessagesCount = computed(() => {
     const unreadBattles = gameStore.player.battleReports.filter(r => !r.read).length
     const unreadSpies = gameStore.player.spyReports.filter(r => !r.read).length
-    return unreadBattles + unreadSpies
+    const unreadSpied = gameStore.player.spiedNotifications?.filter(n => !n.read).length || 0
+    const unreadMissions = gameStore.player.missionReports?.filter(r => !r.read).length || 0
+    const unreadNPCActivity = gameStore.player.npcActivityNotifications?.filter(n => !n.read).length || 0
+    const unreadGifts = gameStore.player.giftNotifications?.filter(n => !n.read).length || 0
+    const unreadGiftRejected = gameStore.player.giftRejectedNotifications?.filter(n => !n.read).length || 0
+    return unreadBattles + unreadSpies + unreadSpied + unreadMissions + unreadNPCActivity + unreadGifts + unreadGiftRejected
+  })
+
+  // 正在执行的舰队任务数量（包括飞行中的导弹）
+  const activeFleetMissionsCount = computed(() => {
+    const fleetMissions = gameStore.player.fleetMissions.filter(m => m.status === 'outbound' || m.status === 'returning').length
+    const flyingMissiles = gameStore.player.missileAttacks?.filter(m => m.status === 'flying').length || 0
+    return fleetMissions + flyingMissiles
   })
 
   // 资源类型配置
@@ -450,17 +1392,79 @@
     }
   }
 
+  // 切换到指定星球
+  const switchToPlanet = (planetId: string) => {
+    gameStore.currentPlanetId = planetId
+  }
+
   // 切换侧边栏
   const toggleSidebar = () => {
     sidebarOpen.value = !sidebarOpen.value
   }
 
-  // 处理确认对话框的确认操作
-  const handleConfirmAction = () => {
-    if (confirmDialogAction.value) {
-      confirmDialogAction.value()
+  // 获取队列项的名称
+  const getItemName = (item: BuildQueueItem): string => {
+    if (item.type === 'building' || item.type === 'demolish') {
+      const buildingName = t(`buildings.${item.itemType}`)
+      return item.type === 'demolish' ? `${t('buildingsView.demolish')} - ${buildingName}` : buildingName
+    } else if (item.type === 'technology') {
+      return t(`technologies.${item.itemType}`)
+    } else if (item.type === 'ship') {
+      return t(`ships.${item.itemType}`)
+    } else if (item.type === 'defense') {
+      return t(`defenses.${item.itemType}`)
     }
-    confirmDialogOpen.value = false
+    return item.itemType
+  }
+
+  // 获取剩余时间
+  const getRemainingTime = (item: BuildQueueItem): number => {
+    const now = Date.now()
+    return Math.max(0, Math.floor((item.endTime - now) / 1000))
+  }
+
+  // 获取队列进度
+  const getQueueProgress = (item: BuildQueueItem): number => {
+    const now = Date.now()
+    const total = item.endTime - item.startTime
+    const elapsed = now - item.startTime
+    return Math.min(100, Math.max(0, (elapsed / total) * 100))
+  }
+
+  // 取消建造
+  const handleCancelBuild = (queueId: string) => {
+    confirmDialogTitle.value = t('queue.cancelBuild')
+    confirmDialogMessage.value = t('queue.confirmCancel')
+    confirmDialogAction.value = () => {
+      if (!gameStore.currentPlanet) return false
+      const { item, index } = buildingValidation.findQueueItem(gameStore.currentPlanet.buildQueue, queueId)
+      if (!item) return false
+      if (item.type === 'building') {
+        const refund = buildingValidation.cancelBuildingUpgrade(gameStore.currentPlanet, item)
+        resourceLogic.addResources(gameStore.currentPlanet.resources, refund)
+      }
+      gameStore.currentPlanet.buildQueue.splice(index, 1)
+      return true
+    }
+    confirmDialogOpen.value = true
+  }
+
+  // 取消研究
+  const handleCancelResearch = (queueId: string) => {
+    confirmDialogTitle.value = t('queue.cancelResearch')
+    confirmDialogMessage.value = t('queue.confirmCancel')
+    confirmDialogAction.value = () => {
+      if (!gameStore.currentPlanet) return false
+      const { item, index } = buildingValidation.findQueueItem(gameStore.player.researchQueue, queueId)
+      if (!item) return false
+      if (item.type === 'technology') {
+        const refund = researchValidation.cancelTechnologyResearch(item)
+        resourceLogic.addResources(gameStore.currentPlanet.resources, refund)
+      }
+      gameStore.player.researchQueue.splice(index, 1)
+      return true
+    }
+    confirmDialogOpen.value = true
   }
 </script>