feat: 初始化项目结构与核心功能

引入项目基础目录结构，包含多语言支持、主要页面与组件、核心游戏逻辑、UI 组件库、加密与本地持久化、自动化 Docker 构建流程、GitHub issue 模板（中英文）、README（中英文）、LICENSE 及开发配置文件。实现 OGame 单机版主要功能模块，为后续开发和扩展奠定基础。

src/components/CardUnlockOverlay.vue

@@ -0,0 +1,77 @@
+<template>
+  <div v-if="!isUnlocked" class="absolute inset-0 z-10 bg-background/70 backdrop-blur-[2px] rounded-lg flex items-center justify-center">
+    <div class="text-center p-4 space-y-2">
+      <div class="flex justify-center">
+        <div class="rounded-full bg-muted p-2">
+          <Lock :size="20" class="text-muted-foreground" />
+        </div>
+      </div>
+      <p class="text-xs font-medium text-muted-foreground">{{ t('common.locked') }}</p>
+      <Button variant="outline" size="sm" @click="showRequirements" class="text-xs">
+        {{ t('common.viewRequirements') }}
+      </Button>
+    </div>
+
+    <!-- 前置条件详情对话框 -->
+    <AlertDialog ref="requirementsDialog" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, ref } from 'vue'
+  import { useGameStore } from '@/stores/gameStore'
+  import { useI18n } from '@/composables/useI18n'
+  import { useGameConfig } from '@/composables/useGameConfig'
+  import { BuildingType, TechnologyType } from '@/types/game'
+  import { Lock } from 'lucide-vue-next'
+  import { Button } from '@/components/ui/button'
+  import AlertDialog from '@/components/AlertDialog.vue'
+  import * as publicLogic from '@/logic/publicLogic'
+
+  interface Props {
+    requirements?: Partial<Record<BuildingType | TechnologyType, number>>
+  }
+
+  const props = defineProps<Props>()
+  const gameStore = useGameStore()
+  const { t } = useI18n()
+  const { BUILDINGS, TECHNOLOGIES } = useGameConfig()
+  const requirementsDialog = ref<InstanceType<typeof AlertDialog> | null>(null)
+
+  const isUnlocked = computed(() => {
+    if (!props.requirements || !gameStore.currentPlanet) return true
+    return publicLogic.checkRequirements(gameStore.currentPlanet, gameStore.player.technologies, props.requirements)
+  })
+
+  const getRequirementsList = (): string => {
+    if (!props.requirements || !gameStore.currentPlanet) return ''
+
+    const lines: string[] = []
+    for (const [key, requiredLevel] of Object.entries(props.requirements)) {
+      // 检查是否为建筑类型
+      if (Object.values(BuildingType).includes(key as BuildingType)) {
+        const buildingType = key as BuildingType
+        const currentLevel = gameStore.currentPlanet.buildings[buildingType] || 0
+        const name = BUILDINGS.value[buildingType]?.name || buildingType
+        const status = currentLevel >= requiredLevel ? '✓' : '✗'
+        lines.push(`${status} ${name}: Lv ${requiredLevel} (${t('common.current')}: Lv ${currentLevel})`)
+      }
+      // 检查是否为科技类型
+      else if (Object.values(TechnologyType).includes(key as TechnologyType)) {
+        const techType = key as TechnologyType
+        const currentLevel = gameStore.player.technologies[techType] || 0
+        const name = TECHNOLOGIES.value[techType]?.name || techType
+        const status = currentLevel >= requiredLevel ? '✓' : '✗'
+        lines.push(`${status} ${name}: Lv ${requiredLevel} (${t('common.current')}: Lv ${currentLevel})`)
+      }
+    }
+    return lines.join('\n')
+  }
+
+  const showRequirements = () => {
+    requirementsDialog.value?.show({
+      title: t('common.requirementsNotMet'),
+      message: getRequirementsList()
+    })
+  }
+</script>