From d86ad2c832de5a46752d0eb43ade2eb95a4a3a11 Mon Sep 17 00:00:00 2001
From: yuanshan <42023847+piercezzs@users.noreply.github.com>
Date: Wed, 15 Oct 2025 18:26:36 +0800
Subject: [PATCH] fix i18n

---
 .../customEcharts/size1920/index.vue          |  36 +-
 .../customHeader/size1440/index.vue           |   4 +-
 .../customHeader/size1920/index.vue           |   4 +-
 src/components/customHeader/size375/index.vue |   9 +-
 src/components/customHeader/size768/index.vue |   9 +-
 src/config/headerMenuConfig.js                |  21 +-
 src/i18n/index.js                             |  18 +-
 src/locales/de.js                             | 455 ------------------
 src/locales/enc.js                            | 138 ++++++
 src/locales/jac.js                            | 138 ++++++
 src/locales/zh-TWc.js                         | 138 ++++++
 src/locales/zhc.js                            | 138 ++++++
 src/utils/changeLanguage.js                   |   8 +-
 src/views/email-alerts/size1440/index.vue     |  25 +-
 src/views/email-alerts/size1920/index.vue     |  19 +-
 src/views/email-alerts/size375/index.vue      |  10 +-
 src/views/email-alerts/size768/index.vue      |  19 +-
 src/views/historic-stock/size1440/index.vue   |  81 ++--
 src/views/historic-stock/size1920/index.vue   |  81 ++--
 src/views/historic-stock/size375/index.vue    |  79 +--
 src/views/historic-stock/size768/index.vue    |  81 ++--
 21 files changed, 838 insertions(+), 673 deletions(-)
 delete mode 100644 src/locales/de.js
 create mode 100644 src/locales/enc.js
 create mode 100644 src/locales/jac.js
 create mode 100644 src/locales/zh-TWc.js
 create mode 100644 src/locales/zhc.js

diff --git a/src/components/customEcharts/size1920/index.vue b/src/components/customEcharts/size1920/index.vue
index d74ff44..602ba32 100644
--- a/src/components/customEcharts/size1920/index.vue
+++ b/src/components/customEcharts/size1920/index.vue
@@ -6,23 +6,23 @@
         <div class="title-section">
           <div class="title-decoration"></div>
           <div class="stock-title">
-            <span>FiEE, Inc. Stock Price History</span>
+            <span>{{ t("historic_stock.echarts.title") }}</span>
           </div>
         </div>
         <div class="echarts-search-area">
           <div class="echarts-search-byRange">
             <text style="font-size: 0.9rem; font-weight: 400; color: #666666">
-              Range
+              {{ t("historic_stock.echarts.range") }}
             </text>
             <div class="search-range-list">
               <div
                 class="search-range-list-each"
-                v-for="(item, index) in state.searchRange"
+                v-for="(item, index) in searchRangeOptions"
                 :key="index"
-                :class="{ activeRange: state.activeRange === item }"
-                @click="changeSearchRange(item)"
+                :class="{ activeRange: state.activeRange === item.key }"
+                @click="changeSearchRange(item.key)"
               >
-                <span>{{ item }}</span>
+                <span>{{ item.label }}</span>
               </div>
             </div>
           </div>
@@ -42,17 +42,29 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, reactive } from "vue";
+import { onMounted, watch, reactive, computed } from "vue";
 import * as echarts from "echarts";
 import { NDatePicker, NIcon } from "naive-ui";
 import { ArrowForwardOutline } from "@vicons/ionicons5";
 import axios from "axios";
+import { useI18n } from "vue-i18n";
+const { t, locale } = useI18n();
 const state = reactive({
   searchRange: ["1m", "3m", "YTD", "1Y", "5Y", "10Y", "Max"],
   dateRange: [new Date("2009-10-07").getTime(), new Date().getTime()],
   activeRange: "",
 });
 
+const searchRangeOptions = computed(() => [
+  { label: t("historic_stock.echarts.1m"), key: "1m" },
+  { label: t("historic_stock.echarts.3m"), key: "3m" },
+  { label: t("historic_stock.echarts.ytd_short"), key: "YTD" },
+  { label: t("historic_stock.echarts.1y"), key: "1Y" },
+  { label: t("historic_stock.echarts.5y"), key: "5Y" },
+  { label: t("historic_stock.echarts.10y"), key: "10Y" },
+  { label: t("historic_stock.echarts.max"), key: "Max" },
+]);
+
 let myCharts = null;
 let historicData = [];
 let xAxisData = [];
@@ -96,7 +108,11 @@ const initEcharts = (data) => {
       },
       formatter: function (params) {
         const p = params[0];
-        return `<span style="font-size: 1.1rem; font-weight: 600;">${p.axisValue}</span><br/><span style="font-size: 0.9rem; font-weight: 400;">Price: ${p.data}</span>`;
+        return `<span style="font-size: 1.1rem; font-weight: 600;">${
+          p.axisValue
+        }</span><br/><span style="font-size: 0.9rem; font-weight: 400;">${t(
+          "historic_stock.echarts.price"
+        )}: ${p.data}</span>`;
       },
       triggerOn: "mousemove",
       confine: true,
@@ -522,12 +538,12 @@ const isDateDisabled = (ts, type, range) => {
 // 切换搜索区间
 const handleDateRangeChange = (range) => {
   if (range && range[0] && range[1]) {
-    const startDate = new Date(range[0]).toLocaleDateString("en-US", {
+    const startDate = new Date(range[0]).toLocaleDateString(locale.value, {
       month: "short",
       day: "numeric",
       year: "numeric",
     });
-    const endDate = new Date(range[1]).toLocaleDateString("en-US", {
+    const endDate = new Date(range[1]).toLocaleDateString(locale.value, {
       month: "short",
       day: "numeric",
       year: "numeric",
diff --git a/src/components/customHeader/size1440/index.vue b/src/components/customHeader/size1440/index.vue
index 5e57152..a3e8af6 100644
--- a/src/components/customHeader/size1440/index.vue
+++ b/src/components/customHeader/size1440/index.vue
@@ -84,7 +84,7 @@ const { t, locale } = useI18n();
 const router = useRouter();
 
 // 使用统一的菜单配置
-const menuOptions = useHeaderMenuConfig();
+const { menuOptions } = useHeaderMenuConfig();
 const selectedKey = ref(null);
 
 const isScrolled = ref(false);
@@ -139,7 +139,7 @@ function findMenuOptionByKey(options, key) {
 
 // 菜单点击跳转
 const handleMenuSelect = (key) => {
-  const option = findMenuOptionByKey(menuOptions, key);
+  const option = findMenuOptionByKey(menuOptions.value, key);
   if (option && option.href) {
     router.push(option.href);
   }
diff --git a/src/components/customHeader/size1920/index.vue b/src/components/customHeader/size1920/index.vue
index b9e0608..8178d15 100644
--- a/src/components/customHeader/size1920/index.vue
+++ b/src/components/customHeader/size1920/index.vue
@@ -83,7 +83,7 @@ const { t, locale } = useI18n();
 const router = useRouter();
 
 // 使用统一的菜单配置
-const menuOptions = useHeaderMenuConfig();
+const { menuOptions } = useHeaderMenuConfig();
 const selectedKey = ref(null);
 
 const isScrolled = ref(false);
@@ -136,7 +136,7 @@ function findMenuOptionByKey(options, key) {
 
 // 菜单点击跳转
 const handleMenuSelect = (key) => {
-  const option = findMenuOptionByKey(menuOptions, key);
+  const option = findMenuOptionByKey(menuOptions.value, key);
   if (option && option.href) {
     router.push(option.href);
   }
diff --git a/src/components/customHeader/size375/index.vue b/src/components/customHeader/size375/index.vue
index c0c48cd..ba0248a 100644
--- a/src/components/customHeader/size375/index.vue
+++ b/src/components/customHeader/size375/index.vue
@@ -13,7 +13,7 @@
         />
       </div>
       <div class="header-right">
-        <div class="lang-switch" @click="openLanguagePicker">
+        <div v-show="!showMenu" class="lang-switch" @click="openLanguagePicker">
           <span class="lang-label">{{ currentLanguageLabel }}</span>
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -120,6 +120,9 @@ const currentLanguageLabel = computed(() => {
 });
 
 const openLanguagePicker = () => {
+  if (showMenu.value) {
+    return;
+  }
   showLanguagePicker.value = true;
   selectedLanguage.value = locale.value;
 };
@@ -151,7 +154,7 @@ function findMenuOptionByKey(options, key) {
 
 // 菜单点击跳转
 const handleMenuSelect = (key) => {
-  const option = findMenuOptionByKey(menuOptions, key);
+  const option = findMenuOptionByKey(menuOptions.value, key);
   if (option && option.href) {
     router.push(option.href);
     showMenu.value = false; // 跳转后收起菜单
@@ -159,7 +162,7 @@ const handleMenuSelect = (key) => {
 };
 
 // 使用统一的菜单配置
-const menuOptions = useHeaderMenuConfig();
+const { menuOptions } = useHeaderMenuConfig();
 
 // 监听滚动事件
 const handleScroll = () => {
diff --git a/src/components/customHeader/size768/index.vue b/src/components/customHeader/size768/index.vue
index 7950874..cb04242 100644
--- a/src/components/customHeader/size768/index.vue
+++ b/src/components/customHeader/size768/index.vue
@@ -9,7 +9,7 @@
         <NImage class="logo-image" :src="FiEELogo" preview-disabled />
       </div>
       <div class="header-right">
-        <div class="lang-switch" @click="openLanguagePicker">
+        <div v-show="!showMenu" class="lang-switch" @click="openLanguagePicker">
           <span class="lang-label">{{ currentLanguageLabel }}</span>
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -116,6 +116,9 @@ const currentLanguageLabel = computed(() => {
 });
 
 const openLanguagePicker = () => {
+  if (showMenu.value) {
+    return;
+  }
   showLanguagePicker.value = true;
   selectedLanguage.value = locale.value;
 };
@@ -147,7 +150,7 @@ function findMenuOptionByKey(options, key) {
 
 // 菜单点击跳转
 const handleMenuSelect = (key) => {
-  const option = findMenuOptionByKey(menuOptions, key);
+  const option = findMenuOptionByKey(menuOptions.value, key);
   if (option && option.href) {
     router.push(option.href);
     showMenu.value = false; // 跳转后收起菜单
@@ -155,7 +158,7 @@ const handleMenuSelect = (key) => {
 };
 
 // 使用统一的菜单配置
-const menuOptions = useHeaderMenuConfig();
+const { menuOptions } = useHeaderMenuConfig();
 
 // 监听滚动事件
 const handleScroll = () => {
diff --git a/src/config/headerMenuConfig.js b/src/config/headerMenuConfig.js
index ee208ba..6b4e9b9 100644
--- a/src/config/headerMenuConfig.js
+++ b/src/config/headerMenuConfig.js
@@ -1,9 +1,10 @@
+import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 
 export const useHeaderMenuConfig = () => {
   const { t } = useI18n();
 
-  return [
+  const menuOptions = computed(() => [
     {
       label: t("header_menu.corporate_information.title"),
       key: "corporate_information",
@@ -72,12 +73,12 @@ export const useHeaderMenuConfig = () => {
         {
           label: t("header_menu.stock_information.stock_quote"),
           key: "stock_quote",
-          href: '/stock-quote'
+          href: "/stock-quote",
         },
         {
           label: t("header_menu.stock_information.historic_stock_price"),
           key: "historic_stock_price",
-          href: '/historic-stock'
+          href: "/historic-stock",
         },
         // {
         //   label: t("header_menu.stock_information.investment_calculator"),
@@ -109,19 +110,23 @@ export const useHeaderMenuConfig = () => {
         {
           label: t("header_menu.investor_resources.ir_contacts"),
           key: "ir_contacts",
-          href: '/contacts'
+          href: "/contacts",
         },
         {
           label: t("header_menu.investor_resources.email_alerts"),
           key: "email_alerts",
-          href: '/email-alerts'
+          href: "/email-alerts",
         },
       ],
     },
     {
-      label: "Product Introduction",
+      label: t("header_menu.product_introduction"),
       key: "product-introduction",
-      href: '/product-introduction',
+      href: "/product-introduction",
     },
-  ];
+  ]);
+
+  return {
+    menuOptions,
+  };
 };
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 259feb3..75594f4 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -1,10 +1,12 @@
 import { createI18n } from 'vue-i18n'
-import en from '../locales/en'
-import zh from '../locales/zh'
-import ja from '../locales/ja'
-import zhTW from '../locales/zh-TW'
-import de from '../locales/de'
-
+// import en from '../locales/en'
+// import zh from '../locales/zh'
+// import ja from '../locales/ja'
+// import zhTW from '../locales/zh-TW'
+import en from '../locales/enc'
+import zh from '../locales/zhc'
+import ja from '../locales/jac'
+import zhTW from '../locales/zh-TWc'
 // 获取浏览器语言
 function getBrowserLanguage() {
   const language = navigator.language || navigator.userLanguage
@@ -20,9 +22,7 @@ function getBrowserLanguage() {
   if (lang.includes('ja')) {
     return 'ja'
   }
-  if (lang.includes('de')) {
-    return 'de'
-  }
+
   return 'en' // 默认英语
 }
 
diff --git a/src/locales/de.js b/src/locales/de.js
deleted file mode 100644
index a274028..0000000
--- a/src/locales/de.js
+++ /dev/null
@@ -1,455 +0,0 @@
-export default {
-  common: {
-    submit: 'Einreichen',
-    cancel: 'Abbrechen',
-    confirm: 'Bestätigen'
-  },
-  language: {
-    zh: 'Vereinfachtes Chinesisch',
-    zhTW: 'Traditionelles Chinesisch',
-    en: 'Englisch',
-    ja: 'Japanisch',
-    de: 'Deutsch'  // Hinzugefügt für die deutsche Version
-  },
-  home: {
-    nav: {
-      home: 'Startseite',
-      company: 'Unternehmensprofil',
-      businessintroduction: 'Geschäftsvorstellung',
-      please_select: 'Bitte auswählen',
-      confirm_select: 'Bestätigen Sie die Auswahl',
-      investor: 'Investor Guide'
-    },
-    scroll: {
-      tip: 'Nach unten scrollen'
-    },
-    section2: {
-      title1: 'FiEE Hand in Hand mit kreativen Künstlern',
-      title2: 'Start einer neuen Reise zu globalem Einfluss'
-    },
-    section3: {
-      label: 'Unternehmensprofil',
-      title: 'FiEE',
-      desc: 'Als innovativer Vorreiter, tief verwurzelt im Bereich modernster Technologien, erforscht FiEE kontinuierlich die Anwendung von KI und Big Data in der kreativen Kunst. Mit tiefem Verständnis künstlerischer Konzepte und fundierten Einblicken in kreative Praktiken erfassen wir präzise den Puls künstlerischer Entwicklungen. Mit großer Leidenschaft integrieren wir verschiedene Technologien und Ressourcen, um Künstlern eine umfassende Unterstützung von der Inspiration bis zur Werkpromotion zu bieten.',
-      features: {
-        data: {
-          title: 'Big Data für Kreation',
-          desc: 'Unsere Big-Data-Modelle analysieren den Kunstmarkt und bieten Künstlern klare Orientierung.'
-        },
-        ai: {
-          title: 'KI für grenzenlose Verbreitung',
-          desc: 'Mit KI-Algorithmen schaffen wir personalisierte Empfehlungen und erreichen präzise Zielgruppen.'
-        },
-        cloud: {
-          title: 'Cloud für künstlerischen Wert',
-          desc: 'Effiziente Datenverarbeitung durch Cloud-Computing unterstützt Künstler bei ihrer Entwicklung.'
-        },
-        cooperation: {
-          title: 'Professionelle Zusammenarbeit',
-          desc: 'Kooperationen mit Kunstinstitutionen helfen Künstlern, Anerkennung zu erlangen.'
-        },
-        promotion: {
-          title: 'Globale Markenbildung',
-          desc: 'Durch vielfältige Promotion unterstützen wir Künstler beim Aufbau internationaler Marken.'
-        }
-      }
-    },
-    section4: {
-      label: 'Geschäftsvorstellung',
-      title: 'Vielfältige Geschäfte im Zusammenspiel fördern den Aufstieg künstlerischen Einflusses',
-      title1: 'Vielfältige Geschäfte im Zusammenspiel',
-      title2: 'Fördern den Aufstieg künstlerischen Einflusses',
-      desc: 'FiEE konzentriert sich darauf, Künstlern globale Promotion und professionelle Betriebsdienste zu bieten. Durch präzise Positionierung und Multi-Plattform-Verknüpfung überwinden wir geografische Grenzen und bringen Werke auf die internationale Bühne. Mit einem starken Ressourcennetzwerk verbinden wir kommerzielle Möglichkeiten und nutzen KI und Big Data für präzises Marketing, um Zielgruppen effizient zu erreichen und Künstlern sowohl künstlerische als auch kommerzielle Durchbrüche zu ermöglichen.',
-      cards1: {
-        title: 'Globale Blumenindustrie, ideal für internationales Kunst-Austauschzentrum',
-        desc: 'FiEE verfolgt die Philosophie "Kunst ohne Grenzen" und nutzt Multi-Plattform-Verknüpfungen, um geografische Barrieren zu überwinden, Werke auf den Weltmarkt zu bringen, potenzielle Konsumenten anzuziehen und Künstler auf der internationalen Bühne erstrahlen zu lassen.'
-      },
-      cards2: {
-        title: 'Professionelles Betriebsteam, präzise Zielgruppenansprache',
-        desc: 'Das FiEE-Betriebsteam besteht aus erfahrenen Experten verschiedener Bereiche, die mit reicher Erfahrung und Marktverständnis durch Datenanalyse präzise Promotionsstrategien entwickeln, um Werke gezielt an die richtige Zielgruppe zu bringen und tiefe Resonanz zu erzeugen.'
-      },
-      cards3: {
-        title: 'Starkes Ressourcennetzwerk eröffnet unbegrenzte Geschäftsmöglichkeiten',
-        desc: 'FiEE hat tiefe Kooperationen mit weltweit bekannten Kunstinstitutionen und Mainstream-Medien aufgebaut, ein riesiges Ressourcennetzwerk geschaffen und hilft Künstlern, hochwertige Ressourcen zu nutzen und Geschäftsmöglichkeiten wie Werkautorisierung und Entwicklung von Derivaten zu erweitern.'
-      },
-      cards4: {
-        title: 'Technologiegetriebenes Marketing erreicht effizient Fan-Gruppen',
-        desc: 'FiEE nutzt KI-Algorithmen und Big-Data-Analysen, um Zielgruppen präzise darzustellen, personalisierte Promotionen zu realisieren, Fan-Gruppen schnell zu erreichen, loyale Fan-Communities aufzubauen und mit intelligenten Tools Promotionsstrategien zu optimieren, um die künstlerische Karriere zu fördern.'
-      }
-    }
-  },
-  companyprofil: {
-    slogan: {
-      title1: 'Führung durch den gesamten Kunstzyklus',
-      title2: 'Schaffung neuer Wertgipfel',
-      desc: 'FiEE strebt an, der Steuermann des gesamten Kunstschöpfungszyklus zu sein und tief in jeden kritischen Schritt involviert zu sein – von der ersten Inspiration über die Fertigstellung des Werks bis hin zur Marktpromotion und kulturellen Verbreitung.'
-    },
-    intro: {
-      label: 'Unternehmensvorstellung',
-      title1: 'Einzigartig',
-      title2: 'Führender Anbieter ganzheitlicher Wertschöpfung',
-      desc: 'FiEE durchbricht die Grenzen traditioneller Einzel-Dienstleister radikal und tritt als Branchenveränderer auf, indem es modernste Technologien mit vielfältigen Ressourcen tief integriert. Wir haben ein "ganzheitliches" Wertschöpfungssystem aufgebaut, das den gesamten Prozess der künstlerischen Schöpfung – von der ersten Idee bis zum strahlenden Erfolg – durchdringt. Egal ob Sie ein Neuling mit Träumen sind, der gerade den Kunstpalast betritt, oder ein erfahrener Künstler, der nach einem Durchbruch strebt und höhere künstlerische Gipfel erklimmen möchte – FiEE wird Ihr verlässlichster Partner sein, der Sie auf Ihrer künstlerischen Reise begleitet, vor Wind und Regen schützt und den Weg nach vorne weist.'
-    },
-    team: {
-      label: 'Teamvorstellung',
-      title1: 'Versammlung von Eliten',
-      title2: 'Antrieb für künstlerische Veränderung',
-      desc: 'Das FiEE-Team besteht aus Betriebsexperten, technischen Eliten und internationalen Beratern und bietet umfassende Unterstützung von der Inhaltsplanung bis zur globalen Promotion. Durch branchenübergreifende Zusammenarbeit und Ressourcenintegration durchbrechen wir traditionelle Grenzen und erkunden neue künstlerische Ausdrucksformen. Mit modernster Technologie und präzisem Marketing helfen wir Werken, sowohl kommerziellen Wert als auch gesellschaftlichen Einfluss zu steigern und der Kunstentwicklung nachhaltige Dynamik zu verleihen.',
-      features: {
-        global: {
-          title: 'Global vernetzt, vielfältig führend',
-          desc: 'Präzises Marketing im Ausland, Aufbau vielfältiger Kanäle, Schaffung internationaler Marken. Intelligentes Management multilingualer Plattformen und Bereitstellung lokalisierter Dienstleistungen.'
-        },
-        fans: {
-          title: 'Fans vertiefen, Ökosystem aufbauen',
-          desc: 'Fein abgestimmte Community-Betreuung, Bereitstellung vielfältiger Mehrwertdienste. Verbesserung von Community-Management-Tools, präzise Ansprache der Nutzer. Einführung innovativer Anreizmechanismen und Entwicklung charakteristischer Derivate.'
-        },
-        talent: {
-          title: 'Talente sammeln, Team verbessern',
-          desc: 'Rekrutierung von Technik- und Marketing-Eliten zur Förderung von Innovationskraft. Verstärkung interner Schulungen, Optimierung der Organisationsstruktur. Einführung fortschrittlicher Konzepte zur Steigerung von Management- und Serviceeffizienz.'
-        }
-      }
-    },
-    achievement: {
-      label: 'Herausragende Errungenschaften',
-      title: 'Mit Pioniergeist zum Gipfel der Kunst',
-      title1: 'Mit Pioniergeist',
-      title2: 'Zum Gipfel der Kunst',
-      desc: 'Durch langjährige Arbeit im Kunstbereich erweitert FiEE kontinuierlich sein Geschäftsfeld, sammelt umfangreiche Branchenressourcen und baut ein weitreichendes Kooperationsnetzwerk auf. Derzeit arbeiten wir tiefgehend mit mehreren weltweit beliebten Social-Media-Plattformen zusammen, um Künstlern aus verschiedenen Perspektiven zu helfen, auf der internationalen Bühne zu glänzen und ihre einzigartige künstlerische Strahlkraft zu entfalten.',
-      certification: {
-        title1: 'Offizielle Qualifikationszertifizierung',
-        title2: 'Solide Grundlage für künstlerische Karrieren',
-        desc: 'FiEE bietet professionelle und offizielle Zertifizierungsdienste, die Künstlern helfen, branchenweit anerkannte Qualifikationen zu erlangen. Dies steigert nicht nur den Wert ihrer Werke erheblich, sondern hebt sie auch im hart umkämpften Kunstmarkt hervor, stärkt ihre Markt wettbewerbsfähigkeit erheblich und legt ein stabiles Fundament für ihre Karriere.'
-      },
-      platform: {
-        title1: 'Globale Plattformmatrix',
-        title2: 'Erweiterung der Grenzen künstlerischer Verbreitung',
-        desc: 'Mit tiefen Branchenressourcen und einem breiten Kooperationsnetzwerk hat FiEE tiefe strategische Partnerschaften mit über 30 weltweit beliebten Social-Media-Plattformen aufgebaut. Von international bekannten sozialen Plattformen bis hin zu spezialisierten Medien im Kunstbereich erstellen wir maßgeschneiderte Konten für Künstler und nutzen fortschrittliche Optimierungsstrategien, um ihre Konten unter vielen Schaffenden hervorzuheben.'
-      }
-    },
-    news: {
-      label: 'Fokus auf aktuelle Entwicklungen bei FiEE',
-      title: 'Trends erkennen, Leuchtturm für die künstlerische Zukunft',
-      title1: 'Trends erkennen',
-      title2: 'Leuchtturm für die künstlerische Zukunft',
-      desc: 'FiEE ist fest im Kunstbereich verwurzelt und folgt stets den globalen Trends der Kunstwelt. Durch tiefgehende Fallanalysen und branchenübergreifende Seminare erforschen wir die tiefe Integration von Kunst mit Technologie und Wirtschaft und bieten vorausschauende Einblicke und Inspiration für die zukünftige Entwicklung der Kunst.',
-      carousel: {
-        item1: {
-          title: 'Technologischer Durchbruch erzielt, führend in der technischen Revolution der Kunstschöpfung',
-          desc: 'In einer Zeit, in der die digitale Welle den Kunstbereich mit noch nie dagewesener Kraft durchzieht, erlebt die künstlerische Schöpfung tiefgreifende Veränderungen. Mit unermüdlichem Einsatz und Innovationsgeist hat FiEE im Bereich der kreativen Technologien einen bahnbrechenden Meilenstein erreicht. Nach zahllosen Tagen und Nächten harter Arbeit wurde das selbstentwickelte, neue intelligente Schöpfungsassistenzsystem von FiEE offiziell eingeführt – ein strahlender neuer Stern, der neue Entwicklungspfade für die Kunst eröffnet und der gesamten Branche beispiellose Veränderungen und Chancen bringt.'
-        },
-        item2: {
-          title: 'Globale Strategie verbessert, FiEE erreicht strategische Zusammenarbeit mit über 30 internationalen Plattformen und schafft eine neue Matrix der künstlerischen Verbreitung',
-          desc: 'In einer Ära, in der globale kulturelle Verschmelzung mit noch nie dagewesener Geschwindigkeit voranschreitet, ist der Kunstbereich zur vordersten Front des kulturellen Austauschs und der Innovation geworden. Als führendes Unternehmen in der Kunstbranche stürzt sich FiEE mit scharfem strategischen Blick und entschlossener Tatkraft in diese Welle des globalen kulturellen Austauschs. Kürzlich gab FiEE mit Begeisterung bekannt, dass es eine tiefe strategische Zusammenarbeit mit TikTok, Instagram und über 30 weiteren führenden internationalen Social-Media-Plattformen erreicht hat und gleichzeitig das weitreichende "Kunst ohne Grenzen"-Programm startet, entschlossen, kulturelle Barrieren zwischen Regionen zu beseitigen.'
-        },
-        item3: {
-          title: 'Unterstützung für Künstler, FiEE veröffentlicht "KI × Kurzvideo"-Gesamtlösung',
-          desc: 'Für Künstler sind kreative Blockaden und geringe Effizienz zwei große Hindernisse auf ihrem Weg. Die Entwicklung eines ansprechenden Kurzvideo-Skripts erfordert oft enorme Zeit- und Energieaufwände; Künstler müssen nicht nur einzigartige Ideen ersinnen, sondern auch die Vorlieben des Publikums und Markttrends berücksichtigen. Die Verbreitung und Promotion eines fertigen Werks ist ebenfalls eine schwer zu überwindende Kluft.'
-        },
-        item4: {
-          title: 'FiEE startet 18-monatiges Kunst-KOL-Inkubationsprogramm, um zukünftige Stars im Kunstbereich zu fördern',
-          desc: 'In einer Zeit, in der die Kunstindustrie boomt, wird die Bedeutung hochwertiger Inhaltsschaffender immer deutlicher. Als Vorreiter in der Branche achtet FiEE stets auf die Talentförderung und Entwicklungen im Kunstbereich. Heute gab FiEE offiziell den Start eines sorgfältig geplanten 18-monatigen Kunst-KOL-Inkubationsprogramms bekannt, das darauf abzielt, eine Gruppe einflussreicher zukünftiger Stars im Kunstbereich zu fördern und die Innovationsentwicklung der gesamten Branche voranzutreiben.'
-        },
-        item5: {
-          title: 'Vielfältige Talente vereint, FiEE legt den Grundstein für die innovative Entwicklung der Kunst',
-          desc: 'Im goldenen Zeitalter des aktuellen Kunstbooms, in dem hundert Blumen blühen, ist Innovation zweifellos der Schlüssel, um die Branche kontinuierlich voranzutreiben und traditionelle Muster zu durchbrechen. Die Wurzeln liegen jedoch bei den Talenten, deren Bedeutung als Kernkraft der Innovation unbestreitbar ist. FiEE erkennt dies klar und sammelt mit offenem Geist und weitsichtiger Strategie Talente, indem es Betriebsexperten, technische Eliten und internationale Berater zusammenbringt.'
-        }
-      }
-    }
-  },
-  companyprofildetail: {
-    article1: {
-      title: 'Technologischer Durchbruch erzielt, führend in der technischen Revolution der Kunstschöpfung',
-      date: '7. Februar 2025, 12:00 Uhr',
-      content: [
-        'In einer Zeit, in der die digitale Welle den Kunstbereich mit noch nie dagewesener Kraft durchzieht, erlebt die künstlerische Schöpfung tiefgreifende Veränderungen. Mit unermüdlichem Einsatz und Innovationsgeist hat FiEE im Bereich der kreativen Technologien einen bahnbrechenden Meilenstein erreicht.',
-        'Nach zahllosen Tagen und Nächten harter Arbeit wurde das selbstentwickelte, neue intelligente Schöpfungsassistenzsystem von FiEE offiziell eingeführt – ein strahlender neuer Stern, der neue Entwicklungspfade für die Kunst eröffnet und der gesamten Branche beispiellose Veränderungen und Chancen bringt.',
-        'Während des Entwicklungsprozesses stand das technische Team vor zahlreichen schwierigen Herausforderungen. Beim Sammeln riesiger Mengen an Kunstwerksdaten mussten Daten aus verschiedenen Epochen, Stilen und Typen gesammelt werden, darunter literarische Meisterwerke, filmische Klassiker und musikalische Werke aus aller Welt – Quellen, die weit verstreut und in vielfältigen Formaten vorhanden waren, was die Sammlung äußerst schwierig machte. Bei der Organisation und Analyse war es entscheidend, die Genauigkeit und Vollständigkeit der Daten sicherzustellen und gleichzeitig verschiedene Datentypen zu kategorisieren und zu integrieren, um eine spätere tiefere Analyse zu ermöglichen.',
-        'Die Optimierung der künstlichen Intelligenz-Algorithmen war ebenfalls keine einfache Aufgabe; das Team musste die Algorithmusparameter kontinuierlich anpassen, um wertvolle Informationen präzise aus riesigen Datenmengen extrahieren zu können. Der Aufbau des Big-Data-Modells war komplex und musste Stabilität, Skalierbarkeit und Kompatibilität mit anderen Technologien berücksichtigen.',
-        'Die Teammitglieder durchforsteten umfangreiche nationale und internationale Materialien, von modernsten wissenschaftlichen Papieren bis hin zu Praxisbeispielen der Branche, und ließen keine mögliche Inspirationsquelle außer Acht. Sie führten unzählige Experimente und Simulationen durch; jedes Experiment konnte scheitern, doch sie gaben niemals auf und optimierten ihre Ansätze kontinuierlich.',
-        'Zum Beispiel wurde bei der Handhabung der Kompatibilität verschiedener Kunstwerksdaten ein innovativer multidimensionaler Datenklassifikationsalgorithmus eingesetzt. Dieser Algorithmus analysierte Daten aus mehreren Perspektiven – Zeitdimension, Stildimension, Themen dimension – und kategorisierte scheinbar chaotische Daten effektiv, um eine präzise Analyse und Nutzung sicherzustellen und eine solide Grundlage für die nachfolgende intelligente Schöpfungsunterstützung zu schaffen. Dieses intelligente Schöpfungsassistenzsystem integriert modernste Technologien wie künstliche Intelligenz und Big Data und bietet Künstlern umfassende, intelligente Unterstützung. Durch die tiefgehende Analyse riesiger Mengen an Kunstwerksdaten kann das System die aktuellen Trends und Hotspots der künstlerischen Schöpfung präzise erkennen.',
-        'In Bezug auf die Steigerung der Schöpfungseffizienz zeigt die künstliche Intelligenz des Systems beeindruckende Stärke. Während traditionelle Schöpfungsmethoden Monate für die Entwicklung eines Rahmens benötigen könnten, kann dieses System in nur wenigen Tagen einen vorläufigen Rahmen erstellen, den Künstler nur noch verfeinern müssen, was den Schöpfungszyklus erheblich verkürzt.',
-        'Der Leiter des technischen Entwicklungsteams konnte bei der Pressekonferenz seine Aufregung nicht verbergen: "Dieser technologische Durchbruch ist das Ergebnis der langjährigen harten Arbeit unseres Teams und ein kühner Versuch von FiEE, die Technologie der Kunstschöpfung zu revolutionieren. Wir wissen, dass in einer Zeit rapides technologischen Fortschritts nur kontinuierliche Innovation Künstlern mächtigere Werkzeuge bieten kann, um die Kunstschöpfung in Richtung hoher Qualität und Effizienz zu lenken."',
-        'Branchenexperten kommentierten: "Dieser technologische Durchbruch von FiEE bringt zweifellos neue Vitalität in den Bereich der Kunstschöpfung. Er steigert nicht nur die Schöpfungseffizienz, sondern eröffnet Künstlern auch völlig neue kreative Ansätze und bietet wertvolle Erfahrungen und Referenzen für die digitale Transformation der gesamten Branche."',
-        'Dieser technologische Durchbruch hat die Wettbewerbsfähigkeit von FiEE im Bereich der Kunsttechnologie erheblich gesteigert und das Unternehmen zu einem technischen Marktführer gemacht. In Zukunft wird FiEE weiterhin in die technologische Forschung investieren, Talente rekrutieren und Innovationen erforschen, um der digitalen Transformation der Kunstindustrie mehr und bessere technische Unterstützung zu bieten und die Kunstschöpfung zu neuen Höhen zu führen.'
-      ]
-    },
-    article2: {
-      title: 'Globale Strategie verbessert, FiEE erreicht strategische Zusammenarbeit mit über 30 internationalen Plattformen und schafft eine neue Matrix der künstlerischen Verbreitung',
-      date: '10. Februar 2025, 10:30 Uhr',
-      content: [
-        'In einer Ära, in der globale kulturelle Verschmelzung mit noch nie dagewesener Geschwindigkeit voranschreitet, ist der Kunstbereich zur vordersten Front des kulturellen Austauschs und der Innovation geworden. Als führendes Unternehmen in der Kunstbranche stürzt sich FiEE mit scharfem strategischen Blick und entschlossener Tatkraft in diese Welle des globalen kulturellen Austauschs.',
-        'Kürzlich gab FiEE mit Begeisterung bekannt, dass es eine tiefe strategische Zusammenarbeit mit TikTok, Instagram und über 30 weiteren führenden internationalen Social-Media-Plattformen erreicht hat und gleichzeitig das weitreichende "Kunst ohne Grenzen"-Programm startet, entschlossen, kulturelle Barrieren zwischen Regionen zu beseitigen und Künstlern nachhaltig zu helfen, die weite Weltbühne zu betreten. Diese tiefgehende Zusammenarbeit von FiEE mit über 30 weltweit führenden Plattformen ist ein umfassendes und tiefgreifendes Fest der Ressourcenintegration und kollaborativen Innovation.',
-        'Im Bereich der sozialen Medien ist die Zusammenarbeit mit TikTok ein großes Highlight. TikTok zieht mit seinem einzigartigen Kurzvideo-Ökosystem und seinem leistungsstarken Algorithmus-Empfehlungssystem weltweit Milliarden von Nutzern an. Über diese Plattform kann FiEE die beeindruckenden Werke von Künstlern in hoch ansteckenden Kurzvideoformaten schnell und präzise an kunstinteressierte Nutzer weltweit weiterleiten, geografische Grenzen mühelos durchbrechen und weltweite Interaktion und Aufmerksamkeit hervorrufen.',
-        'Instagram bietet mit seiner exquisiten visuellen Präsentation und lebendigen sozialen Atmosphäre ein perfektes Schaufenster für verschiedene Kunstwerke. Hier können die Werke der Künstler auf höchstem Niveau präsentiert werden, massenhaft Aufmerksamkeit und Likes von Fans ernten, die Sichtbarkeit und den Einfluss der Werke erheblich steigern und die Schönheit der Kunst weltweit verbreiten. In spezialisierten Gemeinschaften bietet die Zusammenarbeit mit Plattformen wie ArtStation Künstlern aus verschiedenen Kunstbereichen einen professionellen und reinen Raum für Austausch und Präsentation.',
-        'Um sicherzustellen, dass das "Kunst ohne Grenzen"-Programm effizient und geordnet umgesetzt wird, hat FiEE eine Reihe detaillierter und praktikabler Strategien und Maßnahmen entwickelt. Im Bereich der Inhaltserstellung wird FiEE international bekannte Kunstexperten und Künstler einladen, Online- und Offline-Trainings sowie Führungskurse abzuhalten, um Künstlern zu helfen, die ästhetischen Vorlieben, kulturellen Bedürfnisse und populären Trends des internationalen Marktes tief zu verstehen und so die internationale Verbreitungskraft ihrer Werke zu steigern.',
-        'Im Bereich der Promotions- und Betriebsführung wird FiEE die Vorteile verschiedener Ressourcen bündeln und umfassende, mehrdimensionale Promotionspläne speziell für Künstler erstellen. Einerseits werden aktiv Online-Schöpfungswettbewerbe und andere Aktivitäten organisiert, um weltweite Aufmerksamkeit zu erregen und die Bekanntheit und den Einfluss der Künstler schnell zu steigern; andererseits werden Werbeanzeigen auf Social-Media-Plattformen, Themenmarketing und Kooperationen mit Influencern voll ausgeschöpft, um die Werke der Künstler präzise zu bewerben, den Verbreitungsbereich zu erweitern und mehr Menschen den Genuss hervorragender künstlerischer Schöpfungen zu ermöglichen.',
-        'Es ist absehbar, dass diese Zusammenarbeit für die Mehrheit der Künstler eine einmalige Entwicklungschance darstellt. Sie werden die Gelegenheit haben, tiefgehende Austausche und Zusammenarbeiten mit weltweit führenden Künstlern durchzuführen, Zugang zu den modernsten Schöpfungskonzepten und -techniken zu erhalten, ihren kreativen Horizont zu erweitern und ihr Schöpfungsniveau zu verbessern. Gleichzeitig können ihre Werke durch die vielfältige Plattformmatrix eine noch nie dagewesene Sichtbarkeit und Anerkennung erlangen, ihren kommerziellen Wert maximieren und breitere Entwicklungsmöglichkeiten für ihre künstlerische Karriere eröffnen.',
-        'Mit Blick in die Zukunft wird FiEE entschlossen die Zusammenarbeit mit internationalen Plattformen weiter vertiefen, das "Kunst ohne Grenzen"-Programm kontinuierlich optimieren und verbessern und weiterhin qualitativ hochwertigere, umfassendere und effizientere Dienstleistungen für Künstler anbieten, um ihnen zu helfen, auf der internationalen Bühne noch strahlender zu glänzen und mehr Weisheit und Kraft zur Förderung des globalen kulturellen Austauschs, der Integration und des Wohlstands beizutragen.'
-      ]
-    },
-    article3: {
-      title: 'Unterstützung für Künstler, FiEE veröffentlicht "KI × Kurzvideo"-Gesamtlösung',
-      date: '14. Februar 2025, 12:30 Uhr',
-      content: [
-        'Für Künstler sind kreative Blockaden und geringe Effizienz zwei große Hindernisse auf ihrem Weg. Die Entwicklung eines ansprechenden Kurzvideo-Skripts erfordert oft enorme Zeit- und Energieaufwände; Künstler müssen nicht nur einzigartige Ideen ersinnen, sondern auch die Vorlieben des Publikums und Markttrends berücksichtigen.',
-        'Die Verbreitung und Promotion eines fertigen Werks ist ebenfalls eine schwer zu überwindende Kluft. In einer Ära der Informationsflut ist es eine Herausforderung, die eigenen Werke aus der Masse herausstechen zu lassen und präzise die Zielgruppe zu erreichen – ein Problem, über das Künstler Tag und Nacht nachdenken.',
-        'Traditionelle Verbreitungsmethoden sind wie das Fischen mit einem Netz – die Präzision lässt stark zu wünschen übrig, und viele qualitativ hochwertige künstlerische Inhalte gehen im Verbreitungsprozess verloren, ohne von wirklich interessierten Zielgruppen entdeckt zu werden. Zudem führt das Fehlen von Nutzerinteraktivität dazu, dass Künstler die Bedürfnisse der Zielgruppe nicht tiefgehend erforschen können, keine enge emotionale Verbindung zum Publikum aufbauen können und ihre Werke inmitten der Verbreitungswelle isoliert bleiben.',
-        'In einer Zeit rapide technologischen Fortschritts verändern künstliche Intelligenz und die Kurzvideo-Industrie das Muster der künstlerischen Schöpfung und Verbreitung mit beispielloser Geschwindigkeit.',
-        'Als innovativer Vorreiter im Kunstbereich hält FiEE mit der Zeit Schritt, erforscht aktiv die tiefe Integration von Technologie und Kunst und veröffentlicht heute offiziell die "KI × Kurzvideo"-Gesamtlösung, die eine revolutionäre Veränderung in der Kunstbranche einleitet.',
-        'Diese Lösung integriert mehrere modernste KI-Technologien und bietet zahlreiche bedeutende Vorteile. Im Bereich der Inhaltserstellung kann das KI-gestützte Skriptgenerierungstool basierend auf den vom Künstler eingegebenen Schlüsselinformationen wie Thema, Stil und Zielgruppe schnell kreative Skripte erstellen. Durch das Lernen aus einer Vielzahl hervorragender Kurzvideo-Skripte und künstlerischer Werke kann die KI nicht nur neuartige Story-Rahmen bieten, sondern auch präzise passende Handlungsstränge und Dialoge liefern, was den Schöpfungszyklus erheblich verkürzt.',
-        'Im Bereich der Inhaltsverbreitung und -betriebsführung macht die KI-basierte Big-Data-Analysetechnologie die Promotion von Kurzvideos präziser und effektiver. Durch die tiefgehende Analyse multidimensionaler Daten wie Browserverläufe, Like- und Kommentarverhalten sowie Abonnementlisten der Nutzer kann das System die Interessensvorlieben und Bedürfnisse der Nutzer präzise erkennen und die Werke der Künstler an wirklich interessierte Zielgruppen weiterleiten. Die Anwendungsszenarien dieser Lösung sind vielfältig und sowohl professionelle Künstler als auch Amateure mit künstlerischen Träumen können davon profitieren.',
-        'Professionelle Künstler können mithilfe der KI-Technologie kreative Blockaden überwinden, die Schöpfungseffizienz steigern und innovativere und einflussreichere Werke schaffen; Amateure können durch diese Lösung die Einstiegshürden für die Schöpfung senken, ihre kreativen Ideen mühelos umsetzen und die Freude am Schaffen genießen. Ein FiEE-Verantwortlicher erklärte: "Wir haben stets die Bedürfnisse und Schwierigkeiten der Künstler im Blick und hoffen, ihnen mit der "KI × Kurzvideo" -Gesamtlösung umfassende Unterstützung und Hilfe zu bieten. Dies ist nicht nur eine innovative Anwendung von Technologie, sondern auch eine bedeutende Praxis zur Förderung der Kunstbranche. Wir glauben, dass Künstler mit der Unterstützung der KI-Technologie mehr hervorragende Werke schaffen können und das Licht der Kunst eine noch breitere Welt erleuchten wird."',
-        'Mit Blick in die Zukunft wird FiEE weiterhin Entwicklungsressourcen einsetzen, die "KI × Kurzvideo"-Gesamtlösung kontinuierlich optimieren und verbessern, weitere Anwendungsszenarien der KI-Technologie im Kunstbereich erforschen, die Zusammenarbeit mit Branchenpartnern stärken und gemeinsam die Innovation in der künstlerischen Schöpfung und Verbreitung vorantreiben, um Künstlern eine qualitativ hochwertigere und effizientere Schöpfungsumgebung zu bieten und die Kunstbranche zu neuen Höhen zu führen.'
-      ]
-    },
-    article4: {
-      title: 'FiEE startet 18-monatiges Kunst-KOL-Inkubationsprogramm, um zukünftige Stars im Kunstbereich zu fördern',
-      date: '19. Februar 2025, 12:00 Uhr',
-      content: [
-        'In einer Zeit, in der die Kunstindustrie boomt, wird die Bedeutung hochwertiger Inhaltsschaffender immer deutlicher. Als Vorreiter in der Branche achtet FiEE stets auf die Talentförderung und Entwicklungen im Kunstbereich.',
-        'Heute gab FiEE offiziell den Start eines sorgfältig geplanten 18-monatigen Kunst-KOL-Inkubationsprogramms bekannt, das darauf abzielt, eine Gruppe einflussreicher zukünftiger Stars im Kunstbereich zu fördern und die Innovationsentwicklung der gesamten Branche voranzutreiben. Mit dem Aufstieg sozialer Medien und der Veränderung der Inhaltsverbreitungsmethoden spielen KOLs eine Schlüsselrolle in der Verbreitung und Promotion im Kunstbereich. Sie sind nicht nur Schöpfer hochwertiger Inhalte, sondern auch die Brücke, die Kunstwerke mit einem breiten Publikum verbindet.',
-        'Jedoch ist die Entwicklung eines ausgereiften und weitreichend einflussreichen Kunst-KOLs kein einfacher Prozess und erfordert systematische Planung, professionelle Anleitung und ausreichende praktische Möglichkeiten. FiEE hat diesen Marktbedarf scharfsinnig erkannt, erhebliche Ressourcen investiert und dieses 18-monatige Inkubationsprogramm sorgfältig geplant. Dieses Inkubationsprogramm hat klare Ziele: potenzialreiche Künstler im Kunstbereich zu entdecken und zu fördern und ihnen zu helfen, zu national und international anerkannten und einflussreichen Kunst-KOLs heranzuwachsen.',
-        'Durch dieses Programm wird nicht nur den Künstlern ein breiter Entwicklungsraum geboten, sondern auch frisches Blut in den Kunstmarkt gebracht und die diversifizierte Verbreitung von Kunstwerken gefördert. Inhaltlich deckt das Programm mehrere Dimensionen ab und unterstützt das Wachstum der Künstler umfassend. Im Bereich der professionellen Schulung hat das Unternehmen bekannte Experten und Gelehrte aus verschiedenen Kunstbereichen eingeladen, um den Künstlern systematische und tiefgehende Kurse anzubieten.',
-        'Diese Kurse umfassen eine breite Palette an Inhalten, einschließlich der Verbesserung künstlerischer Schöpfungstechniken wie die Verwendung von Farben in der Malerei oder die Melodiegestaltung in der Musik, sowie Kenntnisse im Bereich des neuen Medienbetriebs wie Social-Media-Marketingstrategien und Fan-Interaktionstechniken sowie Kurse im Bereich des Geschäftsmanagements, die den Künstlern helfen, die Funktionsweise des Kunstmarktes zu verstehen und den kommerziellen Wert ihrer Werke zu realisieren. Gleichzeitig hat das Unternehmen jedem Künstler einen persönlichen Mentor zur Seite gestellt, der maßgeschneiderte Ratschläge und Unterstützung basierend auf den individuellen Merkmalen und Bedürfnissen der Künstler bietet, um eine personalisierte Anleitung zu gewährleisten.',
-        'Die Verbindung zu Ressourcen ist ebenfalls ein wichtiger Bestandteil des Inkubationsprogramms. Mit seiner jahrelangen Erfahrung in der Branche und einem umfangreichen Netzwerk an Partnerschaften baut FiEE Brücken zwischen Künstlern und Marken, Medien und Plattformen auf. Die Künstler haben die Möglichkeit, mit bekannten Marken zusammenzuarbeiten, um künstlerisch wertvolle Werbungen zu schaffen, mit Medien für Kunstreportagen und Programmproduktionen zu kooperieren und mit großen Kunstplattformen zusammenzuarbeiten, um ihre Werke zu veröffentlichen und ihre Verbreitungsreichweite zu erweitern.',
-        'Der Leiter des FiEE-Kunst-KOL-Inkubationsprojekts erklärte bei der Eröffnungszeremonie: "Wir sind überzeugt, dass jeder Teilnehmer des Inkubationsprogramms unbegrenztes Potenzial hat. Diese 18 Monate werden eine entscheidende Wachstumsphase für sie sein. FiEE wird ihnen volle Unterstützung und Hilfe bieten, damit sie auf ihrem Weg der künstlerischen Schöpfung immer weiter vorankommen und zu tragenden Säulen im Kunstbereich werden."',
-        'Mit Blick in die Zukunft wird die Umsetzung dieses 18-monatigen Kunst-KOL-Inkubationsprogramms voraussichtlich eine Gruppe von KOLs mit einzigartigem Stil und breitem Einfluss im Kunstbereich hervorbringen.',
-        'Sie werden durch ihre Werke und ihren Einfluss mehr Menschen dazu bringen, sich für Kunst zu interessieren, die Verbreitung und Innovation von Kunstwerken fördern und einen wichtigen Beitrag zur blühenden Entwicklung der Kunstindustrie leisten. FiEE wird auch weiterhin das Wachstum der Künstler im Auge behalten, das Inkubationsprogramm kontinuierlich optimieren und weitere effektive Modelle für die Talentförderung im Kunstbereich erkunden.'
-      ]
-    },
-    article5: {
-      title: 'Vielfältige Talente vereint, FiEE legt den Grundstein für die innovative Entwicklung der Kunst',
-      date: '20. Februar 2025, 12:00 Uhr',
-      content: [
-        'Im goldenen Zeitalter des aktuellen Kunstbooms, in dem hundert Blumen blühen, ist Innovation zweifellos der Schlüssel, um die Branche kontinuierlich voranzutreiben und traditionelle Muster zu durchbrechen. Die Wurzeln liegen jedoch bei den Talenten, deren Bedeutung als Kernkraft der Innovation unbestreitbar ist.',
-        'FiEE erkennt dies klar und sammelt mit offenem Geist und weitsichtiger Strategie Talente, indem es Betriebsexperten, technische Eliten und internationale Berater zusammenbringt und erfolgreich ein Team mit hervorragender Fachkompetenz und vielfältiger Wissensstruktur aufbaut, das eine unzerstörbare Grundlage für die innovative Reise des Unternehmens im Kunstbereich schafft.',
-        'Das Team der Betriebsexperten ist sozusagen der Leuchtturm, der FiEE auf seinem stabilen Weg im Kunstbereich führt. Sie haben über viele Jahre im weiten Feld der Kunstindustrie gearbeitet, mit reicher praktischer Erfahrung und einem tiefen Verständnis des Marktes eine scharfe Fähigkeit entwickelt, Marktdynamiken zu erfassen, und ein präzises Gespür für die Vorlieben des Publikums erlangt.',
-        'Sie nutzen Big-Data-Analysen und Marktforschung vor Ort, um die kulturellen Hintergründe und Interessensvorlieben verschiedener Altersgruppen und Regionen tief zu untersuchen, Zielgruppen präzise zu positionieren und Künstlern höchst gezielte Schöpfungsrichtungen zu bieten. Sie analysieren gründlich aktuelle gesellschaftliche Trends und die spirituellen Bedürfnisse des Publikums, integrieren geschickt Elemente der Zeit und machen Werke sowohl tiefgründig als auch ansprechend. Durch einzigartige kreative Planung ziehen sie vom Projektstart an die Aufmerksamkeit des Publikums auf sich und legen eine solide Grundlage für den späteren Erfolg.',
-        'Mit der zunehmenden Verschmelzung von Technologie und Kunst werden technische Eliten zur starken Triebkraft für die innovative Entwicklung von FiEE.',
-        'Das Unternehmen rekrutiert aktiv Fachkräfte mit Kenntnissen in künstlicher Intelligenz, Big Data und virtueller Realität, um der künstlerischen Schöpfung technologische Vitalität einzuhauchen. Im Schöpfungsprozess nutzen diese technischen Eliten voll und ganz die Vorteile KI-gestützter Schöpfungswerkzeuge, um Künstlern kontinuierliche Inspiration zu bieten. Durch den Einsatz von Virtual Reality (VR) und Augmented Reality (AR) wird eine tiefe Interaktion zwischen Werken und Publikum ermöglicht, wodurch die Ausdrucksformen und der Verbreitungsbereich von Kunstwerken erheblich erweitert werden.',
-        'In der Ära der Globalisierung bringen internationale Beraterteams FiEE eine breite globale Perspektive und vielfältige kulturelle Blickwinkel. Sie kommen aus aller Welt und verfügen über tiefes Wissen über die Marktregeln, ästhetischen Vorlieben und kulturellen Unterschiede verschiedener Länder und Regionen. Im Prozess, lokale hervorragende Kunstwerke auf die Weltbühne zu bringen, spielen die internationalen Beraterteams eine Schlüsselrolle. Dies bringt nicht nur neue kreative Ansätze und Inspiration für lokale Künstler, sondern steigert auch den Einfluss von FiEE im internationalen Kunstbereich.',
-        'Genau wegen der Zusammenführung vielfältiger Talente wie Betriebsexperten, technischen Eliten und internationalen Beratern kann FiEE durch branchenübergreifende Zusammenarbeit und Ressourcenintegration traditionelle künstlerische Grenzen durchbrechen und neue künstlerische Ausdrucksformen erkunden. FiEE arbeitet umfassend mit Technologieunternehmen, Modemarken und Bildungseinrichtungen zusammen, verschmilzt Kunst tief mit Technologie, Mode und Bildung und schafft eine Reihe neuartiger künstlerischer Produkte und Dienstleistungen. Mit modernster Technologie und präzisem Marketing hat FiEE zahlreichen Kunstwerken geholfen, sowohl kommerziellen Wert als auch gesellschaftlichen Einfluss zu steigern und der blühenden Entwicklung der Kunst nachhaltige Dynamik verliehen.',
-        'Mit Blick in die Zukunft wird FiEE weiterhin an einer offenen und inklusiven Talentphilosophie festhalten, seine Talentstrategie kontinuierlich verbessern und mehr hervorragende Talente anziehen. Wir sind überzeugt, dass FiEE durch die gemeinsamen Anstrengungen vielfältiger Talente auf dem Weg der innovativen Entwicklung im Kunstbereich weiter voranschreiten und einen größeren Beitrag zur Förderung des globalen Kunstwohlstands leisten wird.'
-      ]
-    }
-  },
-  businessintroduction: {
-    hero: {
-      title1: 'KI × Kurzvideo',
-      title2: 'Führend in eine neue kreative Welt',
-      desc: 'Durch die tiefe Integration modernster KI-Technologie mit den einzigartigen Vorteilen von Kurzvideoplattformen startet FiEE als Pionier eine Erkundungsreise, steht an der Spitze und führt den kreativen Bereich in eine noch nie dagewesene neue Welt.'
-    },
-    industry: {
-      label: 'Branchenstatus',
-      title: 'Kreative Krise, Kurzvideos entschlüsseln neues Wachstumspotenzial',
-      desc: 'Während der kreative Bereich in der Sackgasse gleicher Inhalte und erschöpfter Inspiration steckt, durchbrechen Kurzvideos mit ihrer einzigartigen immersiven Erfahrung und starken sozialen Viralität die Fesseln und bringen wie ein belebender Frühling neue Vitalität in die Branche, als starke Triebkraft für Wachstum.',
-      challenges: {
-        title: 'Herausforderungen des Kunstmarktes',
-        items: [
-          {
-            title: 'Künstlerischer Wert im Schatten',
-            desc: 'Mangelnde Markenbildung und Marktoperationsfähigkeiten lassen künstlerischen Wert im Dunkeln, schwer erkennbar und anerkannt vom breiten Publikum.'
-          },
-          {
-            title: 'Engpässe bei Verbreitungskanälen',
-            desc: 'Persönliche Social-Media-Plattformen und traditionelle Ausstellungsformate sind veraltet, unfähig, eine breite und qualitativ hochwertige Sichtbarkeit zu erreichen, was die Verbreitung stark einschränkt.'
-          },
-          {
-            title: 'Einförmige Werbung',
-            desc: 'Übermäßige Abhängigkeit von Offline-Ausstellungsräumen und einzelnen Messen führt zu einer engen Reichweite der Werbung, was zu einer einheitlichen und instabilen Einkommensstruktur führt.'
-          },
-          {
-            title: 'Einschränkungen traditionellen Marketings',
-            desc: 'Traditionelle Werbekanäle sind teuer, und Künstler können die finanziellen Belastungen kaum tragen, was den Umfang der Promotions- und Werbemaßnahmen stark einschränkt.'
-          }
-        ]
-      },
-      opportunity: {
-        title: 'Kurzvideo-Social-Media: Starker Aufschwung, unbegrenzte Geschäftsmöglichkeiten',
-        desc: 'Derzeit erlebt der Kurzvideo-Markt ein explosives Wachstum, und die Werbeskala expandiert rasant. Als dynamischer Akteur im Bereich der Internetinhalte steigen Nutzerzahlen und Nutzungszeiten von Kurzvideos stetig an, eröffnen weite Möglichkeiten für Werbeplatzierungen und Monetarisierung, erhöhen den Anteil der Nutzerzeit und die Bindung der Nutzer und bergen unbegrenztes Potenzial und Chancen.'
-      }
-    },
-    solution: {
-      label: 'Branchenstatus',
-      title: 'Kreative Krise, Kurzvideos entschlüsseln neues Wachstumspotenzial',
-      features: {
-        precision: {
-          title: 'Präzise Verteilung startet die Fan-Wachstumsmaschine',
-          desc: 'Durch den Einsatz von Big-Data-Analysen und KI-Algorithmen analysieren wir tiefgehend Nutzerverhaltensdaten wie Surfgewohnheiten und Suchpräferenzen, erstellen präzise Nutzerprofile und leiten die Werke von Künstlern gezielt an potenzielle Zielgruppen weiter, verwandeln ungerichtete Nachfrager in treue Fans und legen die Grundlage für die Verbreitung des Einflusses der Künstler.'
-        },
-        monetization: {
-          title: 'Vielfältige Monetarisierung aktiviert die kommerzielle Wertkette',
-          desc: 'Um den kommerziellen Wert der künstlerischen Schöpfung zu erschließen, bauen wir ein Fan-Wirtschafts-Betriebssystem auf. Durch einen einfachen Spendenmechanismus können Fans ihre Wertschätzung für Künstler sofort ausdrücken; Verkaufskanäle für physische und digitale Werke erfüllen die Sammlungsbedürfnisse der Fans; Abonnementdienste bieten exklusive Inhalte und bevorzugte Teilnahmemöglichkeiten bei Veranstaltungen, um die Fan-Bindung zu stärken. Diese Wege fördern die Umwandlung von Fans in Konsumenten und steigern die Einnahmen sowohl für Künstler als auch für die Plattform.'
-        },
-        interaction: {
-          title: 'Interaktives Teilen schafft einen geschlossenen Kunst-Ökosystemkreis',
-          desc: 'Durch intelligente soziale Empfehlungstechnologie fördern wir tiefgehende Interaktionen und Austausch zwischen Fans, das Teilen von Einsichten und kreativer Inspiration, das Erkennen gegenseitiger potenzieller Bedürfnisse und die natürliche Ausbreitung der Fangemeinde. Gleichzeitig analysieren wir durch Daten die Merkmale und Bedürfnisse der Konsumentengruppen, erweitern gezielt Konsumentenkreise und erschließen neue Geschäftsmöglichkeiten. Dieser Mechanismus des interaktiven Teilens schafft ein nachhaltig entwickelndes Ökosystem der künstlerischen Schöpfung, steigert den Einfluss der Künstler kontinuierlich und ermöglicht dem Unternehmen stabiles Wachstum und Einnahmensteigerung, wodurch eine Win-Win-Situation entsteht.'
-        }
-      }
-    },
-    vision: {
-      label: 'Marktvision',
-      title: 'Entwurf eines neuen Bauplans für den Kunstmarkt',
-      desc: 'In den unvorhersehbaren Wellen der Kunst gestaltet FiEE mit Innovation als Pinsel und präziser Einsicht als Tinte die Zukunft der Kunstindustrie mit innovativem Denken und globaler Perspektive neu. Wir erschließen das Potenzial der Kunst tiefgehend, verschmelzen vielfältige kulturelle Elemente, durchbrechen traditionelle Barrieren, bauen Online-Verkehrsgemeinschaften auf, gestalten das Kunst-Ökosystem neu, beleben den Markt und führen den künstlerischen Wert in eine neue Richtung, um eine völlig neue Ära des Kunstmarktes einzuleiten.',
-      community: {
-        title: 'Aufbau einer Milliarden-Verkehrsgemeinschaft, Schaffung einer globalen Plattform für künstlerischen Austausch',
-        desc: 'Mit modernster Big-Data- und KI-Technologie bauen wir eine Gemeinschaft mit Milliarden an Traffic auf, die globale Kunstliebhaber vereint. Durch intelligente Algorithmen ermöglichen wir präzise Inhaltsempfehlungen und Interessenabgleich, fördern Austausch und Interaktion und schaffen eine effiziente Kommunikationsbrücke zwischen Künstlern und Fans, um die Grundlage für den Traffic des Kunst-Ökosystems zu legen.'
-      }
-    },
-    cooperation: {
-      title: 'Globale Zusammenarbeit erweitern, eine Karte der vielfältigen Integration zeichnen',
-      timeline: {
-        year2025: {
-          title: '2025',
-          desc: 'Zusammenarbeit mit 1500+ Kunstinstitutionen und Technologieunternehmen, Integration von Ressourcen und Vorantreiben von Kunst-Technologie-Fusionsprojekten.'
-        },
-        year2026: {
-          title: '2026',
-          desc: '5000+ globale Partner, Aufbau eines breiten Kooperationsnetzwerks, Erweiterung der geografischen Geschäftsabdeckung und Steigerung der internationalen Markenbekanntheit.'
-        },
-        year2027: {
-          title: '2027',
-          desc: '10000+ strategische Partner, Bildung einer stabilen globalen Allianz mit vollständiger Durchdringung der Kunstindustriekette und Realisierung von Ressourcenteilung.'
-        }
-      }
-    },
-    incubation: {
-      title: '18-monatige Inkubation von Kunst-KOLs ohne Vorkenntnisse',
-      subtitle: 'Entfesselung des kommerziellen Potenzials der Kunst',
-      desc: '18 Monate sind eine tiefgehende Entdeckung künstlerischen Potenzials und eine transformative Reise zur künstlerischen Kommerzialisierung. Von Zeichentechniken bis zur Ästhetikbildung, von Inhaltserstellung bis zum Traffic-Management – umfassende Unterstützung. FiEE bietet maßgeschneiderte Wachstumspfade für Menschen ohne Vorkenntnisse, hilft Ihnen, die Brücke zwischen Kunst und Kommerz zu überqueren, ein trendsetzender Kunst-KOL zu werden und eine neue Reise mit unbegrenzten Möglichkeiten in der Kunst zu beginnen.',
-      features: {
-        fans: {
-          title: 'Fan-Wachstum',
-          desc: 'Bis 2027 werden durch präzise Marketingstrategien die Fangemeinden jedes Künstlers auf über 100.000 anwachsen, die Fan-Community wird 1 Milliarde erreichen, die Fangruppen der Künstler vergrößern und den Einfluss der Werke stärken.'
-        },
-        kol: {
-          title: 'KOL-Inkubation',
-          desc: 'Mit einer Milliarden-Traffic-Community und präziser Datenanalyse werden innerhalb von 18 Monaten gewöhnliche Künstler oder kommerzielle Marken zu international bekannten KOLs, die künstlerischen und kommerziellen Wert effizient umwandeln.'
-        }
-      }
-    },
-    exposure: {
-      title: 'Marktvision',
-      desc: 'Mit modernsten Verbreitungsstrategien zielen wir präzise auf das globale Publikum ab. Durch die tiefe Integration erstklassiger Medienressourcen erreichen wir eine exponentielle Sichtbarkeitssteigerung, formen umfassend globalen Markeneinfluss und führen künstlerische Trends auf die zentrale Weltbühne.',
-      timeline: {
-        year2025: {
-          title: '2025',
-          desc: 'Sichtbarkeit auf Social-Media-Plattformen übersteigt 500 Millionen+, durch Multi-Plattform-Verknüpfung und kreatives Content-Marketing wird die Sichtbarkeit von Marke und Künstlern gesteigert.'
-        },
-        year2026: {
-          title: '2026',
-          desc: 'Sichtbarkeit erreicht 1 Milliarde+, vertieft die Markenverbreitung und zieht mehr potenzielle Nutzer und Partner an.'
-        },
-        year2027: {
-          title: '2027',
-          desc: 'Erreicht über 5 Milliarden+ und durchbricht branchenübergreifende und kulturelle Grenzen, steigert den internationalen Markeneinfluss umfassend, fördert die tiefe Integration von Kunst und Technologie und gestaltet neue Trends in der Branchenentwicklung.'
-        }
-      }
-    }
-  },
-  investor: {
-    title: 'Investor Relations',
-    subtitle: 'Finanzstatus von Minim (NASDAQ: FIEE)',
-    latest_news: {
-      title: 'Aktuelle Nachrichten',
-      financial: {
-        title: 'Aktuelle Finanzdaten',
-        date: '29. März 2023',
-        content: 'Ergebnisse für das vierte Quartal 2022 und das Gesamtjahr 2022',
-        link: 'Ergebnisbericht'
-      },
-      events: {
-        title: 'Aktuelle Ereignisse',
-        date: '13. März 2024',
-        content: 'Minim gibt Vereinbarung zur Fusion mit e2Companies bekannt',
-        link: 'Fusionsvereinbarung - Endgültige Pressemitteilung 3. Dezember 2024'
-      },
-      stock: {
-        title: 'Aktienkurs',
-        content: 'FIEE-Kurs auf TradingView',
-        link: 'FIEE-Kurs'
-      }
-    },
-    financial_data: {
-      title: 'Finanzdaten',
-      years: {
-        year2023: '2023',
-        year2022: '2022',
-        year2021: '2021'
-      },
-      reports: {
-        profit_report: 'Gewinnbericht',
-        earnings_report: 'Ergebnisbericht',
-        earnings_call: 'Ergebnispräsentation',
-        sec_filings: '10-Q/10-K',
-        annual_report: 'Jahresbericht',
-        annual_meeting: 'Jahreshauptversammlung',
-        special_meeting: 'Außerordentliche Hauptversammlung',
-        proxy_statement: 'Vollmachtserklärung'
-      },
-      investor_guide: 'Leitfaden für die Kommunikation mit Investoren'
-    },
-    market_trends: {
-      title: 'Markttrends',
-      sec_description1: 'SEC-Einreichungen sind Dokumente, die bei der US-Börsenaufsichtsbehörde (SEC) eingereicht werden. Börsennotierte Unternehmen und bestimmte Insider sind verpflichtet, regelmäßig bei der SEC einzureichen. Diese Dokumente sind über die Online-Datenbank der SEC verfügbar.',
-      sec_description2: 'Durch die Auswahl unten verlassen Sie die Website von Minim. Minim gibt keine Zusicherungen bezüglich anderer Websites, die Sie über diese Seite aufrufen können. Wenn Sie eine Nicht-Minim-Website aufrufen, auch eine, die das Minim-Logo enthalten könnte, verstehen Sie bitte, dass diese unabhängig von Minim ist und Minim keinen Einfluss auf den Inhalt dieser Website hat. Darüber hinaus bedeutet ein Link zu einer Nicht-Minim-Website nicht, dass Minim den Inhalt oder die Nutzung dieser Website befürwortet oder dafür verantwortlich ist.',
-      view_all_sec: 'Alle SEC-Einreichungen anzeigen'
-    },
-    board_of_directors: {
-      title: 'Vorstand',
-      directors: {
-        patrick: {
-          name: 'Patrick Rivard',
-          position: 'Vorstandsmitglied,CFO bei U.S. Wealth Protection',
-          position1: 'Vorstandsmitglied',
-          position2: 'Partner & CFO bei U.S. Wealth Protection'
-        },
-        andrew: {
-          name: 'Andrew Papanikolaou',
-          position: 'Vorstandsmitglied, Finanzmanager bei Raytheon',
-          position1: 'Vorstandsmitglied',
-          position2: 'Finanzmanager bei Raytheon'
-        }
-      }
-    },
-    governance: {
-      title: 'Governance, Diversität und Ausschussrichtlinien',
-      documents: {
-        ethics_code: 'Ethikrichtlinie für leitende Finanzbeamte',
-        conflict_minerals: 'Konfliktmineralien-Erklärung',
-        business_conduct: 'Ethik- und Geschäftsverhaltenskodex',
-        audit_committee: 'Prüfungsausschussrichtlinie',
-        whistleblower: 'Hinweisgeberrichtlinie',
-        compensation_committee: 'Vergütungsausschussrichtlinie',
-        related_party: 'Richtlinie für Geschäfte mit Nahestehenden',
-        nomination_committee: 'Nominierungs- und Governance-Ausschuss',
-        diversity_matrix_2022: 'Diversitätsmatrix 2022',
-        diversity_matrix_2023: 'Diversitätsmatrix 2023'
-      }
-    }
-  },
-  investorhandbook: {
-    title: 'Mindestkommunikationsrichtlinien mit der Investorengemeinschaft',
-    authorized_speakers: {
-      title: 'Befugte Sprecher',
-      desc: 'Die folgenden Minim-Vertreter sind befugt, mit der Investorengemeinschaft, einschließlich Analysten, Börsenmaklern sowie privaten und institutionellen Aktionären, zu kommunizieren:',
-      items: [
-        'Präsident',
-        'Präsident und Chief Marketing Officer',
-        'Chief Financial Officer'
-      ],
-      note: 'In diesem Leitfaden werden diese Vertreter als "Befugte IR-Kontakte" bezeichnet.'
-    },
-    quarterly_communications: {
-      title: 'Kommunikation und Besprechungen zum Quartalsende',
-      items: [
-        '1. Ruhefrist — Das Unternehmen beachtet eine "Ruhefrist", die vom Quartalsende bis zur Veröffentlichung der Ergebnisse reicht. Während dieser Zeit wird das Management des Unternehmens keine 1:1-Treffen mit Analysten oder Investoren durchführen. Auf Anfrage können jedoch sachliche öffentliche Informationen an Investoren bereitgestellt und von befugten Investor Relations-Kontakten analysiert werden.',
-        '2. Analystenmeetings/Telefonkonferenzen — Alle Analystenmeetings oder -anrufe, in denen vierteljährliche oder jährliche Finanz- und Geschäftsinformationen diskutiert werden, sollten gleichzeitig über das Internet oder eine Telefonkonferenz an alle interessierten Mitglieder der Öffentlichkeit übertragen werden. Eine angemessene Vorankündigung und gleichzeitige Übertragung der Besprechung sollte über eine Pressemitteilung oder andere Kommunikationsmethoden erfolgen, die der Verordnung FD entsprechen.',
-        '3. Ergebnis-Pressemitteilung — Die Ergebnis-Pressemitteilung wird zu Beginn oder vor der Besprechung oder Telefonkonferenz, wie von der Investor Relations-Abteilung und dem Chief Financial Officer festgelegt, gemäß den geltenden SEC- und NASDAQ-Regeln über den Nachrichtendienst veröffentlicht. Sie wird auch bei der SEC auf Formular 8-K eingereicht und auf der Unternehmenswebsite veröffentlicht.',
-        '4. Eine jährliche Leitlinie zum anfänglichen Abonnementumsatz und zum EPS-Bereich kann in der Ergebnis-Pressemitteilung bereitgestellt werden, und falls erforderlich, können Aktualisierungen der Leitlinie in jeder Quartals-Ergebnis-Pressemitteilung bereitgestellt werden. In der Regel wird das Unternehmen diese Leitlinie während des Quartals nicht aktualisieren oder zusätzliche Leitlinien bereitstellen, es sei denn, der VP Finance/CFO hält dies für notwendig, und dies nur in einem öffentlichen Forum, das der Verordnung FD entspricht.'
-      ],
-      note: 'Minim-Vertreter (außer befugte Sprecher), die Anfragen von Medien, Marktprofis oder Aktionären erhalten, sollten solche Anfragen nicht beantworten, sondern den Anfragenden an einen befugten Sprecher verweisen. Minim-Vertreter, die den Investor Relations- und Marketingteams zugewiesen sind, können jedoch routinemäßige Anfragen zu öffentlichen Informationen gemäß den von befugten Sprechern festgelegten Richtlinien beantworten.'
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/locales/enc.js b/src/locales/enc.js
new file mode 100644
index 0000000..19ea527
--- /dev/null
+++ b/src/locales/enc.js
@@ -0,0 +1,138 @@
+export default {
+  language: {
+    zh: "Simplified Chinese",
+    zhTW: "Traditional Chinese",
+    en: "English",
+    ja: "Japanese",
+  },
+  home: {
+    nav: {
+      home: "Home",
+      company: "Company Overview",
+      businessintroduction: "Business Introduction",
+      please_select: "Select Language",
+      confirm_select: "Confirm Selection",
+      investor: "Investor Guide",
+    },
+  },
+  financialinformation: {
+    quarterlyreports: {
+      title: "Quarterly Reports",
+      search: {
+        placeholder: "Search",
+        button: "Go",
+      },
+      download: "Download",
+      pdfDownload: "PDF Download",
+      pagination: {
+        displaying: "Displaying {start} - {end} of {total} results",
+        perPage: "{size}/page",
+        goto: "Goto",
+      },
+    },
+  },
+  stock_quote: {
+    title: "Stock Quote",
+    nasdaq: "NASDAQ: FIEE",
+    open: "Open",
+    change: "% Change",
+    volume: "Volume",
+    week_range: "52-Week Range",
+    days_range: "Day's Range",
+    market_cap: "Market Cap",
+  },
+  historic_stock: {
+    title: "Historical Data",
+    range: "Range",
+    date: "Date",
+    open: "Open",
+    high: "High",
+    low: "Low",
+    close: "Close",
+    adj_close: "Adj. Close",
+    change: "Change",
+    volume: "Volume",
+    daily: "Daily",
+    weekly: "Weekly",
+    monthly: "Monthly",
+    quarterly: "Quarterly",
+    annual: "Annual",
+    duration: {
+      "3_months": "3 Months",
+      "6_months": "6 Months",
+      ytd: "YTD",
+      "1_year": "1 Year",
+      "5_years": "5 Years",
+      "10_years": "10 Years",
+    },
+    pagination: {
+      displaying: "Displaying {start} - {end} of {total} results",
+      perPage: "{size}/page",
+      goto: "Goto",
+    },
+    echarts: {
+      title: "FiEE, Inc. Stock Price History",
+      range: "Range",
+      price: "Price",
+      months: "m",
+      years: "Y",
+      year: "Y",
+      ytd: "YTD",
+      "1m": "1m",
+      "3m": "3m",
+      ytd_short: "YTD",
+      "1y": "1Y",
+      "5y": "5Y",
+      "10y": "10Y",
+      max: "Max",
+    },
+  },
+  header_menu: {
+    corporate_information: {
+      title: "Corporate Information",
+      company_overview: "Company Overview",
+      business_introduction: "Business Introduction",
+      management: "Management",
+      board_of_directors: "Board of Directors",
+      committee_appointments: "Committee Appointments",
+      governance: "Governance",
+      corporate_video: "Corporate Video",
+    },
+    financial_information: {
+      title: "Financial Information",
+      sec_filings: "SEC Filings",
+      annual_reports: "Annual Reports",
+      quarterly_reports: "Quarterly Reports",
+    },
+    stock_information: {
+      title: "Stock Information",
+      stock_quote: "Stock Quote",
+      historic_stock_price: "Historic Stock Price",
+      investment_calculator: "Investment Calculator",
+    },
+    news_releases: {
+      title: "News Releases",
+      press_releases: "Press Releases",
+      events_calendar: "Events Calendar",
+    },
+    investor_resources: {
+      title: "Investor Resources",
+      ir_contacts: "IR Contacts",
+      email_alerts: "Email Alerts",
+    },
+    product_introduction: "Product Introduction",
+  },
+  press_releases: {
+    title: "Press Releases",
+    search: {
+      placeholder: "Search",
+      button: "Go",
+    },
+  },
+  events_calendar: {
+    title: "Events Calendar",
+    search: {
+      button: "Go",
+    },
+  },
+};
diff --git a/src/locales/jac.js b/src/locales/jac.js
new file mode 100644
index 0000000..fd951f2
--- /dev/null
+++ b/src/locales/jac.js
@@ -0,0 +1,138 @@
+export default {
+  language: {
+    zh: '簡体中国語',
+    zhTW: '繁体中国語',
+    en: '英語',
+    ja: '日本語',
+  },
+  home: {
+    nav: {
+      home: 'ホーム',
+      company: '会社概要',
+      businessintroduction: '業務紹介',
+      please_select: '選択してください',
+      confirm_select: '確認選択',
+      investor: '投資家ガイド',
+    },
+  },
+  financialinformation: {
+    quarterlyreports: {
+      title: '四半期報告書',
+      search: {
+        placeholder: '検索',
+        button: '検索',
+      },
+      download: "ダウンロード",
+      pdfDownload: 'PDFダウンロード',
+      pagination: {
+        displaying: '{total}件中 {start} - {end}件を表示',
+        perPage: '{size}/ページ',
+        goto: 'ジャンプ',
+      },
+    },
+  },
+  stock_quote: {
+    title: '株価',
+    nasdaq: 'ナスダック: FIEE',
+    open: '始値',
+    change: '変動率',
+    volume: '出来高',
+    week_range: '52週レンジ',
+    days_range: '当日レンジ',
+    market_cap: '時価総額',
+  },
+  historic_stock: {
+    title: '履歴データ',
+    range: '範囲',
+    date: '日付',
+    open: '始値',
+    high: '高値',
+    low: '安値',
+    close: '終値',
+    adj_close: '調整後終値',
+    change: '変動',
+    volume: '出来高',
+    daily: '毎日',
+    weekly: '毎週',
+    monthly: '毎月',
+    quarterly: '四半期ごと',
+    annual: '毎年',
+    duration: {
+      "3_months": "3ヶ月",
+      "6_months": "6ヶ月",
+      "ytd": "年初来",
+      "1_year": "1年",
+      "5_years": "5年",
+      "10_years": "10年",
+    },
+    pagination: {
+      displaying: "{total}件中 {start} - {end}件を表示",
+      perPage: "{size}/ページ",
+      goto: 'ジャンプ',
+    },
+    echarts: {
+      title: 'FiEE, Inc. 株価履歴',
+      range: '範囲',
+      price: '価格',
+      months: 'm',
+      years: 'Y',
+      year: 'Y',
+      ytd: 'YTD',
+      "1m": "1ヶ月",
+      "3m": "3ヶ月",
+      "ytd_short": "YTD",
+      "1y": "1年",
+      "5y": "5年",
+      "10y": "10年",
+      "max": "最大",
+    },
+  },
+  header_menu: {
+    corporate_information: {
+      title: "企業情報",
+      company_overview: "会社概要",
+      business_introduction: "事業紹介",
+      management: "経営陣",
+      board_of_directors: "取締役会",
+      committee_appointments: "委員会任命",
+      governance: "ガバナンス",
+      corporate_video: "企業ビデオ",
+    },
+    financial_information: {
+      title: "財務情報",
+      sec_filings: "SEC提出書類",
+      annual_reports: "年次報告書",
+      quarterly_reports: "四半期報告書",
+    },
+    stock_information: {
+      title: "株式情報",
+      stock_quote: "株価情報",
+      historic_stock_price: "過去の株価",
+      investment_calculator: "投資計算機",
+    },
+    news_releases: {
+      title: "ニュースリリース",
+      press_releases: "プレスリリース",
+      events_calendar: "イベントカレンダー",
+    },
+    investor_resources: {
+      title: "投資家向け情報",
+      ir_contacts: "IRお問い合わせ",
+      email_alerts: "メールアラート",
+    },
+    product_introduction: "製品紹介",
+  },
+  press_releases: {
+    title: "プレスリリース",
+    search: {
+      placeholder: "検索",
+      button: "検索",
+    },
+  },
+  events_calendar: {
+    title: "イベントカレンダー",
+    search: {
+      button: "検索",
+    },
+  },
+}
\ No newline at end of file
diff --git a/src/locales/zh-TWc.js b/src/locales/zh-TWc.js
new file mode 100644
index 0000000..f223fab
--- /dev/null
+++ b/src/locales/zh-TWc.js
@@ -0,0 +1,138 @@
+export default {
+  language: {
+    zh: '簡體中文',
+    zhTW: '繁體中文',
+    en: 'English',
+    ja: '日本語',
+  },
+  home: {
+    nav: {
+      home: '首頁',
+      company: '公司概況',
+      businessintroduction: '業務介紹',
+      please_select: '請選擇',
+      confirm_select: '確認選擇',
+      investor: '投資者指南',
+    },
+  },
+  financialinformation: {
+    quarterlyreports: {
+      title: '季度報告',
+      search: {
+        placeholder: '搜索',
+        button: '開始',
+      },
+      download: "下載",
+      pdfDownload: 'PDF 下載',
+      pagination: {
+        displaying: '顯示第 {start} - {end} 條，共 {total} 條',
+        perPage: '{size}/頁',
+        goto: '前往',
+      },
+    },
+  },
+  stock_quote: {
+    title: '股票報價',
+    nasdaq: '納斯達克: FIEE',
+    open: '開盤',
+    change: '漲跌幅',
+    volume: '成交量',
+    week_range: '52週範圍',
+    days_range: '當日範圍',
+    market_cap: '市值',
+  },
+  historic_stock: {
+    title: '歷史數據',
+    range: '範圍',
+    date: '日期',
+    open: '開盤',
+    high: '最高',
+    low: '最低',
+    close: '收盤',
+    adj_close: '調整後收盤',
+    change: '漲跌幅',
+    volume: '成交量',
+    daily: '每日',
+    weekly: '每週',
+    monthly: '每月',
+    quarterly: '每季度',
+    annual: '每年',
+    duration: {
+      "3_months": "3個月",
+      "6_months": "6個月",
+      "ytd": "年初至今",
+      "1_year": "1年",
+      "5_years": "5年",
+      "10_years": "10年",
+    },
+    pagination: {
+      displaying: '顯示第 {start} - {end} 條，共 {total} 條',
+      perPage: '{size}/頁',
+      goto: '前往',
+    },
+    echarts: {
+      title: 'FiEE, Inc. 股票歷史價格',
+      range: '範圍',
+      price: '價格',
+      months: '月',
+      years: '年',
+      year: '年',
+      ytd: '年初至今',
+      "1m": "1個月",
+      "3m": "3個月",
+      "ytd_short": "年初至今",
+      "1y": "1年",
+      "5y": "5年",
+      "10y": "10年",
+      "max": "最大",
+    },
+  },
+  header_menu: {
+    corporate_information: {
+      title: "公司信息",
+      company_overview: "公司概况",
+      business_introduction: "业务介绍",
+      management: "管理层",
+      board_of_directors: "董事会",
+      committee_appointments: "委员会任命",
+      governance: "公司治理",
+      corporate_video: "公司视频",
+    },
+    financial_information: {
+      title: "财务信息",
+      sec_filings: "SEC文件",
+      annual_reports: "年度报告",
+      quarterly_reports: "季度报告",
+    },
+    stock_information: {
+      title: "股票信息",
+      stock_quote: "股票报价",
+      historic_stock_price: "历史股价",
+      investment_calculator: "投资计算器",
+    },
+    news_releases: {
+      title: "新闻发布",
+      press_releases: "新闻稿",
+      events_calendar: "活动日历",
+    },
+    investor_resources: {
+      title: "投資者指南",
+      ir_contacts: "IR聯繫",
+      email_alerts: "郵件提醒",
+    },
+    product_introduction: "產品介紹",
+  },
+  press_releases: {
+    title: "新聞稿",
+    search: {
+      placeholder: "搜索",
+      button: "開始",
+    },
+  },
+  events_calendar: {
+    title: "活動日曆",
+    search: {
+      button: "開始",
+    },
+  },
+}
\ No newline at end of file
diff --git a/src/locales/zhc.js b/src/locales/zhc.js
new file mode 100644
index 0000000..a9c9889
--- /dev/null
+++ b/src/locales/zhc.js
@@ -0,0 +1,138 @@
+export default {
+  language: {
+    zh: '简体中文',
+    zhTW: '繁體中文',
+    en: 'English',
+    ja: '日本語',
+  },
+  home: {
+    nav: {
+      home: '首页',
+      company: '公司概况',
+      businessintroduction: '业务介绍',
+      please_select: '请选择',
+      confirm_select: '确认选择',
+      investor: '投资者关系',
+    },
+  },
+  financialinformation: {
+    quarterlyreports: {
+      title: '季度报告',
+      search: {
+        placeholder: '搜索',
+        button: '开始',
+      },
+      download: "下载",
+      pdfDownload: 'PDF 下载',
+      pagination: {
+        displaying: '显示第 {start} - {end} 条，共 {total} 条',
+        perPage: '{size}/页',
+        goto: '前往',
+      },
+    },
+  },
+  stock_quote: {
+    title: '股票报价',
+    nasdaq: '纳斯达克: FIEE',
+    open: '开盘',
+    change: '涨跌幅',
+    volume: '成交量',
+    week_range: '52周范围',
+    days_range: '当日范围',
+    market_cap: '市值',
+  },
+  historic_stock: {
+    title: '历史数据',
+    range: '范围',
+    date: '日期',
+    open: '开盘',
+    high: '最高',
+    low: '最低',
+    close: '收盘',
+    adj_close: '调整后收盘',
+    change: '涨跌幅',
+    volume: '成交量',
+    daily: '每日',
+    weekly: '每周',
+    monthly: '每月',
+    quarterly: '每季度',
+    annual: '每年',
+    duration: {
+      "3_months": '3个月',
+      "6_months": '6个月',
+      ytd: '年初至今',
+      "1_year": '1年',
+      "5_years": '5年',
+      "10_years": '10年',
+    },
+    pagination: {
+      displaying: '显示第 {start} - {end} 条，共 {total} 条',
+      perPage: '{size}/页',
+      goto: '前往',
+    },
+    echarts: {
+      title: 'FiEE, Inc. 股票历史价格',
+      range: '范围',
+      price: '价格',
+      months: '月',
+      years: '年',
+      year: '年',
+      ytd: '年初至今',
+      "1m": '1个月',
+      "3m": '3个月',
+      ytd_short: '年初至今',
+      "1y": '1年',
+      "5y": '5年',
+      "10y": '10年',
+      max: '最大',
+    },
+  },
+  header_menu: {
+    corporate_information: {
+      title: '公司信息',
+      company_overview: '公司概况',
+      business_introduction: '业务介绍',
+      management: '管理层',
+      board_of_directors: '董事会',
+      committee_appointments: '委员会任命',
+      governance: '公司治理',
+      corporate_video: '公司视频',
+    },
+    financial_information: {
+      title: '财务信息',
+      sec_filings: 'SEC文件',
+      annual_reports: '年度报告',
+      quarterly_reports: '季度报告',
+    },
+    stock_information: {
+      title: '股票信息',
+      stock_quote: '股票报价',
+      historic_stock_price: '历史股价',
+      investment_calculator: '投资计算器',
+    },
+    news_releases: {
+      title: '新闻发布',
+      press_releases: '新闻稿',
+      events_calendar: '活动日历',
+    },
+    investor_resources: {
+      title: '投资者资源',
+      ir_contacts: '投资者关系联系人',
+      email_alerts: '邮件提醒',
+    },
+    product_introduction: '产品介绍',
+  },
+  press_releases: {
+    title: "新闻稿",
+    search: {
+      placeholder: "搜索",
+      button: "搜索",
+    },
+  },
+  events_calendar: {
+    title: "活动日历",
+    search: {
+      button: "开始",
+    },
+  },
+}
\ No newline at end of file
diff --git a/src/utils/changeLanguage.js b/src/utils/changeLanguage.js
index 0048b41..c6fb1d8 100644
--- a/src/utils/changeLanguage.js
+++ b/src/utils/changeLanguage.js
@@ -10,7 +10,6 @@ export function useLanguage() {
     { label: t('language.zhTW'), value: 'zh-TW', key: 'zh-TW' },
     { label: t('language.en'), value: 'en', key: 'en' },
     { label: t('language.ja'), value: 'ja', key: 'jp' },
-    { label: t('language.de'), value: 'de', key: 'de' }
   ]);
   
   // 当前选中的语言
@@ -31,8 +30,7 @@ export function useLanguage() {
         return 'jp';
       case 'en':
         return 'en';
-      case 'de':
-        return 'de';
+
       default:
         return 'cn';
     }
@@ -62,9 +60,7 @@ export function useLanguage() {
     if (lang.includes('ja')) {
       return 'ja';
     }
-    if (lang.includes('de')) {
-      return 'de';
-    }
+
     return 'en';
   };
   
diff --git a/src/views/email-alerts/size1440/index.vue b/src/views/email-alerts/size1440/index.vue
index 01ce109..aee08db 100644
--- a/src/views/email-alerts/size1440/index.vue
+++ b/src/views/email-alerts/size1440/index.vue
@@ -63,8 +63,9 @@ async function handleSubmit(e) {
           <div class="form-group">
             <label for="firstName">* First Name</label>
             <input
+              v-no-space
               id="firstName"
-              v-model.trim="form.firstName"
+              v-model="form.firstName"
               type="text"
               required
             />
@@ -72,28 +73,42 @@ async function handleSubmit(e) {
           <div class="form-group">
             <label for="lastName">* Last Name</label>
             <input
+              v-no-space
               id="lastName"
-              v-model.trim="form.lastName"
+              v-model="form.lastName"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="email">* Email</label>
-            <input id="email" v-model.trim="form.email" type="email" required />
+            <input
+              v-no-space
+              id="email"
+              v-model="form.email"
+              type="email"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="company">* Company</label>
             <input
+              v-no-space
               id="company"
-              v-model.trim="form.company"
+              v-model="form.company"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="phone">* Phone</label>
-            <input id="phone" v-model.trim="form.phone" type="tel" required />
+            <input
+              v-no-space
+              id="phone"
+              v-model="form.phone"
+              type="tel"
+              required
+            />
           </div>
           <button type="submit" class="submit-btn">Submit</button>
         </form>
diff --git a/src/views/email-alerts/size1920/index.vue b/src/views/email-alerts/size1920/index.vue
index 4b463ef..1189f04 100644
--- a/src/views/email-alerts/size1920/index.vue
+++ b/src/views/email-alerts/size1920/index.vue
@@ -64,7 +64,8 @@ async function handleSubmit(e) {
             <label for="firstName">* First Name</label>
             <input
               id="firstName"
-              v-model.trim="form.firstName"
+              v-no-space
+              v-model="form.firstName"
               type="text"
               required
             />
@@ -73,27 +74,35 @@ async function handleSubmit(e) {
             <label for="lastName">* Last Name</label>
             <input
               id="lastName"
-              v-model.trim="form.lastName"
+              v-no-space
+              v-model="form.lastName"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="email">* Email</label>
-            <input id="email" v-model.trim="form.email" type="email" required />
+            <input
+              id="email"
+              v-no-space
+              v-model="form.email"
+              type="email"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="company">* Company</label>
             <input
               id="company"
-              v-model.trim="form.company"
+              v-no-space
+              v-model="form.company"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="phone">* Phone</label>
-            <input id="phone" v-model.trim="form.phone" type="tel" />
+            <input id="phone" v-no-space v-model="form.phone" type="tel" />
           </div>
           <button type="submit" class="submit-btn">Submit</button>
         </form>
diff --git a/src/views/email-alerts/size375/index.vue b/src/views/email-alerts/size375/index.vue
index 3348f4e..8e38577 100644
--- a/src/views/email-alerts/size375/index.vue
+++ b/src/views/email-alerts/size375/index.vue
@@ -50,23 +50,23 @@ async function handleSubmit(e) {
         <form class="form" @submit="handleSubmit">
           <div class="form-field">
             <label>* First Name</label>
-            <input v-model.trim="form.firstName" type="text" />
+            <input v-no-space v-model="form.firstName" type="text" />
           </div>
           <div class="form-field">
             <label>* Last Name</label>
-            <input v-model.trim="form.lastName" type="text" />
+            <input v-no-space v-model="form.lastName" type="text" />
           </div>
           <div class="form-field">
             <label>* Email</label>
-            <input v-model.trim="form.email" type="email" />
+            <input v-no-space v-model="form.email" type="email" />
           </div>
           <div class="form-field">
             <label>* Company</label>
-            <input v-model.trim="form.company" type="text" />
+            <input v-no-space v-model="form.company" type="text" />
           </div>
           <div class="form-field">
             <label>* Phone</label>
-            <input v-model.trim="form.phone" type="tel" />
+            <input v-no-space v-model="form.phone" type="tel" />
           </div>
           <button type="submit" class="submit">Submit</button>
         </form>
diff --git a/src/views/email-alerts/size768/index.vue b/src/views/email-alerts/size768/index.vue
index 546ce2c..4ff2c79 100644
--- a/src/views/email-alerts/size768/index.vue
+++ b/src/views/email-alerts/size768/index.vue
@@ -64,7 +64,8 @@ async function handleSubmit(e) {
             <label for="firstName">* First Name</label>
             <input
               id="firstName"
-              v-model.trim="form.firstName"
+              v-no-space
+              v-model="form.firstName"
               type="text"
               required
             />
@@ -73,27 +74,35 @@ async function handleSubmit(e) {
             <label for="lastName">* Last Name</label>
             <input
               id="lastName"
-              v-model.trim="form.lastName"
+              v-no-space
+              v-model="form.lastName"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="email">* Email</label>
-            <input id="email" v-model.trim="form.email" type="email" required />
+            <input
+              id="email"
+              v-no-space
+              v-model="form.email"
+              type="email"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="company">* Company</label>
             <input
               id="company"
-              v-model.trim="form.company"
+              v-no-space
+              v-model="form.company"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="phone">* Phone</label>
-            <input id="phone" v-model.trim="form.phone" type="tel" />
+            <input id="phone" v-no-space v-model="form.phone" type="tel" />
           </div>
           <button type="submit" class="submit-btn">Submit</button>
         </form>
diff --git a/src/views/historic-stock/size1440/index.vue b/src/views/historic-stock/size1440/index.vue
index 7277f5f..0cf34ee 100644
--- a/src/views/historic-stock/size1440/index.vue
+++ b/src/views/historic-stock/size1440/index.vue
@@ -7,12 +7,12 @@
       <!-- 标题区域 -->
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="historic-title">Historical Data</div>
+        <div class="historic-title">{{ t("historic_stock.title") }}</div>
       </div>
     </div>
 
     <div class="filter-container">
-      <span class="range-label">Range</span>
+      <span class="range-label">{{ t("historic_stock.range") }}</span>
       <div
         v-for="option in durationOptions"
         :key="option.key"
@@ -20,13 +20,7 @@
         :class="{ active: state.selectedDuration === option.key }"
         @click="handleDurationChange(option.key)"
       >
-        {{
-          option.label
-            .replace(" Months", "m")
-            .replace(" Years", "Y")
-            .replace(" Year", "Y")
-            .replace(" to Date", "TD")
-        }}
+        {{ option.label }}
       </div>
     </div>
     <!-- reports-table from annualreports -->
@@ -85,8 +79,13 @@
     <!-- pagination-container from annualreports -->
     <div class="pagination-container">
       <div class="pagination-info">
-        Displaying {{ displayRange.start }} - {{ displayRange.end }} of
-        {{ state.tableData.length }} results
+        {{
+          t("historic_stock.pagination.displaying", {
+            start: displayRange.start,
+            end: displayRange.end,
+            total: state.tableData.length,
+          })
+        }}
       </div>
       <div class="pagination-controls">
         <div class="pagination-buttons">
@@ -135,7 +134,9 @@
           </button>
         </div>
         <div class="page-size-selector" @click="togglePageSizeMenu">
-          <span>{{ state.pageSize }}/page</span>
+          <span>{{
+            t("historic_stock.pagination.perPage", { size: state.pageSize })
+          }}</span>
           <svg width="10" height="5" viewBox="0 0 10 5" fill="none">
             <path
               d="M1 1L5 4L9 1"
@@ -153,12 +154,12 @@
               :class="{ active: state.pageSize === size }"
               @click="handlePageSizeChange(size)"
             >
-              {{ size }}/page
+              {{ t("historic_stock.pagination.perPage", { size: size }) }}
             </div>
           </div>
         </div>
         <div class="goto-section">
-          <span>Goto</span>
+          <span>{{ t("historic_stock.pagination.goto") }}</span>
           <input
             type="number"
             v-model="state.gotoPage"
@@ -187,24 +188,26 @@ import axios from "axios";
 import { ChevronDownOutline, ArrowUpOutline } from "@vicons/ionicons5";
 import defaultTableData from "../data";
 import customEcharts from "@/components/customEcharts/index.vue";
+import { useI18n } from "vue-i18n";
+const { t, locale } = useI18n();
 
 // 数据筛选选项
-const periodOptions = [
-  { label: "Daily", key: "Daily" },
-  { label: "Weekly", key: "Weekly" },
-  { label: "Monthly", key: "Monthly" },
-  { label: "Quarterly", key: "Quarterly" },
-  { label: "Annual", key: "Annual" },
-];
+const periodOptions = computed(() => [
+  { label: t("historic_stock.daily"), key: "Daily" },
+  { label: t("historic_stock.weekly"), key: "Weekly" },
+  { label: t("historic_stock.monthly"), key: "Monthly" },
+  { label: t("historic_stock.quarterly"), key: "Quarterly" },
+  { label: t("historic_stock.annual"), key: "Annual" },
+]);
 
-const durationOptions = [
-  { label: "3 Months", key: "3 Months" },
-  { label: "6 Months", key: "6 Months" },
-  { label: "YTD", key: "Year to Date" },
-  { label: "1 Year", key: "1 Year" },
-  { label: "5 Years", key: "5 Years" },
-  { label: "10 Years", key: "10 Years" },
-];
+const durationOptions = computed(() => [
+  { label: t("historic_stock.duration.3_months"), key: "3 Months" },
+  { label: t("historic_stock.duration.6_months"), key: "6 Months" },
+  { label: t("historic_stock.duration.ytd"), key: "Year to Date" },
+  { label: t("historic_stock.duration.1_year"), key: "1 Year" },
+  { label: t("historic_stock.duration.5_years"), key: "5 Years" },
+  { label: t("historic_stock.duration.10_years"), key: "10 Years" },
+]);
 
 // 分页大小选项
 const pageSizeOptions = [
@@ -239,51 +242,51 @@ const paginatedData = computed(() => {
 });
 
 // 表格列定义
-const columns = [
+const columns = computed(() => [
   {
-    title: "Date",
+    title: t("historic_stock.date"),
     key: "date",
     align: "left",
     fixed: "left",
     width: 150,
   },
   {
-    title: "Open",
+    title: t("historic_stock.open"),
     key: "open",
     align: "center",
   },
   {
-    title: "High",
+    title: t("historic_stock.high"),
     key: "high",
     align: "center",
   },
   {
-    title: "Low",
+    title: t("historic_stock.low"),
     key: "low",
     align: "center",
   },
   {
-    title: "Close",
+    title: t("historic_stock.close"),
     key: "close",
     align: "center",
   },
   {
-    title: "Adj. Close",
+    title: t("historic_stock.adj_close"),
     key: "adjClose",
     align: "center",
     width: 115,
   },
   {
-    title: "Change",
+    title: t("historic_stock.change"),
     key: "change",
     align: "center",
   },
   {
-    title: "Volume",
+    title: t("historic_stock.volume"),
     key: "volume",
     align: "center",
   },
-];
+]);
 
 // 处理下拉选项变更
 const handlePeriodChange = (key) => {
diff --git a/src/views/historic-stock/size1920/index.vue b/src/views/historic-stock/size1920/index.vue
index 2d979be..6cc2512 100644
--- a/src/views/historic-stock/size1920/index.vue
+++ b/src/views/historic-stock/size1920/index.vue
@@ -7,12 +7,12 @@
       <!-- 标题区域 -->
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="historic-title">Historical Data</div>
+        <div class="historic-title">{{ t("historic_stock.title") }}</div>
       </div>
     </div>
 
     <div class="filter-container">
-      <span class="range-label">Range</span>
+      <span class="range-label">{{ t("historic_stock.range") }}</span>
       <div
         v-for="option in durationOptions"
         :key="option.key"
@@ -20,13 +20,7 @@
         :class="{ active: state.selectedDuration === option.key }"
         @click="handleDurationChange(option.key)"
       >
-        {{
-          option.label
-            .replace(" Months", "m")
-            .replace(" Years", "Y")
-            .replace(" Year", "Y")
-            .replace(" to Date", "TD")
-        }}
+        {{ option.label }}
       </div>
     </div>
     <!-- reports-table from annualreports -->
@@ -85,8 +79,13 @@
     <!-- pagination-container from annualreports -->
     <div class="pagination-container">
       <div class="pagination-info">
-        Displaying {{ displayRange.start }} - {{ displayRange.end }} of
-        {{ state.tableData.length }} results
+        {{
+          t("historic_stock.pagination.displaying", {
+            start: displayRange.start,
+            end: displayRange.end,
+            total: state.tableData.length,
+          })
+        }}
       </div>
       <div class="pagination-controls">
         <div class="pagination-buttons">
@@ -135,7 +134,9 @@
           </button>
         </div>
         <div class="page-size-selector" @click="togglePageSizeMenu">
-          <span>{{ state.pageSize }}/page</span>
+          <span>{{
+            t("historic_stock.pagination.perPage", { size: state.pageSize })
+          }}</span>
           <svg width="10" height="5" viewBox="0 0 10 5" fill="none">
             <path
               d="M1 1L5 4L9 1"
@@ -153,12 +154,12 @@
               :class="{ active: state.pageSize === size }"
               @click="handlePageSizeChange(size)"
             >
-              {{ size }}/page
+              {{ t("historic_stock.pagination.perPage", { size: size }) }}
             </div>
           </div>
         </div>
         <div class="goto-section">
-          <span>Goto</span>
+          <span>{{ t("historic_stock.pagination.goto") }}</span>
           <input
             type="number"
             v-model="state.gotoPage"
@@ -187,24 +188,26 @@ import axios from "axios";
 import { ChevronDownOutline, ArrowUpOutline } from "@vicons/ionicons5";
 import defaultTableData from "../data";
 import customEcharts from "@/components/customEcharts/index.vue";
+import { useI18n } from "vue-i18n";
+const { t, locale } = useI18n();
 
 // 数据筛选选项
-const periodOptions = [
-  { label: "Daily", key: "Daily" },
-  { label: "Weekly", key: "Weekly" },
-  { label: "Monthly", key: "Monthly" },
-  { label: "Quarterly", key: "Quarterly" },
-  { label: "Annual", key: "Annual" },
-];
+const periodOptions = computed(() => [
+  { label: t("historic_stock.daily"), key: "Daily" },
+  { label: t("historic_stock.weekly"), key: "Weekly" },
+  { label: t("historic_stock.monthly"), key: "Monthly" },
+  { label: t("historic_stock.quarterly"), key: "Quarterly" },
+  { label: t("historic_stock.annual"), key: "Annual" },
+]);
 
-const durationOptions = [
-  { label: "3 Months", key: "3 Months" },
-  { label: "6 Months", key: "6 Months" },
-  { label: "YTD", key: "Year to Date" },
-  { label: "1 Year", key: "1 Year" },
-  { label: "5 Years", key: "5 Years" },
-  { label: "10 Years", key: "10 Years" },
-];
+const durationOptions = computed(() => [
+  { label: t("historic_stock.duration.3_months"), key: "3 Months" },
+  { label: t("historic_stock.duration.6_months"), key: "6 Months" },
+  { label: t("historic_stock.duration.ytd"), key: "Year to Date" },
+  { label: t("historic_stock.duration.1_year"), key: "1 Year" },
+  { label: t("historic_stock.duration.5_years"), key: "5 Years" },
+  { label: t("historic_stock.duration.10_years"), key: "10 Years" },
+]);
 
 // 分页大小选项
 const pageSizeOptions = [
@@ -239,51 +242,51 @@ const paginatedData = computed(() => {
 });
 
 // 表格列定义
-const columns = [
+const columns = computed(() => [
   {
-    title: "Date",
+    title: t("historic_stock.date"),
     key: "date",
     align: "left",
     fixed: "left",
     width: 150,
   },
   {
-    title: "Open",
+    title: t("historic_stock.open"),
     key: "open",
     align: "center",
   },
   {
-    title: "High",
+    title: t("historic_stock.high"),
     key: "high",
     align: "center",
   },
   {
-    title: "Low",
+    title: t("historic_stock.low"),
     key: "low",
     align: "center",
   },
   {
-    title: "Close",
+    title: t("historic_stock.close"),
     key: "close",
     align: "center",
   },
   {
-    title: "Adj. Close",
+    title: t("historic_stock.adj_close"),
     key: "adjClose",
     align: "center",
     width: 115,
   },
   {
-    title: "Change",
+    title: t("historic_stock.change"),
     key: "change",
     align: "center",
   },
   {
-    title: "Volume",
+    title: t("historic_stock.volume"),
     key: "volume",
     align: "center",
   },
-];
+]);
 
 // 处理下拉选项变更
 const handlePeriodChange = (key) => {
diff --git a/src/views/historic-stock/size375/index.vue b/src/views/historic-stock/size375/index.vue
index 13fb9b5..4e30b98 100644
--- a/src/views/historic-stock/size375/index.vue
+++ b/src/views/historic-stock/size375/index.vue
@@ -7,12 +7,12 @@
       <!-- 标题区域 -->
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="title-text">Historical Data</div>
+        <div class="title-text">{{ t("historic_stock.title") }}</div>
       </div>
     </div>
 
     <div class="filter-container">
-      <span class="range-label">Range</span>
+      <span class="range-label">{{ t("historic_stock.range") }}</span>
       <div class="filter-row">
         <div
           v-for="option in durationOptions"
@@ -21,13 +21,7 @@
           :class="{ active: state.selectedDuration === option.key }"
           @click="handleDurationChange(option.key)"
         >
-          {{
-            option.label
-              .replace(" Months", "m")
-              .replace(" Years", "Y")
-              .replace(" Year", "Y")
-              .replace(" to Date", "TD")
-          }}
+          {{ option.label }}
         </div>
       </div>
     </div>
@@ -135,7 +129,9 @@
           </button>
         </div>
         <div class="page-size-selector" @click="togglePageSizeMenu">
-          <span>{{ state.pageSize }}/page</span>
+          <span>{{
+            t("historic_stock.pagination.perPage", { size: state.pageSize })
+          }}</span>
           <svg width="10" height="5" viewBox="0 0 10 5" fill="none">
             <path
               d="M1 1L5 4L9 1"
@@ -153,15 +149,20 @@
               :class="{ active: state.pageSize === size }"
               @click="handlePageSizeChange(size)"
             >
-              {{ size }}/page
+              {{ t("historic_stock.pagination.perPage", { size: size }) }}
             </div>
           </div>
         </div>
       </div>
     </div>
     <div class="pagination-info">
-      Displaying {{ displayRange.start }} - {{ displayRange.end }} of
-      {{ state.tableData.length }} results
+      {{
+        t("historic_stock.pagination.displaying", {
+          start: displayRange.start,
+          end: displayRange.end,
+          total: state.tableData.length,
+        })
+      }}
     </div>
 
     <!-- <div class="back-to-top-link">
@@ -180,24 +181,26 @@ import axios from "axios";
 import { ChevronDownOutline, ArrowUpOutline } from "@vicons/ionicons5";
 import defaultTableData from "../data";
 import customEcharts from "@/components/customEcharts/index.vue";
+import { useI18n } from "vue-i18n";
+const { t, locale } = useI18n();
 
 // 数据筛选选项
-const periodOptions = [
-  { label: "Daily", key: "Daily" },
-  { label: "Weekly", key: "Weekly" },
-  { label: "Monthly", key: "Monthly" },
-  { label: "Quarterly", key: "Quarterly" },
-  { label: "Annual", key: "Annual" },
-];
+const periodOptions = computed(() => [
+  { label: t("historic_stock.daily"), key: "Daily" },
+  { label: t("historic_stock.weekly"), key: "Weekly" },
+  { label: t("historic_stock.monthly"), key: "Monthly" },
+  { label: t("historic_stock.quarterly"), key: "Quarterly" },
+  { label: t("historic_stock.annual"), key: "Annual" },
+]);
 
-const durationOptions = [
-  { label: "3 Months", key: "3 Months" },
-  { label: "6 Months", key: "6 Months" },
-  { label: "YTD", key: "Year to Date" },
-  { label: "1 Year", key: "1 Year" },
-  { label: "5 Years", key: "5 Years" },
-  { label: "10 Years", key: "10 Years" },
-];
+const durationOptions = computed(() => [
+  { label: t("historic_stock.duration.3_months"), key: "3 Months" },
+  { label: t("historic_stock.duration.6_months"), key: "6 Months" },
+  { label: t("historic_stock.duration.ytd"), key: "Year to Date" },
+  { label: t("historic_stock.duration.1_year"), key: "1 Year" },
+  { label: t("historic_stock.duration.5_years"), key: "5 Years" },
+  { label: t("historic_stock.duration.10_years"), key: "10 Years" },
+]);
 
 // 分页大小选项
 const pageSizeOptions = [
@@ -232,57 +235,57 @@ const paginatedData = computed(() => {
 });
 
 // 表格列定义
-const columns = [
+const columns = computed(() => [
   {
-    title: "Date",
+    title: t("historic_stock.date"),
     key: "date",
     align: "left",
     fixed: "left",
     width: 152,
   },
   {
-    title: "Open",
+    title: t("historic_stock.open"),
     key: "open",
     align: "center",
     width: 116,
   },
   {
-    title: "High",
+    title: t("historic_stock.high"),
     key: "high",
     align: "center",
     width: 116,
   },
   {
-    title: "Low",
+    title: t("historic_stock.low"),
     key: "low",
     align: "center",
     width: 116,
   },
   {
-    title: "Close",
+    title: t("historic_stock.close"),
     key: "close",
     align: "center",
     width: 116,
   },
   {
-    title: "Adj. Close",
+    title: t("historic_stock.adj_close"),
     key: "adjClose",
     align: "center",
     width: 116,
   },
   {
-    title: "Change",
+    title: t("historic_stock.change"),
     key: "change",
     align: "center",
     width: 116,
   },
   {
-    title: "Volume",
+    title: t("historic_stock.volume"),
     key: "volume",
     align: "center",
     width: 116,
   },
-];
+]);
 
 // 处理下拉选项变更
 const handlePeriodChange = (key) => {
diff --git a/src/views/historic-stock/size768/index.vue b/src/views/historic-stock/size768/index.vue
index 5637c5b..c9a7ace 100644
--- a/src/views/historic-stock/size768/index.vue
+++ b/src/views/historic-stock/size768/index.vue
@@ -7,12 +7,12 @@
       <!-- 标题区域 -->
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="title-text">Historical Data</div>
+        <div class="title-text">{{ t("historic_stock.title") }}</div>
       </div>
     </div>
 
     <div class="filter-container">
-      <span class="range-label">Range</span>
+      <span class="range-label">{{ t("historic_stock.range") }}</span>
       <div
         v-for="option in durationOptions"
         :key="option.key"
@@ -20,13 +20,7 @@
         :class="{ active: state.selectedDuration === option.key }"
         @click="handleDurationChange(option.key)"
       >
-        {{
-          option.label
-            .replace(" Months", "m")
-            .replace(" Years", "Y")
-            .replace(" Year", "Y")
-            .replace(" to Date", "TD")
-        }}
+        {{ option.label }}
       </div>
     </div>
     <!-- reports-table from annualreports -->
@@ -133,7 +127,9 @@
           </button>
         </div>
         <div class="page-size-selector" @click="togglePageSizeMenu">
-          <span>{{ state.pageSize }}/page</span>
+          <span>{{
+            t("historic_stock.pagination.perPage", { size: state.pageSize })
+          }}</span>
           <svg width="10" height="5" viewBox="0 0 10 5" fill="none">
             <path
               d="M1 1L5 4L9 1"
@@ -151,12 +147,12 @@
               :class="{ active: state.pageSize === size }"
               @click="handlePageSizeChange(size)"
             >
-              {{ size }}/page
+              {{ t("historic_stock.pagination.perPage", { size: size }) }}
             </div>
           </div>
         </div>
         <div class="goto-section">
-          <span>Goto</span>
+          <span>{{ t("historic_stock.pagination.goto") }}</span>
           <input
             type="number"
             v-model="state.gotoPage"
@@ -169,8 +165,13 @@
       </div>
     </div>
     <div class="pagination-info">
-      Displaying {{ displayRange.start }} - {{ displayRange.end }} of
-      {{ state.tableData.length }} results
+      {{
+        t("historic_stock.pagination.displaying", {
+          start: displayRange.start,
+          end: displayRange.end,
+          total: state.tableData.length,
+        })
+      }}
     </div>
 
     <!-- <div class="back-to-top-link">
@@ -189,24 +190,26 @@ import axios from "axios";
 import { ChevronDownOutline, ArrowUpOutline } from "@vicons/ionicons5";
 import defaultTableData from "../data";
 import customEcharts from "@/components/customEcharts/index.vue";
+import { useI18n } from "vue-i18n";
+const { t, locale } = useI18n();
 
 // 数据筛选选项
-const periodOptions = [
-  { label: "Daily", key: "Daily" },
-  { label: "Weekly", key: "Weekly" },
-  { label: "Monthly", key: "Monthly" },
-  { label: "Quarterly", key: "Quarterly" },
-  { label: "Annual", key: "Annual" },
-];
+const periodOptions = computed(() => [
+  { label: t("historic_stock.daily"), key: "Daily" },
+  { label: t("historic_stock.weekly"), key: "Weekly" },
+  { label: t("historic_stock.monthly"), key: "Monthly" },
+  { label: t("historic_stock.quarterly"), key: "Quarterly" },
+  { label: t("historic_stock.annual"), key: "Annual" },
+]);
 
-const durationOptions = [
-  { label: "3 Months", key: "3 Months" },
-  { label: "6 Months", key: "6 Months" },
-  { label: "YTD", key: "Year to Date" },
-  { label: "1 Year", key: "1 Year" },
-  { label: "5 Years", key: "5 Years" },
-  { label: "10 Years", key: "10 Years" },
-];
+const durationOptions = computed(() => [
+  { label: t("historic_stock.duration.3_months"), key: "3 Months" },
+  { label: t("historic_stock.duration.6_months"), key: "6 Months" },
+  { label: t("historic_stock.duration.ytd"), key: "Year to Date" },
+  { label: t("historic_stock.duration.1_year"), key: "1 Year" },
+  { label: t("historic_stock.duration.5_years"), key: "5 Years" },
+  { label: t("historic_stock.duration.10_years"), key: "10 Years" },
+]);
 
 // 分页大小选项
 const pageSizeOptions = [
@@ -241,51 +244,51 @@ const paginatedData = computed(() => {
 });
 
 // 表格列定义
-const columns = [
+const columns = computed(() => [
   {
-    title: "Date",
+    title: t("historic_stock.date"),
     key: "date",
     align: "left",
     fixed: "left",
     width: 150,
   },
   {
-    title: "Open",
+    title: t("historic_stock.open"),
     key: "open",
     align: "center",
   },
   {
-    title: "High",
+    title: t("historic_stock.high"),
     key: "high",
     align: "center",
   },
   {
-    title: "Low",
+    title: t("historic_stock.low"),
     key: "low",
     align: "center",
   },
   {
-    title: "Close",
+    title: t("historic_stock.close"),
     key: "close",
     align: "center",
   },
   {
-    title: "Adj. Close",
+    title: t("historic_stock.adj_close"),
     key: "adjClose",
     align: "center",
     width: 115,
   },
   {
-    title: "Change",
+    title: t("historic_stock.change"),
     key: "change",
     align: "center",
   },
   {
-    title: "Volume",
+    title: t("historic_stock.volume"),
     key: "volume",
     align: "center",
   },
-];
+]);
 
 // 处理下拉选项变更
 const handlePeriodChange = (key) => {