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

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

src/components/ui/select/Select.vue

@@ -0,0 +1,15 @@
+<template>
+  <SelectRoot v-slot="slotProps" data-slot="select" v-bind="forwarded">
+    <slot v-bind="slotProps" />
+  </SelectRoot>
+</template>
+
+<script setup lang="ts">
+  import type { SelectRootEmits, SelectRootProps } from 'reka-ui'
+  import { SelectRoot, useForwardPropsEmits } from 'reka-ui'
+
+  const props = defineProps<SelectRootProps>()
+  const emits = defineEmits<SelectRootEmits>()
+
+  const forwarded = useForwardPropsEmits(props, emits)
+</script>

src/components/ui/select/SelectContent.vue

@@ -0,0 +1,51 @@
+<template>
+  <SelectPortal>
+    <SelectContent
+      data-slot="select-content"
+      v-bind="{ ...$attrs, ...forwarded }"
+      :class="
+        cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+          position === 'popper' &&
+            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+          props.class
+        )
+      "
+    >
+      <SelectScrollUpButton />
+      <SelectViewport
+        :class="
+          cn(
+            'p-1',
+            position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1'
+          )
+        "
+      >
+        <slot />
+      </SelectViewport>
+      <SelectScrollDownButton />
+    </SelectContent>
+  </SelectPortal>
+</template>
+
+<script setup lang="ts">
+  import type { SelectContentEmits, SelectContentProps } from 'reka-ui'
+  import type { HTMLAttributes } from 'vue'
+  import { reactiveOmit } from '@vueuse/core'
+  import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from 'reka-ui'
+  import { cn } from '@/lib/utils'
+  import { SelectScrollDownButton, SelectScrollUpButton } from '.'
+
+  defineOptions({
+    inheritAttrs: false
+  })
+
+  const props = withDefaults(defineProps<SelectContentProps & { class?: HTMLAttributes['class'] }>(), {
+    position: 'popper'
+  })
+  const emits = defineEmits<SelectContentEmits>()
+
+  const delegatedProps = reactiveOmit(props, 'class')
+
+  const forwarded = useForwardPropsEmits(delegatedProps, emits)
+</script>

src/components/ui/select/SelectGroup.vue

@@ -0,0 +1,12 @@
+<template>
+  <SelectGroup data-slot="select-group" v-bind="props">
+    <slot />
+  </SelectGroup>
+</template>
+
+<script setup lang="ts">
+  import type { SelectGroupProps } from 'reka-ui'
+  import { SelectGroup } from 'reka-ui'
+
+  const props = defineProps<SelectGroupProps>()
+</script>

src/components/ui/select/SelectItem.vue

@@ -0,0 +1,39 @@
+<template>
+  <SelectItem
+    data-slot="select-item"
+    v-bind="forwardedProps"
+    :class="
+      cn(
+        'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
+        props.class
+      )
+    "
+  >
+    <span class="absolute right-2 flex size-3.5 items-center justify-center">
+      <SelectItemIndicator>
+        <slot name="indicator-icon">
+          <Check class="size-4" />
+        </slot>
+      </SelectItemIndicator>
+    </span>
+
+    <SelectItemText>
+      <slot />
+    </SelectItemText>
+  </SelectItem>
+</template>
+
+<script setup lang="ts">
+  import type { SelectItemProps } from 'reka-ui'
+  import type { HTMLAttributes } from 'vue'
+  import { reactiveOmit } from '@vueuse/core'
+  import { Check } from 'lucide-vue-next'
+  import { SelectItem, SelectItemIndicator, SelectItemText, useForwardProps } from 'reka-ui'
+  import { cn } from '@/lib/utils'
+
+  const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
+
+  const delegatedProps = reactiveOmit(props, 'class')
+
+  const forwardedProps = useForwardProps(delegatedProps)
+</script>

src/components/ui/select/SelectItemText.vue

@@ -0,0 +1,12 @@
+<template>
+  <SelectItemText data-slot="select-item-text" v-bind="props">
+    <slot />
+  </SelectItemText>
+</template>
+
+<script setup lang="ts">
+  import type { SelectItemTextProps } from 'reka-ui'
+  import { SelectItemText } from 'reka-ui'
+
+  const props = defineProps<SelectItemTextProps>()
+</script>

src/components/ui/select/SelectLabel.vue

@@ -0,0 +1,14 @@
+<template>
+  <SelectLabel data-slot="select-label" :class="cn('text-muted-foreground px-2 py-1.5 text-xs', props.class)">
+    <slot />
+  </SelectLabel>
+</template>
+
+<script setup lang="ts">
+  import type { SelectLabelProps } from 'reka-ui'
+  import type { HTMLAttributes } from 'vue'
+  import { SelectLabel } from 'reka-ui'
+  import { cn } from '@/lib/utils'
+
+  const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
+</script>

src/components/ui/select/SelectScrollDownButton.vue

@@ -0,0 +1,26 @@
+<template>
+  <SelectScrollDownButton
+    data-slot="select-scroll-down-button"
+    v-bind="forwardedProps"
+    :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
+  >
+    <slot>
+      <ChevronDown class="size-4" />
+    </slot>
+  </SelectScrollDownButton>
+</template>
+
+<script setup lang="ts">
+  import type { SelectScrollDownButtonProps } from 'reka-ui'
+  import type { HTMLAttributes } from 'vue'
+  import { reactiveOmit } from '@vueuse/core'
+  import { ChevronDown } from 'lucide-vue-next'
+  import { SelectScrollDownButton, useForwardProps } from 'reka-ui'
+  import { cn } from '@/lib/utils'
+
+  const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
+
+  const delegatedProps = reactiveOmit(props, 'class')
+
+  const forwardedProps = useForwardProps(delegatedProps)
+</script>

src/components/ui/select/SelectScrollUpButton.vue

@@ -0,0 +1,26 @@
+<template>
+  <SelectScrollUpButton
+    data-slot="select-scroll-up-button"
+    v-bind="forwardedProps"
+    :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
+  >
+    <slot>
+      <ChevronUp class="size-4" />
+    </slot>
+  </SelectScrollUpButton>
+</template>
+
+<script setup lang="ts">
+  import type { SelectScrollUpButtonProps } from 'reka-ui'
+  import type { HTMLAttributes } from 'vue'
+  import { reactiveOmit } from '@vueuse/core'
+  import { ChevronUp } from 'lucide-vue-next'
+  import { SelectScrollUpButton, useForwardProps } from 'reka-ui'
+  import { cn } from '@/lib/utils'
+
+  const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()
+
+  const delegatedProps = reactiveOmit(props, 'class')
+
+  const forwardedProps = useForwardProps(delegatedProps)
+</script>

src/components/ui/select/SelectSeparator.vue

@@ -0,0 +1,19 @@
+<template>
+  <SelectSeparator
+    data-slot="select-separator"
+    v-bind="delegatedProps"
+    :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
+  />
+</template>
+
+<script setup lang="ts">
+  import type { SelectSeparatorProps } from 'reka-ui'
+  import type { HTMLAttributes } from 'vue'
+  import { reactiveOmit } from '@vueuse/core'
+  import { SelectSeparator } from 'reka-ui'
+  import { cn } from '@/lib/utils'
+
+  const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()
+
+  const delegatedProps = reactiveOmit(props, 'class')
+</script>

src/components/ui/select/SelectTrigger.vue

@@ -0,0 +1,34 @@
+<template>
+  <SelectTrigger
+    data-slot="select-trigger"
+    :data-size="size"
+    v-bind="forwardedProps"
+    :class="
+      cn(
+        'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+        props.class
+      )
+    "
+  >
+    <slot />
+    <SelectIcon as-child>
+      <ChevronDown class="size-4 opacity-50" />
+    </SelectIcon>
+  </SelectTrigger>
+</template>
+
+<script setup lang="ts">
+  import type { SelectTriggerProps } from 'reka-ui'
+  import type { HTMLAttributes } from 'vue'
+  import { reactiveOmit } from '@vueuse/core'
+  import { ChevronDown } from 'lucide-vue-next'
+  import { SelectIcon, SelectTrigger, useForwardProps } from 'reka-ui'
+  import { cn } from '@/lib/utils'
+
+  const props = withDefaults(defineProps<SelectTriggerProps & { class?: HTMLAttributes['class']; size?: 'sm' | 'default' }>(), {
+    size: 'default'
+  })
+
+  const delegatedProps = reactiveOmit(props, 'class', 'size')
+  const forwardedProps = useForwardProps(delegatedProps)
+</script>

src/components/ui/select/SelectValue.vue

@@ -0,0 +1,12 @@
+<template>
+  <SelectValue data-slot="select-value" v-bind="props">
+    <slot />
+  </SelectValue>
+</template>
+
+<script setup lang="ts">
+  import type { SelectValueProps } from 'reka-ui'
+  import { SelectValue } from 'reka-ui'
+
+  const props = defineProps<SelectValueProps>()
+</script>

src/components/ui/select/index.ts

@@ -0,0 +1,11 @@
+export { default as Select } from './Select.vue'
+export { default as SelectContent } from './SelectContent.vue'
+export { default as SelectGroup } from './SelectGroup.vue'
+export { default as SelectItem } from './SelectItem.vue'
+export { default as SelectItemText } from './SelectItemText.vue'
+export { default as SelectLabel } from './SelectLabel.vue'
+export { default as SelectScrollDownButton } from './SelectScrollDownButton.vue'
+export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue'
+export { default as SelectSeparator } from './SelectSeparator.vue'
+export { default as SelectTrigger } from './SelectTrigger.vue'
+export { default as SelectValue } from './SelectValue.vue'