feat: 主题切换与底部导航支持多语言，优化首页任务中心布局

- 主题切换弹窗名称支持 i18n（中/英/越/印尼等）
- 底部导航"游戏"tab 支持多语言翻译
- 首页任务中心标题区域字体缩小，减少拥挤感

src/components/headerView/index.vue

@@ -42,7 +42,7 @@
                 @click.stop="onSelectTheme(item.key)"
               >
                 <div class="theme-dot" :class="'dot-' + item.key"></div>
-                <span>{{ item.label }}</span>
+                <span>{{ $t(item.labelKey) }}</span>
                 <span v-if="currentTheme === item.key" class="check-mark">&#10003;</span>
               </div>
             </div>

src/locales/en.json

@@ -340,5 +340,11 @@
     "socialMedia": "Social Media",
     "contactEmail": "Contact Email",
     "contactTelegram": "Contact Telegram"
+  },
+  "theme": {
+    "title": "Theme",
+    "dark": "Dark Mode",
+    "blue": "Classic Blue",
+    "light": "Light Mode"
   }
-}
+}

src/locales/id.json

@@ -23,7 +23,7 @@
   "tab": {
     "home": "Beranda",
     "hall": "Aula",
-    "gameShow": "Game",
+    "gameShow": "Permainan",
     "rank": "Peringkat",
     "mine": "Saya"
   },
@@ -314,5 +314,11 @@
     "socialMedia": "Media sosial",
     "contactEmail": "Email kontak",
     "contactTelegram": "Telegram kontak"
+  },
+  "theme": {
+    "title": "Tema",
+    "dark": "Mode Gelap",
+    "blue": "Biru Klasik",
+    "light": "Mode Terang"
   }
-}
+}

src/locales/vi.json

@@ -23,7 +23,7 @@
   "tab": {
     "home": "Trang chủ",
     "hall": "Đại sảnh",
-    "gameShow": "Game",
+    "gameShow": "Trò chơi",
     "rank": "Xếp hạng",
     "mine": "Tôi"
   },
@@ -317,5 +317,11 @@
     "socialMedia": "Mạng xã hội",
     "contactEmail": "Email liên hệ",
     "contactTelegram": "Telegram liên hệ"
+  },
+  "theme": {
+    "title": "Chủ đề",
+    "dark": "Chế độ tối",
+    "blue": "Xanh cổ điển",
+    "light": "Chế độ sáng"
   }
-}
+}

src/locales/zh.json

@@ -23,7 +23,7 @@
   "tab": {
     "home": "首页",
     "hall": "大厅",
-    "gameShow": "活动",
+    "gameShow": "游戏",
     "rank": "排行",
     "mine": "我的"
   },
@@ -84,7 +84,7 @@
     "heading": "通用条款及条件",
     "lastUpdated": "最后更新日期：2025年12月1日",
     "section1Title": "1. 接受条款",
-    "section1Content": "访问和使用 vitiens.com（\u201c本网站\u201d）即表示您同意受本条款及条件和我们的隐私政策的约束。如果您不同意，请立即停止使用本网站。",
+    "section1Content": "访问和使用 vitiens.com（“本网站”）即表示您同意受本条款及条件和我们的隐私政策的约束。如果您不同意，请立即停止使用本网站。",
     "section2Title": "2. 网站使用",
     "section2Intro": "禁止行为：用户同意不将本网站用于任何非法目的，包括但不限于：",
     "section2Item1": "传播病毒或恶意代码。",
@@ -98,7 +98,7 @@
     "section4Item2": "您须对您账户下发生的所有活动负责。",
     "section4Item3": "我们保留终止违反本条款的账户的权利。",
     "section5Title": "5. 责任限制",
-    "section5Content": "在法律允许的最大范围内，Vitiens Group 对您使用本网站而引起的任何间接、附带或后果性损害概不负责。本网站按\u201c现状\u201d和\u201c现有\u201d基础提供，不提供任何形式的保证。",
+    "section5Content": "在法律允许的最大范围内，Vitiens Group 对您使用本网站而引起的任何间接、附带或后果性损害概不负责。本网站按“现状”和“现有”基础提供，不提供任何形式的保证。",
     "section6Title": "6. 外部链接",
     "section6Content": "本网站可能包含指向第三方网站的链接。我们不认可或承担任何第三方网站的内容、隐私政策或做法的责任。",
     "section7Title": "7. 条款变更",
@@ -118,7 +118,7 @@
     "section3Title": "3. 我们会分享您的数据吗？",
     "section3Content": "不会，我们不会出售您的数据。我们仅与维持网站运行的工具（例如我们的电子邮件服务提供商或网站托管商）共享您的数据。他们也必须对您的信息保密。",
     "section4Title": "4. 您的选择",
-    "section4Item1": "电子邮件：您可以点击我们发送的任何电子邮件中的\u201c取消订阅\u201d链接来停止接收邮件。",
+    "section4Item1": "电子邮件：您可以点击我们发送的任何电子邮件中的“取消订阅”链接来停止接收邮件。",
     "section4Item2": "Cookie：您可以在浏览器设置中禁用 Cookie，但禁用后网站的某些功能可能无法正常使用。",
     "section4Item3": "删除：想要我们删除您的信息？只需发送电子邮件至 parker1{'@'}kbcsvn.com，我们将为您处理。",
     "section5Title": "5. 安全",
@@ -340,5 +340,11 @@
     "socialMedia": "社交媒体",
     "contactEmail": "联系邮箱",
     "contactTelegram": "联系Telegram"
+  },
+  "theme": {
+    "title": "主题",
+    "dark": "暗黑模式",
+    "blue": "蓝白经典",
+    "light": "浅色护眼"
   }
-}
+}

src/views/home/index.vue

@@ -268,23 +268,23 @@ onMounted(() => {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: min(3.2vw, 15.36px);
+    margin-bottom: min(2.667vw, 12px);
 
     .title {
-      font-size: min(4.267vw, 20.48px);
+      font-size: min(3.467vw, 15px);
       font-weight: 600;
       color: var(--text-primary, #fff);
     }
 
     .tabs {
       display: flex;
-      gap: min(3.2vw, 15.36px);
+      gap: min(2.667vw, 12px);
 
       .tab-item {
-        font-size: min(3.733vw, 17.92px);
+        font-size: min(3.2vw, 13px);
         color: var(--color-tab-inactive, rgba(255, 255, 255, 0.5));
         cursor: pointer;
-        padding-bottom: min(1.067vw, 5.12px);
+        padding-bottom: min(0.8vw, 3px);
 
         &.active {
           color: var(--color-tab-active, #ffc300);