diff --git a/src/assets/file/2025 Q1 Quarterly Results.pdf b/src/assets/file/2025 Q1 Quarterly Results.pdf
new file mode 100644
index 0000000..6d22d07
Binary files /dev/null and b/src/assets/file/2025 Q1 Quarterly Results.pdf differ
diff --git a/src/assets/image/bg-375.png b/src/assets/image/bg-375.png
new file mode 100644
index 0000000..4d4f647
Binary files /dev/null and b/src/assets/image/bg-375.png differ
diff --git a/src/assets/image/bg.png b/src/assets/image/bg.png
new file mode 100644
index 0000000..46b9cb7
Binary files /dev/null and b/src/assets/image/bg.png differ
diff --git a/src/assets/image/download.svg b/src/assets/image/download.svg
new file mode 100644
index 0000000..557ac84
--- /dev/null
+++ b/src/assets/image/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" viewBox="0 0 19 19"><defs><style>.a{fill:#fff;stroke:#707070;}.b{clip-path:url(#a);}.c{fill:#2c2c2c;}</style><clipPath id="a"><rect class="a" width="19" height="19" transform="translate(333.601 660.601)"/></clipPath></defs><g class="b" transform="translate(-333.601 -660.601)"><g transform="translate(333.591 664.087)"><path class="c" d="M19.237,22.964H2.325a.922.922,0,0,1-.922-.922V15.408a.922.922,0,1,1,1.844,0V21.12H18.315V15.408a.922.922,0,1,1,1.844,0v6.634A.922.922,0,0,1,19.237,22.964Z" transform="translate(-1.403 -7.061)"/><path class="c" d="M12.451,13.284c-.509,0-.922-.311-.922-.694V1.332c0-.384.413-.694.922-.694s.922.311.922.694V12.589C13.373,12.973,12.96,13.284,12.451,13.284Z" transform="translate(-3.073 -0.638)"/><path class="c" d="M11.833,20.248a.922.922,0,0,1-.748-.384L7.956,15.51a.922.922,0,1,1,1.5-1.076l2.381,3.313,2.38-3.313a.922.922,0,1,1,1.5,1.076l-3.129,4.355A.921.921,0,0,1,11.833,20.248Z" transform="translate(-2.455 -6.989)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/image/pdf.png b/src/assets/image/pdf.png
new file mode 100644
index 0000000..d830d3d
Binary files /dev/null and b/src/assets/image/pdf.png differ
diff --git a/src/locales/en.js b/src/locales/en.js
index 8177a40..f38e888 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -463,5 +463,32 @@ export default {
       ],
       note: 'Minim representatives (other than authorized speakers) who receive inquiries from the media, market professionals, or shareholders should not respond to such inquiries but should refer the inquirer to an authorized speaker. However, Minim representatives assigned to the Investor Relations and Marketing teams may respond to routine inquiries about public information in accordance with guidelines established by authorized speakers from time to time.'
     }
+  },
+  financialinformation: {
+    secfilings: {
+      title: 'Financials',
+      overview: {
+        title: 'Company Financial Overview',
+        desc: 'This page offers access to our <strong>Annual Reports</strong> and <strong>SEC Filings</strong>. These sections provide key financial data and regulatory documents, keeping you informed about our financial performance and compliance.'
+      },
+      annual_reports: {
+        title: 'Annual Reports',
+        file_name: 'File Name',
+        view: 'View'
+      },
+      sec: {
+        title: 'SEC Filings',
+        desc: 'To Access All Of Our Fillings With Sec Sites, Please',
+        click_here: 'Click Here'
+      }
+    },
+    quarterlyresults: {
+      title: 'Quarterly Results',
+      search: {
+        placeholder: 'Search',
+        button: 'Go'
+      },
+      download: 'Download'
+    }
   }
 }
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 8cb90a9..91769f6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,6 +42,17 @@ const routes = [
     //     name: 'Investorhandbook',
     //     component: () => import('@/views/investorhandbook/index.vue'),
     // },
+    {
+        path: '/quarterlyresults',
+        name: 'QuarterlyResults',
+        component: () => import('@/views/financialinformation/quarterlyresults/index.vue'),
+    },
+    {
+        path: '/secfilings',
+        name: 'SecFilings',
+        component: () => import('@/views/financialinformation/secfilings/index.vue'),
+    },
+    
 ];
 
 const router = createRouter({
diff --git a/src/views/financialinformation/quarterlyresults/index.vue b/src/views/financialinformation/quarterlyresults/index.vue
new file mode 100644
index 0000000..b58e41c
--- /dev/null
+++ b/src/views/financialinformation/quarterlyresults/index.vue
@@ -0,0 +1,34 @@
+<script setup>
+import { computed } from "vue";
+import { useWindowSize } from "@vueuse/core";
+
+import size375 from "@/views/financialinformation/quarterlyresults/size375/index.vue";
+import size768 from "@/views/financialinformation/quarterlyresults/size1920/index.vue";
+import size1440 from "@/views/financialinformation/quarterlyresults/size1920/index.vue";
+import size1920 from "@/views/financialinformation/quarterlyresults/size1920/index.vue";
+import { useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+
+const router = useRouter();
+const { width } = useWindowSize();
+const { t } = useI18n();
+
+const viewComponent = computed(() => {
+  const viewWidth = width.value;
+  if (viewWidth <= 450) {
+    return size375;
+  } else if (viewWidth <= 1100) {
+    return size768;
+  } else if (viewWidth <= 1500) {
+    return size1440;
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
+    return size1920;
+  }
+});
+</script>
+
+<template>
+  <component :is="viewComponent" />
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/financialinformation/quarterlyresults/size1920/index.vue b/src/views/financialinformation/quarterlyresults/size1920/index.vue
new file mode 100644
index 0000000..bfed363
--- /dev/null
+++ b/src/views/financialinformation/quarterlyresults/size1920/index.vue
@@ -0,0 +1,153 @@
+<template>
+  <header></header>
+  <main class="p-[35px] max-w-[1200px] mx-auto">
+    <div class="title mb-[20px]">
+      {{ t("financialinformation.quarterlyresults.title") }}
+    </div>
+    <div class="search-container">
+      <input
+        type="text"
+        :placeholder="
+          t('financialinformation.quarterlyresults.search.placeholder')
+        "
+        v-model="searchQuery"
+        class="search-input"
+      />
+      <button class="search-button" @click="handleSearch">
+        {{ t("financialinformation.quarterlyresults.search.button") }}
+      </button>
+    </div>
+
+    <div class="results-list">
+      <div
+        v-for="(item, index) in filteredList"
+        :key="index"
+        class="result-item"
+      >
+        <div class="content">
+          <a :href="item.url" class="result-title subtitle">{{ item.title }}</a>
+          <p class="result-description content-text">{{ item.description }}</p>
+        </div>
+        <div class="pdf-icon">
+          <a :href="item.url" target="_blank">
+            <img src="@/assets/image/pdf.png" alt="PDF" />
+          </a>
+        </div>
+      </div>
+    </div>
+  </main>
+  <footer></footer>
+</template>
+<script setup>
+import { ref, watch, onMounted, computed, reactive } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+const searchQuery = ref("");
+
+const state = reactive({
+  list: [
+    {
+      title: "2025 Q1 Quarterly Results",
+      description:
+        "Unaudited First Quarter and Full Year 2025 Financial Results",
+      url: "/src/assets/file/2025 Q1 Quarterly Results.pdf",
+    },
+  ],
+});
+
+onMounted(async () => {});
+const filteredList = computed(() => {
+  if (!searchQuery.value) return state.list;
+  const query = searchQuery.value.toLowerCase();
+  return state.list.filter(
+    (item) =>
+      item.title.toLowerCase().includes(query) ||
+      item.description.toLowerCase().includes(query)
+  );
+});
+
+const handleSearch = () => {
+  // 搜索处理逻辑
+  console.log("搜索:", searchQuery.value);
+};
+</script>
+<style scoped lang="scss">
+.title {
+  font-size: 40px;
+  color: #333;
+}
+.subtitle {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+.content-text {
+  font-size: 16px;
+}
+.search-container {
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.search-input {
+  padding: 8px 12px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  width: 240px;
+  margin-right: 10px;
+}
+
+.search-button {
+  padding: 8px 16px;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.results-list {
+  padding-right: 20px;
+  margin-top: 20px;
+  max-height: 1200px;
+  overflow-y: auto;
+}
+
+.result-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 15px 0;
+  border-bottom: 1px solid #eee;
+}
+
+.content {
+  flex: 1;
+}
+
+.result-title {
+  color: #0078d7;
+  text-decoration: none;
+  display: block;
+  margin-bottom: 5px;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.result-description {
+  color: #666;
+  margin: 0;
+}
+
+.pdf-icon {
+  margin-left: 15px;
+
+  img {
+    width: 24px;
+    height: 24px;
+  }
+}
+</style>
diff --git a/src/views/financialinformation/quarterlyresults/size375/index.vue b/src/views/financialinformation/quarterlyresults/size375/index.vue
new file mode 100644
index 0000000..9ed4a1e
--- /dev/null
+++ b/src/views/financialinformation/quarterlyresults/size375/index.vue
@@ -0,0 +1,217 @@
+<template>
+  <header></header>
+  <main class="p-[80px] mx-auto" style="max-width: 100vw; min-width: 375px">
+    <div class="page-title mb-[24px]">
+      {{ t("financialinformation.quarterlyresults.title") }}
+    </div>
+    <div class="search-container">
+      <n-input
+        v-model:value="searchQuery"
+        :placeholder="
+          t('financialinformation.quarterlyresults.search.placeholder')
+        "
+        clearable
+        :font-size="72"
+      />
+      <n-button
+        type="primary"
+        @click="handleSearch"
+        :font-size="72"
+        class="ml-[10px]"
+      >
+        {{ t("financialinformation.quarterlyresults.search.button") }}
+      </n-button>
+    </div>
+
+    <div class="results-list">
+      <div
+        v-for="(item, index) in filteredList"
+        :key="index"
+        class="result-item flex items-center mt-[20px] mb-[20px]"
+      >
+        <img
+          src="@/assets/image/pdf.png"
+          alt="PDF"
+          style="width: 20px; height: 20px"
+        />
+        <div class="content">
+          <div class="result-title">{{ item.title }}</div>
+        </div>
+
+        <img
+          src="@/assets/image/download.svg"
+          style="width: 20px; height: 20px"
+          @click="handleDownload(item.url)"
+        />
+      </div>
+    </div>
+  </main>
+  <footer></footer>
+</template>
+<script setup>
+import { ref, watch, onMounted, computed, reactive } from "vue";
+import { NButton, NInput, NTooltip } from "naive-ui";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+const searchQuery = ref("");
+
+const state = reactive({
+  list: [
+    {
+      title: "2025 Q1 Quarterly Results",
+      description:
+        "Unaudited First Quarter and Full Year 2025 Financial Results",
+      url: "/src/assets/file/2025 Q1 Quarterly Results.pdf",
+    },
+  ],
+});
+
+onMounted(async () => {});
+const filteredList = computed(() => {
+  if (!searchQuery.value) return state.list;
+  const query = searchQuery.value.toLowerCase();
+  return state.list.filter(
+    (item) =>
+      item.title.toLowerCase().includes(query) ||
+      item.description.toLowerCase().includes(query)
+  );
+});
+
+const handleSearch = () => {
+  // 搜索处理逻辑
+  console.log("搜索:", searchQuery.value);
+};
+
+const handleDownload = (url) => {
+  // 下载处理逻辑
+  console.log("下载:", url);
+
+  // 创建一个隐藏的a元素
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = url.split("/").pop(); // 从URL提取文件名
+  link.target = "_blank";
+
+  // 对于移动设备，我们需要特殊处理
+  const isMobile =
+    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+      navigator.userAgent
+    );
+
+  if (isMobile) {
+    // 在移动设备上，可能需要使用fetch下载文件并创建blob
+    fetch(url)
+      .then((response) => response.blob())
+      .then((blob) => {
+        const objectUrl = URL.createObjectURL(blob);
+        link.href = objectUrl;
+        document.body.appendChild(link);
+        link.click();
+
+        // 清理
+        setTimeout(() => {
+          document.body.removeChild(link);
+          URL.revokeObjectURL(objectUrl);
+        }, 100);
+      })
+      .catch((error) => {
+        console.error("下载文件时出错:", error);
+        // 如果fetch失败，回退到window.open
+        window.open(url, "_blank");
+      });
+  } else {
+    // 桌面设备上直接点击链接
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }
+};
+</script>
+<style scoped lang="scss">
+.page-title {
+  font-size: 113px;
+  font-weight: bold;
+  color: #333;
+  text-align: center;
+  margin-top: 8px;
+}
+
+.search-container {
+  margin-bottom: 24px;
+  display: flex;
+  align-items: center;
+  background-color: #f6f7f9;
+  border-radius: 8px;
+  padding: 8px;
+}
+
+.results-list {
+  margin-top: 46px;
+  max-height: 3000px;
+  overflow-y: auto;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+  background-color: #fff;
+}
+
+.result-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 46px;
+  border-bottom: 1px solid #f0f0f0;
+  transition: background-color 0.2s;
+
+  &:hover {
+    background-color: #f9fafc;
+  }
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.result-title {
+  color: #2979ff;
+  text-decoration: none;
+  display: block;
+  margin-bottom: 8px;
+  font-size: 92px;
+  font-weight: 600;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.result-description {
+  color: #666;
+  margin: 0;
+  font-size: 72px;
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
+.pdf-icon {
+  margin-left: 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .pdf-link {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-decoration: none;
+    color: #ff5252;
+    font-size: 50px;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+}
+</style>
diff --git a/src/views/financialinformation/secfilings/index.vue b/src/views/financialinformation/secfilings/index.vue
new file mode 100644
index 0000000..5713bdc
--- /dev/null
+++ b/src/views/financialinformation/secfilings/index.vue
@@ -0,0 +1,34 @@
+<script setup>
+import { computed } from "vue";
+import { useWindowSize } from "@vueuse/core";
+
+import size375 from "@/views/financialinformation/secfilings/size375/index.vue";
+import size768 from "@/views/financialinformation/secfilings/size1920/index.vue";
+import size1440 from "@/views/financialinformation/secfilings/size1920/index.vue";
+import size1920 from "@/views/financialinformation/secfilings/size1920/index.vue";
+import { useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+
+const router = useRouter();
+const { width } = useWindowSize();
+const { t } = useI18n();
+
+const viewComponent = computed(() => {
+  const viewWidth = width.value;
+  if (viewWidth <= 450) {
+    return size375;
+  } else if (viewWidth <= 1100) {
+    return size768;
+  } else if (viewWidth <= 1500) {
+    return size1440;
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
+    return size1920;
+  }
+});
+</script>
+
+<template>
+  <component :is="viewComponent" />
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/financialinformation/secfilings/size1920/index.vue b/src/views/financialinformation/secfilings/size1920/index.vue
new file mode 100644
index 0000000..ed50dac
--- /dev/null
+++ b/src/views/financialinformation/secfilings/size1920/index.vue
@@ -0,0 +1,262 @@
+<template>
+  <div class="page-container">
+    <div class="financials-container">
+      <!-- 标题 -->
+      <div class="financials-title">
+        {{ t("financialinformation.secfilings.title") }}
+      </div>
+
+      <!-- 公司财务概览 -->
+      <section class="section">
+        <div class="section-title">
+          {{ t("financialinformation.secfilings.overview.title") }}
+        </div>
+        <p
+          class="overview-text"
+          v-html="t('financialinformation.secfilings.overview.desc')"
+        ></p>
+      </section>
+
+      <!-- 年度报告 -->
+      <section class="section">
+        <div class="section-title">
+          {{ t("financialinformation.secfilings.annual_reports.title") }}
+        </div>
+
+        <!-- 报告表格 -->
+        <div class="reports-table">
+          <div class="table-header">
+            <div class="column file-name">
+              {{
+                t("financialinformation.secfilings.annual_reports.file_name")
+              }}
+            </div>
+            <div class="column download"></div>
+          </div>
+
+          <!-- 报告列表 -->
+          <div class="reports-list">
+            <div
+              class="table-row"
+              v-for="(report, index) in annualReports"
+              :key="index"
+            >
+              <div class="column file-name">{{ report.fileName }}</div>
+              <div class="column download">
+                <a :href="report.downloadUrl" class="download-link">{{
+                  t("financialinformation.secfilings.annual_reports.view")
+                }}</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- SEC文件 -->
+      <section class="section">
+        <div class="section-title">
+          {{ t("financialinformation.secfilings.sec.title") }}
+        </div>
+        <p class="sec-text">
+          {{ t("financialinformation.secfilings.sec.desc") }}
+          <a
+            href="https://www.sec.gov/cgi-bin/browse-edgar?company=&CIK=NCTY&filenum=&State=&SIC=&owner=include&action=getcompany"
+            class="link"
+            >{{ t("financialinformation.secfilings.sec.click_here") }}</a
+          >.
+        </p>
+      </section>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
+// 年度报告数据
+const annualReports = ref([
+  {
+    fileName: "fieeinc_10q",
+    downloadUrl:
+      "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003706/fieeinc_10q.htm",
+  },
+  {
+    fileName: "fieeinc_ex31-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-1.htm",
+  },
+  {
+    fileName: "fieeinc_ex31-2",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-2.htm",
+  },
+  {
+    fileName: "fieeinc_ex32-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-1.htm",
+  },
+  {
+    fileName: "fieeinc_ex32-2",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-2.htm",
+  },
+  {
+    fileName: "	ownership",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003622/xslF345X05/ownership.xml",
+  },
+  {
+    fileName: "primary_doc",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/xslSCHEDULE_13D_X01/primary_doc.xml",
+  },
+  {
+    fileName: "fieeinc_ex1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/fieeinc_ex1.htm",
+  },
+  {
+    fileName: "fiee_8ka",
+    downloadUrl:
+      "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003580/fiee_8ka.htm",
+  },
+  {
+    fileName: "fiee_ex4-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex4-1.htm",
+  },
+  {
+    fileName: "fiee_ex10-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex10-1.htm",
+  },
+]);
+</script>
+
+<style scoped lang="scss">
+.page-container {
+  background-image: url("@/assets/image/bg.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.financials-container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.financials-title {
+  font-size: 40px;
+  text-align: center;
+  margin-bottom: 60px;
+  color: #333;
+}
+
+.section {
+  margin-bottom: 60px;
+}
+
+.section-title {
+  font-size: 18px;
+  margin-bottom: 20px;
+  color: #333;
+}
+
+.overview-text {
+  font-size: 16px;
+  line-height: 1.6;
+  color: #333;
+  margin-bottom: 30px;
+}
+
+.tabs {
+  display: flex;
+  margin-bottom: 20px;
+}
+
+.tab {
+  padding: 10px 20px;
+  font-weight: bold;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+
+  &.active {
+    border-bottom: 2px solid #333;
+  }
+}
+
+.reports-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table-header {
+  display: flex;
+  padding: 10px 0;
+  border-bottom: 1px solid #ccc;
+  font-weight: bold;
+}
+
+.table-row {
+  display: flex;
+  padding: 15px 0;
+  border-bottom: 1px solid #eee;
+  align-items: center;
+  justify-content: space-between;
+}
+.reports-list {
+  // max-height: 600px;
+  // overflow-y: auto;
+}
+.column {
+  &.format {
+    width: 10%;
+  }
+
+  &.item {
+    width: 15%;
+  }
+
+  &.file-name {
+    width: 50%;
+  }
+
+  &.download {
+    width: 25%;
+    text-align: right;
+    margin-right: 50px;
+  }
+}
+
+.pdf-icon {
+  width: 36px;
+  height: 36px;
+}
+
+.download-link {
+  color: #0078d7;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.sec-text {
+  font-size: 16px;
+  line-height: 1.6;
+}
+
+.link {
+  color: #f00;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+</style>
diff --git a/src/views/financialinformation/secfilings/size375/index.vue b/src/views/financialinformation/secfilings/size375/index.vue
new file mode 100644
index 0000000..d117bfd
--- /dev/null
+++ b/src/views/financialinformation/secfilings/size375/index.vue
@@ -0,0 +1,261 @@
+<template>
+  <div class="page-container">
+    <div class="financials-container">
+      <!-- 标题 -->
+      <div class="financials-title">
+        {{ t("financialinformation.secfilings.title") }}
+      </div>
+
+      <!-- 公司财务概览 -->
+      <section class="section">
+        <div class="section-title">
+          {{ t("financialinformation.secfilings.overview.title") }}
+        </div>
+        <p
+          class="overview-text"
+          v-html="t('financialinformation.secfilings.overview.desc')"
+        ></p>
+      </section>
+
+      <!-- 年度报告 -->
+      <section class="section">
+        <div class="section-title">
+          {{ t("financialinformation.secfilings.annual_reports.title") }}
+        </div>
+
+        <!-- 报告表格 -->
+        <div class="reports-table">
+          <div class="table-header">
+            <div class="column file-name">
+              {{
+                t("financialinformation.secfilings.annual_reports.file_name")
+              }}
+            </div>
+            <div class="column download"></div>
+          </div>
+
+          <!-- 报告列表 -->
+          <div class="reports-list">
+            <div
+              class="table-row"
+              v-for="(report, index) in annualReports"
+              :key="index"
+            >
+              <div class="column file-name">{{ report.fileName }}</div>
+              <div class="column download">
+                <a :href="report.downloadUrl" class="download-link">{{
+                  t("financialinformation.secfilings.annual_reports.view")
+                }}</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- SEC文件 -->
+      <section class="section">
+        <div class="section-title">
+          {{ t("financialinformation.secfilings.sec.title") }}
+        </div>
+        <p class="sec-text">
+          {{ t("financialinformation.secfilings.sec.desc") }}
+          <a
+            href="https://www.sec.gov/cgi-bin/browse-edgar?company=&CIK=NCTY&filenum=&State=&SIC=&owner=include&action=getcompany"
+            class="link"
+            >{{ t("financialinformation.secfilings.sec.click_here") }}</a
+          >.
+        </p>
+      </section>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
+// 年度报告数据
+const annualReports = ref([
+  {
+    fileName: "fieeinc_10q",
+    downloadUrl:
+      "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003706/fieeinc_10q.htm",
+  },
+  {
+    fileName: "fieeinc_ex31-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-1.htm",
+  },
+  {
+    fileName: "fieeinc_ex31-2",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-2.htm",
+  },
+  {
+    fileName: "fieeinc_ex32-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-1.htm",
+  },
+  {
+    fileName: "fieeinc_ex32-2",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-2.htm",
+  },
+  {
+    fileName: "	ownership",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003622/xslF345X05/ownership.xml",
+  },
+  {
+    fileName: "primary_doc",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/xslSCHEDULE_13D_X01/primary_doc.xml",
+  },
+  {
+    fileName: "fieeinc_ex1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/fieeinc_ex1.htm",
+  },
+  {
+    fileName: "fiee_8ka",
+    downloadUrl:
+      "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003580/fiee_8ka.htm",
+  },
+  {
+    fileName: "fiee_ex4-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex4-1.htm",
+  },
+  {
+    fileName: "fiee_ex10-1",
+    downloadUrl:
+      "https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex10-1.htm",
+  },
+]);
+</script>
+
+<style scoped lang="scss">
+.page-container {
+  background-image: url("@/assets/image/bg-375.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.financials-container {
+  margin: 0 auto;
+  padding: 80px;
+}
+
+.financials-title {
+  font-size: 113px;
+  font-weight: 600;
+  text-align: center;
+  margin-bottom: 60px;
+  color: #333;
+}
+
+.section {
+  margin-bottom: 60px;
+}
+
+.section-title {
+  font-size: 92px;
+  font-weight: 600;
+  margin-bottom: 20px;
+  color: #333;
+}
+
+.overview-text {
+  font-size: 72px;
+  line-height: 1.6;
+  color: #333;
+  margin-bottom: 30px;
+}
+
+.tabs {
+  display: flex;
+  margin-bottom: 20px;
+}
+
+.tab {
+  padding: 10px 20px;
+  font-weight: bold;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+
+  &.active {
+    border-bottom: 2px solid #333;
+  }
+}
+
+.reports-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table-header {
+  display: flex;
+  padding: 10px 0;
+  border-bottom: 1px solid #ccc;
+  font-weight: bold;
+}
+
+.table-row {
+  display: flex;
+  padding: 45px 0;
+  border-bottom: 1px solid #eee;
+  align-items: center;
+  justify-content: space-between;
+}
+.reports-list {
+  // max-height: 600px;
+  // overflow-y: auto;
+}
+.column {
+  &.format {
+    width: 10%;
+  }
+
+  &.item {
+    width: 15%;
+  }
+
+  &.file-name {
+    width: 50%;
+  }
+
+  &.download {
+    margin-right: 100px;
+  }
+}
+
+.pdf-icon {
+  width: 36px;
+  height: 36px;
+}
+
+.download-link {
+  color: #0078d7;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.sec-text {
+  font-size: 72px;
+  line-height: 1.6;
+}
+
+.link {
+  color: #f00;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+</style>