feat: 新增多语言README并优化文档结构

新增德语、俄语、韩语、繁体中文多语言README，英文与简体中文README同步优化，统一下载链接与徽章样式，完善多语言入口。提升国际化支持与文档可读性。

src/views/GalaxyView.vue

@@ -86,7 +86,7 @@
                     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" />
+                      <Globe class="h-4 w-4 shrink-0 mt-0.5" />
                       <div class="flex-1 min-w-0">
                         <div class="flex items-center gap-1.5 mb-0.5">
                           <span class="truncate font-medium text-sm">{{ p.name }}</span>
@@ -134,7 +134,7 @@
                     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" />
+                      <Globe class="h-4 w-4 shrink-0 mt-0.5" />
                       <div class="flex-1 min-w-0">
                         <div class="truncate font-medium text-sm mb-0.5">{{ p.name }}</div>
                         <div class="text-[11px] text-muted-foreground">
@@ -197,7 +197,7 @@
               <!-- 第一行：位置编号 + 星球信息（名称、坐标、状态、残骸） -->
               <div class="flex items-start gap-2 w-full">
                 <!-- 位置编号 -->
-                <div class="w-8 text-center flex-shrink-0">
+                <div class="w-8 text-center shrink-0">
                   <Badge variant="outline" class="text-xs">{{ slot.position }}</Badge>
                 </div>
                 <!-- 星球信息 -->
@@ -208,15 +208,15 @@
                       <h3 class="font-semibold text-sm truncate">
                         {{ isMyPlanet(slot.planet) ? slot.planet.name : getNpcPlanetDisplayName(slot.planet) }}
                       </h3>
-                      <span class="text-xs text-muted-foreground whitespace-nowrap flex-shrink-0">
+                      <span class="text-xs text-muted-foreground whitespace-nowrap shrink-0">
                         [{{ slot.planet.position.galaxy }}:{{ slot.planet.position.system }}:{{ slot.planet.position.position }}]
                       </span>
-                      <Badge v-if="isMyPlanet(slot.planet)" variant="default" class="text-xs flex-shrink-0">
+                      <Badge v-if="isMyPlanet(slot.planet)" variant="default" class="text-xs shrink-0">
                         {{ t('galaxyView.mine') }}
                       </Badge>
                       <Popover v-else>
                         <PopoverTrigger as-child>
-                          <Badge :variant="getRelationBadgeVariant(slot.planet)" class="text-xs flex-shrink-0 cursor-pointer">
+                          <Badge :variant="getRelationBadgeVariant(slot.planet)" class="text-xs shrink-0 cursor-pointer">
                             {{ getRelationStatusText(slot.planet) }}
                           </Badge>
                         </PopoverTrigger>
@@ -233,7 +233,7 @@
                       <Badge
                         v-if="getNpcDifficultyLevel(slot.planet) !== null"
                         :variant="getDifficultyBadgeVariant(getNpcDifficultyLevel(slot.planet))"
-                        class="text-xs flex-shrink-0"
+                        class="text-xs shrink-0"
                         :class="getDifficultyLevelColor(getNpcDifficultyLevel(slot.planet))"
                       >
                         Lv.{{ getNpcDifficultyLevel(slot.planet) }}
@@ -269,6 +269,54 @@
                           </div>
                         </PopoverContent>
                       </Popover>
+                      <!-- 矿脉储量徽章 -->
+                      <Popover v-if="getOreDeposits(slot.planet)">
+                        <PopoverTrigger as-child>
+                          <Badge
+                            variant="outline"
+                            class="text-xs cursor-pointer hover:bg-emerald-50 dark:hover:bg-emerald-950/30 border-emerald-300 dark:border-emerald-700 text-emerald-700 dark:text-emerald-400 gap-1"
+                          >
+                            <Mountain class="h-3 w-3" />
+                          </Badge>
+                        </PopoverTrigger>
+                        <PopoverContent class="w-auto p-3" side="top" align="center">
+                          <div class="space-y-2">
+                            <p class="text-xs font-semibold text-emerald-700 dark:text-emerald-400">{{ t('galaxyView.oreDeposits') }}</p>
+                            <div class="space-y-1 text-xs">
+                              <div class="flex items-center gap-2">
+                                <ResourceIcon type="metal" size="sm" />
+                                <span class="text-muted-foreground">{{ t('resources.metal') }}:</span>
+                                <span
+                                  class="font-medium"
+                                  :class="getDepositStatus(getOreDeposits(slot.planet)!, 'metal') === 'depleted' ? 'text-destructive' : getDepositStatus(getOreDeposits(slot.planet)!, 'metal') === 'warning' ? 'text-yellow-600' : ''"
+                                >
+                                  {{ formatDepositShort(getOreDeposits(slot.planet)!.metal) }}
+                                </span>
+                              </div>
+                              <div class="flex items-center gap-2">
+                                <ResourceIcon type="crystal" size="sm" />
+                                <span class="text-muted-foreground">{{ t('resources.crystal') }}:</span>
+                                <span
+                                  class="font-medium"
+                                  :class="getDepositStatus(getOreDeposits(slot.planet)!, 'crystal') === 'depleted' ? 'text-destructive' : getDepositStatus(getOreDeposits(slot.planet)!, 'crystal') === 'warning' ? 'text-yellow-600' : ''"
+                                >
+                                  {{ formatDepositShort(getOreDeposits(slot.planet)!.crystal) }}
+                                </span>
+                              </div>
+                              <div class="flex items-center gap-2">
+                                <ResourceIcon type="deuterium" size="sm" />
+                                <span class="text-muted-foreground">{{ t('resources.deuterium') }}:</span>
+                                <span
+                                  class="font-medium"
+                                  :class="getDepositStatus(getOreDeposits(slot.planet)!, 'deuterium') === 'depleted' ? 'text-destructive' : getDepositStatus(getOreDeposits(slot.planet)!, 'deuterium') === 'warning' ? 'text-yellow-600' : ''"
+                                >
+                                  {{ formatDepositShort(getOreDeposits(slot.planet)!.deuterium) }}
+                                </span>
+                              </div>
+                            </div>
+                          </div>
+                        </PopoverContent>
+                      </Popover>
                       <!-- 月球徽章 -->
                       <Badge
                         v-if="slot.moon"
@@ -416,7 +464,7 @@
             <!-- PC端布局：位置编号 + 星球信息（水平） -->
             <div class="hidden sm:flex items-center gap-4 flex-1 min-w-0">
               <!-- 位置编号 -->
-              <div class="w-12 text-center flex-shrink-0">
+              <div class="w-12 text-center shrink-0">
                 <Badge variant="outline" class="text-sm">{{ slot.position }}</Badge>
               </div>
 
@@ -488,6 +536,55 @@
                         </div>
                       </PopoverContent>
                     </Popover>
+                    <!-- 矿脉储量徽章 -->
+                    <Popover v-if="getOreDeposits(slot.planet)">
+                      <PopoverTrigger as-child>
+                        <Badge
+                          variant="outline"
+                          class="text-xs cursor-pointer hover:bg-emerald-50 dark:hover:bg-emerald-950/30 border-emerald-300 dark:border-emerald-700 text-emerald-700 dark:text-emerald-400 gap-1"
+                        >
+                          <Mountain class="h-3 w-3" />
+                          <span>{{ t('galaxyView.deposits') }}</span>
+                        </Badge>
+                      </PopoverTrigger>
+                      <PopoverContent class="w-auto p-3" side="top" align="start">
+                        <div class="space-y-2">
+                          <p class="text-xs font-semibold text-emerald-700 dark:text-emerald-400">{{ t('galaxyView.oreDeposits') }}</p>
+                          <div class="space-y-1 text-xs">
+                            <div class="flex items-center gap-2">
+                              <ResourceIcon type="metal" size="sm" />
+                              <span class="text-muted-foreground">{{ t('resources.metal') }}:</span>
+                              <span
+                                class="font-medium"
+                                :class="getDepositStatus(getOreDeposits(slot.planet)!, 'metal') === 'depleted' ? 'text-destructive' : getDepositStatus(getOreDeposits(slot.planet)!, 'metal') === 'warning' ? 'text-yellow-600' : ''"
+                              >
+                                {{ formatDepositShort(getOreDeposits(slot.planet)!.metal) }}
+                              </span>
+                            </div>
+                            <div class="flex items-center gap-2">
+                              <ResourceIcon type="crystal" size="sm" />
+                              <span class="text-muted-foreground">{{ t('resources.crystal') }}:</span>
+                              <span
+                                class="font-medium"
+                                :class="getDepositStatus(getOreDeposits(slot.planet)!, 'crystal') === 'depleted' ? 'text-destructive' : getDepositStatus(getOreDeposits(slot.planet)!, 'crystal') === 'warning' ? 'text-yellow-600' : ''"
+                              >
+                                {{ formatDepositShort(getOreDeposits(slot.planet)!.crystal) }}
+                              </span>
+                            </div>
+                            <div class="flex items-center gap-2">
+                              <ResourceIcon type="deuterium" size="sm" />
+                              <span class="text-muted-foreground">{{ t('resources.deuterium') }}:</span>
+                              <span
+                                class="font-medium"
+                                :class="getDepositStatus(getOreDeposits(slot.planet)!, 'deuterium') === 'depleted' ? 'text-destructive' : getDepositStatus(getOreDeposits(slot.planet)!, 'deuterium') === 'warning' ? 'text-yellow-600' : ''"
+                              >
+                                {{ formatDepositShort(getOreDeposits(slot.planet)!.deuterium) }}
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </PopoverContent>
+                    </Popover>
                     <!-- 月球徽章 -->
                     <Badge
                       v-if="slot.moon"
@@ -545,7 +642,7 @@
             </div>
 
             <!-- 操作按钮 (PC端) -->
-            <div class="hidden sm:flex gap-1 sm:gap-2 flex-shrink-0">
+            <div class="hidden sm:flex gap-1 sm:gap-2 shrink-0">
               <TooltipProvider :delay-duration="300">
                 <Tooltip v-if="slot.planet && !isMyPlanet(slot.planet)">
                   <TooltipTrigger as-child>
@@ -829,14 +926,15 @@
     AlertDialogHeader,
     AlertDialogTitle
   } from '@/components/ui/alert-dialog'
-  import ResourceIcon from '@/components/ResourceIcon.vue'
-  import { Home, Eye, Sword, Rocket, Recycle, Gift, Globe, Bomb, Moon, Radar } from 'lucide-vue-next'
+  import ResourceIcon from '@/components/common/ResourceIcon.vue'
+  import { Home, Eye, Sword, Rocket, Recycle, Gift, Globe, Bomb, Moon, Radar, Mountain } from 'lucide-vue-next'
   import { useRouter, useRoute } from 'vue-router'
   import * as gameLogic from '@/logic/gameLogic'
   import * as moonLogic from '@/logic/moonLogic'
+  import * as oreDepositLogic from '@/logic/oreDepositLogic'
   import { formatNumber, formatTime } from '@/utils/format'
   import { BuildingType, MissionType } from '@/types/game'
-  import type { FleetMission } from '@/types/game'
+  import type { FleetMission, OreDeposits } from '@/types/game'
 
   const gameStore = useGameStore()
   const universeStore = useUniverseStore()
@@ -957,6 +1055,27 @@
     return universeStore.debrisFields[debrisId] || null
   }
 
+  // 获取星球的矿脉储量信息
+  const getOreDeposits = (planet: Planet | null): OreDeposits | null => {
+    if (!planet || planet.isMoon) return null
+    return planet.oreDeposits || null
+  }
+
+  // 格式化矿脉储量（短格式）
+  const formatDepositShort = (value: number): string => {
+    if (value >= 1_000_000_000) return `${(value / 1_000_000_000).toFixed(1)}B`
+    if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`
+    if (value >= 1_000) return `${(value / 1_000).toFixed(0)}K`
+    return String(Math.floor(value))
+  }
+
+  // 获取矿脉储量百分比对应的颜色状态
+  const getDepositStatus = (deposits: OreDeposits, resourceType: 'metal' | 'crystal' | 'deuterium'): 'normal' | 'warning' | 'depleted' => {
+    if (oreDepositLogic.isDepositDepleted(deposits, resourceType)) return 'depleted'
+    if (oreDepositLogic.isDepositWarning(deposits, resourceType)) return 'warning'
+    return 'normal'
+  }
+
   // 加载星系
   const loadSystem = () => {
     currentGalaxy.value = selectedGalaxy.value