diff --git a/package.json b/package.json
index 19fd68e..e615441 100644
--- a/package.json
+++ b/package.json
@@ -8,17 +8,26 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@types/d3": "^7.4.3",
     "core-js": "^3.8.3",
-    "vue": "^3.2.13"
+    "d3": "^7.9.0",
+    "element-plus": "^2.13.0",
+    "vue": "^3.2.13",
+    "vue-router": "4"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
     "@babel/eslint-parser": "^7.12.16",
+    "@types/node": "^25.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.52.0",
+    "@typescript-eslint/parser": "^8.52.0",
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-typescript": "^5.0.9",
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3"
+    "eslint-plugin-vue": "^8.0.3",
+    "typescript": "^5.9.3"
   },
   "eslintConfig": {
     "root": true,
@@ -30,9 +39,20 @@
       "eslint:recommended"
     ],
     "parserOptions": {
-      "parser": "@babel/eslint-parser"
+      "parser": "@typescript-eslint/parser",
+      "ecmaVersion": 2020,
+      "sourceType": "module"
     },
-    "rules": {}
+    "rules": {},
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx", "*.vue"],
+        "parser": "vue-eslint-parser",
+        "parserOptions": {
+          "parser": "@typescript-eslint/parser"
+        }
+      }
+    ]
   },
   "browserslist": [
     "> 1%",
diff --git a/public/index.html b/public/index.html
index 3e5a139..c602e51 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,4 +14,10 @@
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
+  <style>
+    body {
+        margin: 0;
+        padding: 0;
+    }
+</style>
 </html>
diff --git a/src/App.vue b/src/App.vue
index 591a031..4a0ae9f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,12 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
+  <div id="app">
+    <router-view/>
+  </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
-
 export default {
-  name: 'App',
-  components: {
-    HelloWorld
-  }
+  name: 'App'
 }
 </script>
 
@@ -21,6 +17,21 @@ export default {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
+}
+
+nav {
+  padding: 30px;
+  background-color: #f5f5f5;
+}
+
+nav a {
+  font-weight: bold;
+  color: #2c3e50;
+  text-decoration: none;
+  margin: 0 10px;
+}
+
+nav a.router-link-exact-active {
+  color: #409eff;
 }
 </style>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 879051a..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
new file mode 100644
index 0000000..0af94ab
--- /dev/null
+++ b/src/components/PageFooter.vue
@@ -0,0 +1,312 @@
+<template>
+  <footer class="page-footer">
+    <div class="footer-container">
+      <div class="footer-content">
+        <div class="footer-section">
+          <div class="footer-brand">
+            <div class="brand-logo">
+              <div class="brand-mark"></div>
+              <h3>科技大脑智慧服务平台</h3>
+            </div>
+            <p class="brand-description">
+              致力于整合优质科技资源，为企业和个人提供全方位的科技创新服务，
+              推动科技成果转化，助力创新发展。
+            </p>
+            <div class="social-links">
+              <el-button circle size="small" class="social-btn">
+                <el-icon>
+                  <ChatDotRound />
+                </el-icon>
+              </el-button>
+              <el-button circle size="small" class="social-btn">
+                <el-icon>
+                  <Message />
+                </el-icon>
+              </el-button>
+              <el-button circle size="small" class="social-btn">
+                <el-icon>
+                  <Phone />
+                </el-icon>
+              </el-button>
+            </div>
+          </div>
+        </div>
+
+        <div class="footer-section">
+          <h4>服务导航</h4>
+          <ul class="footer-links">
+            <li>
+              <router-link to="/news-policy">新闻政策</router-link>
+            </li>
+            <li>
+              <router-link to="/smart-qa">智慧问答</router-link>
+            </li>
+            <li>
+              <router-link to="/tech-resources">科技资源</router-link>
+            </li>
+            <li>
+              <router-link to="/talent-profile">人才画像</router-link>
+            </li>
+          </ul>
+        </div>
+
+        <div class="footer-section">
+          <h4>政策法规</h4>
+          <ul class="footer-links">
+            <li>
+              <a href="#">高新技术企业认定</a>
+            </li>
+            <li>
+              <a href="#">科技成果转化政策</a>
+            </li>
+            <li>
+              <a href="#">人才引进政策</a>
+            </li>
+            <li>
+              <a href="#">创新创业扶持</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="footer-section">
+          <h4>帮助中心</h4>
+          <ul class="footer-links">
+            <li>
+              <a href="#">使用指南</a>
+            </li>
+            <li>
+              <a href="#">常见问题</a>
+            </li>
+            <li>
+              <a href="#">联系我们</a>
+            </li>
+            <li>
+              <a href="#">意见反馈</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="footer-section">
+          <h4>联系信息</h4>
+          <div class="contact-info">
+            <div class="contact-item">
+              <el-icon>
+                <Location />
+              </el-icon>
+              <span>长春理工大学</span>
+            </div>
+            <div class="contact-item">
+              <el-icon>
+                <Phone />
+              </el-icon>
+              <span>400-123-4567</span>
+            </div>
+            <div class="contact-item">
+              <el-icon>
+                <Message />
+              </el-icon>
+              <span>service@techbrain.com</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <el-divider />
+
+      <div class="footer-bottom">
+        <div class="copyright">
+          <p>&copy; 2024 科技大脑智慧服务平台. 保留所有权利.</p>
+        </div>
+        <div class="footer-links-bottom">
+          <a href="#">隐私政策</a>
+          <span class="divider">|</span>
+          <a href="#">服务条款</a>
+          <span class="divider">|</span>
+          <a href="#">网站地图</a>
+          <span class="divider">|</span>
+          <a href="#">备案号: 京ICP备12345678号</a>
+        </div>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<script setup lang="ts">
+// 页脚组件
+</script>
+
+<style scoped>
+.page-footer {
+  background: #2c3e50;
+  color: #ecf0f1;
+  margin-top: 60px;
+}
+
+.footer-container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 60px 40px 30px;
+}
+
+.footer-content {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
+  gap: 40px;
+  margin-bottom: 40px;
+}
+
+.footer-section h4 {
+  color: #409eff;
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 20px;
+}
+
+.footer-brand .brand-logo {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.brand-mark {
+  width: 20px;
+  height: 5px;
+  border-radius: 3px;
+  background: linear-gradient(90deg, #409eff, #337ecc);
+  box-shadow: 0 0 10px rgba(64, 158, 255, 0.6);
+}
+
+.footer-brand h3 {
+  color: #409eff;
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.brand-description {
+  color: #bdc3c7;
+  line-height: 1.6;
+  margin-bottom: 20px;
+  font-size: 14px;
+}
+
+.social-links {
+  display: flex;
+  gap: 12px;
+}
+
+.social-btn {
+  background: rgba(64, 158, 255, 0.1);
+  border-color: rgba(64, 158, 255, 0.3);
+  color: #409eff;
+}
+
+.social-btn:hover {
+  background: rgba(64, 158, 255, 0.2);
+  border-color: #409eff;
+}
+
+.footer-links {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.footer-links li {
+  margin-bottom: 12px;
+}
+
+.footer-links a {
+  color: #bdc3c7;
+  text-decoration: none;
+  font-size: 14px;
+  transition: color 0.3s ease;
+}
+
+.footer-links a:hover {
+  color: #409eff;
+}
+
+.contact-info {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.contact-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: #bdc3c7;
+  font-size: 14px;
+}
+
+.contact-item .el-icon {
+  color: #409eff;
+  font-size: 16px;
+}
+
+.footer-bottom {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 20px;
+}
+
+.copyright p {
+  color: #95a5a6;
+  font-size: 14px;
+  margin: 0;
+}
+
+.footer-links-bottom {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.footer-links-bottom a {
+  color: #95a5a6;
+  text-decoration: none;
+  font-size: 12px;
+  transition: color 0.3s ease;
+}
+
+.footer-links-bottom a:hover {
+  color: #409eff;
+}
+
+.footer-links-bottom .divider {
+  color: #7f8c8d;
+  font-size: 12px;
+}
+
+@media (max-width: 1024px) {
+  .footer-content {
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 30px;
+  }
+
+  .footer-section:first-child {
+    grid-column: 1 / -1;
+  }
+}
+
+@media (max-width: 768px) {
+  .footer-content {
+    grid-template-columns: 1fr;
+    gap: 30px;
+  }
+
+  .footer-bottom {
+    flex-direction: column;
+    gap: 16px;
+    text-align: center;
+  }
+
+  .footer-container {
+    padding: 40px 20px 20px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/PageNavigation.vue b/src/components/PageNavigation.vue
new file mode 100644
index 0000000..612627b
--- /dev/null
+++ b/src/components/PageNavigation.vue
@@ -0,0 +1,114 @@
+<template>
+  <header class="topbar">
+    <!-- 左侧品牌 -->
+    <router-link to="/" class="brand">
+      <div class="brand-mark"></div>
+      <div class="brand-text">科技大脑智慧服务平台</div>
+    </router-link>
+
+    <!-- 右侧整条胶囊导航条 -->
+    <div class="nav-wrap">
+      <div class="nav-list" role="navigation" aria-label="主导航">
+        <router-link to="/" class="nav-item" :class="{ 'is-active': $route.name === 'home' }">首页</router-link>
+        <router-link to="/news-policy" class="nav-item" :class="{ 'is-active': $route.name === 'news-policy' || $route.name === 'news-policy-detail' }">新闻政策</router-link>
+        <router-link to="/smart-qa" class="nav-item" :class="{ 'is-active': $route.name === 'smart-qa' }">智慧问答</router-link>
+        <router-link to="/tech-resources" class="nav-item" :class="{ 'is-active': $route.name === 'tech-resources' }">科技资源</router-link>
+        <router-link to="/talent-profile" class="nav-item" :class="{ 'is-active': $route.name === 'talent-profile' }">人才画像</router-link>
+        <router-link to="/login" class="nav-item" :class="{ 'is-active': $route.name === 'login' }">登录</router-link>
+      </div>
+    </div>
+  </header>
+</template>
+
+<script setup lang="ts">
+// 无需额外逻辑
+</script>
+
+<style scoped>
+/* ===== 顶栏 ===== */
+/* 顶部整行：左右两端布局 - 浅色风格 */
+.topbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  padding: 24px 32px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  pointer-events: auto;
+  background: #ffffff;
+  border-bottom: 1px solid #e4e7ed;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+/* 左侧品牌区 */
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  color: #409eff;
+  text-decoration: none;
+  transition: opacity 0.2s ease;
+}
+
+.brand:hover {
+  opacity: 0.85;
+}
+
+.brand-mark {
+  width: 24px;
+  height: 6px;
+  border-radius: 4px;
+  background: #49b0ff;
+  box-shadow: 0 0 8px rgba(73, 176, 255, 0.5);
+}
+
+.brand-text {
+  font-size: 20px;
+  letter-spacing: 0.5px;
+  font-weight: 500;
+}
+
+/* 右侧胶囊导航条：纯 div，flex 布局 */
+.nav-wrap {
+  display: flex;
+  align-items: flex-end;
+  gap: 16px;
+  padding: 10px 10px 10px 18px;
+  min-width: 720px;
+  backdrop-filter: blur(2px);
+}
+
+/* 菜单区：居中对齐、等间距 */
+.nav-list {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 42px;
+}
+
+/* 菜单项：router-link 样式，hover 高亮，active 发光 */
+.nav-item {
+  position: relative;
+  padding: 6px 2px;
+  color: #606266;
+  font-size: 16px;
+  letter-spacing: 0.5px;
+  transition: color 0.2s ease;
+  cursor: pointer;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.nav-item:hover {
+  color: #409eff;
+}
+
+.nav-item.is-active {
+  color: #409eff;
+  font-weight: 600;
+}
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 01433bc..9da071b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,11 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import router from './router'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
 
-createApp(App).mount('#app')
+const app = createApp(App)
+
+app.use(router)
+app.use(ElementPlus)
+app.mount('#app')
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..9da071b
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,11 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
+const app = createApp(App)
+
+app.use(router)
+app.use(ElementPlus)
+app.mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..b63d63a
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,53 @@
+import { createRouter, createWebHashHistory } from 'vue-router'
+import HomeIndex from '@/views/HomeIndex.vue'
+import NewsPolicyIndex from '@/views/NewsPolicy/NewsPolicyIndex.vue'
+import PolicyDetail from '@/views/NewsPolicy/PolicyDetail.vue'
+import SmartQAIndex from '@/views/SmartQA/SmartQAIndex.vue'
+import TechResourcesIndex from '@/views/TechResources/TechResourcesIndex.vue'
+import TalentProfileIndex from '@/views/TalentProfile/TalentProfileIndex.vue'
+import UserLoginIndex from '@/views/UserLogin/UserLoginIndex.vue'
+
+const routes = [
+  {
+    path: '/',
+    name: 'home',
+    component: HomeIndex
+  },
+  {
+    path: '/news-policy',
+    name: 'news-policy',
+    component: NewsPolicyIndex
+  },
+  {
+    path: '/news-policy/detail/:id',
+    name: 'news-policy-detail',
+    component: PolicyDetail
+  },
+  {
+    path: '/smart-qa',
+    name: 'smart-qa',
+    component: SmartQAIndex
+  },
+  {
+    path: '/tech-resources',
+    name: 'tech-resources',
+    component: TechResourcesIndex
+  },
+  {
+    path: '/talent-profile',
+    name: 'talent-profile',
+    component: TalentProfileIndex
+  },
+  {
+    path: '/login',
+    name: 'login',
+    component: UserLoginIndex
+  }
+]
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes
+})
+
+export default router
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
new file mode 100644
index 0000000..2b97bd9
--- /dev/null
+++ b/src/shims-vue.d.ts
@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/src/views/HomeIndex.vue b/src/views/HomeIndex.vue
new file mode 100644
index 0000000..59d0ea5
--- /dev/null
+++ b/src/views/HomeIndex.vue
@@ -0,0 +1,802 @@
+<template>
+  <div class="screen">
+    <div class="stage">
+      <div class="bg"></div>
+
+      <!-- 顶部导航 -->
+      <header class="topbar">
+        <!-- 左侧品牌 -->
+        <div class="brand">
+          <div class="brand-mark"></div>
+          <div class="brand-text">科技大脑智慧服务平台</div>
+        </div>
+
+        <!-- 右侧整条胶囊导航条 -->
+        <div class="nav-wrap">
+          <div class="nav-list" role="navigation" aria-label="主导航">
+            <router-link to="/" class="nav-item" :class="{ 'is-active': $route.name === 'home' }">首页</router-link>
+            <router-link to="/news-policy" class="nav-item" :class="{ 'is-active': $route.name === 'news-policy' }">新闻政策</router-link>
+            <router-link to="/smart-qa" class="nav-item" :class="{ 'is-active': $route.name === 'smart-qa' }">智慧问答</router-link>
+            <router-link to="/tech-resources" class="nav-item" :class="{ 'is-active': $route.name === 'tech-resources' }">科技资源</router-link>
+            <router-link to="/talent-profile" class="nav-item" :class="{ 'is-active': $route.name === 'talent-profile' }">人才画像</router-link>
+            <router-link to="/login" class="nav-item" :class="{ 'is-active': $route.name === 'login' }">登录</router-link>
+          </div>
+        </div>
+      </header>
+
+
+      <!-- ===== 核心：大圆风格化（按设计稿） ===== -->
+      <section class="core">
+        <!-- 背景环 -->
+        <div class="ring ring-1"></div>
+        <div class="ring ring-2"></div>
+        <div class="ring ring-3"></div>
+
+        <!-- 大圆（盘面 + 渐变描边 + 文案） -->
+        <div class="center">
+          <div class="center-bezel"></div>
+          <div class="center-disc">
+            <div class="disc-gloss"></div>
+            <div class="disc-vignette"></div>
+          </div>
+          <div class="center-title">科技大脑</div>
+
+          <!-- 一圈蓝色小点（可慢速自转，也可设为静止） -->
+          <ul class="center-dots">
+            <li v-for="n in DOT_COUNT" :key="`cd-${n}`" :style="dotHostStyle(n)">
+              <i class="spark" :style="dotDelayStyle(n)"></i>
+            </li>
+          </ul>
+
+          <!-- 4 个小三角指示器（缓慢公转、轻微呼吸） -->
+          <ul class="center-tris">
+            <li v-for="t in 4" :key="`tri-${t}`" :style="triStyle(t)"></li>
+          </ul>
+        </div>
+
+        <!-- 顶层：中心循环发光点（轨道上的亮点） -->
+        <div class="light-sprite"></div>
+
+        <!-- 内部小粒子（淡） -->
+        <ul class="inner-dots">
+          <li v-for="n in 12" :key="`inner-${n}`" :style="innerDotStyle(n)"></li>
+        </ul>
+
+        <!-- ===== 轨道与 5 个功能圆（保持不自转、圆心落在轨道上） ===== -->
+        <div class="orbit">
+          <div class="node" style="--theta: 320deg;">
+            <div class="align">
+              <div class="pos">
+                <router-link to="/news-policy" class="bubble">
+                  <div class="dot-ring"></div>
+                  <span class="label">新闻<br/>政策</span><i class="marker"></i>
+                </router-link>
+              </div>
+            </div>
+          </div>
+
+          <div class="node" style="--theta: 20deg;">
+            <div class="align">
+              <div class="pos">
+                <router-link to="/smart-qa" class="bubble">
+                  <div class="dot-ring"></div>
+                  <span class="label">智慧<br/>问答</span><i class="marker"></i>
+                </router-link>
+              </div>
+            </div>
+          </div>
+
+          <div class="node" style="--theta: 70deg;">
+            <div class="align">
+              <div class="pos">
+                <router-link to="/talent-profile" class="bubble">
+                  <div class="dot-ring"></div>
+                  <span class="label">人才<br/>画像</span><i class="marker"></i>
+                </router-link>
+              </div>
+            </div>
+          </div>
+
+          <div class="node" style="--theta: 210deg;">
+            <div class="align">
+              <div class="pos">
+                <div class="bubble">
+                  <div class="dot-ring"></div>
+                  <span class="label">科技<br/>地图</span><i class="marker"></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="node" style="--theta: 280deg;">
+            <div class="align">
+              <div class="pos">
+                <router-link to="/tech-resources" class="bubble">
+                  <div class="dot-ring"></div>
+                  <span class="label">科技<br/>资源</span><i class="marker"></i>
+                </router-link>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- 左侧引言 -->
+      <aside class="intro">
+        <div class="intro-title">引言</div>
+        <div class="intro-body">
+          挖掘信息要素价值<br/>图谱 | 图谱 | 脉络<br/>
+          赋能主题检索与决策<br/>帮助企业更快了解<br/>投资机遇！
+        </div>
+      </aside>
+
+      <!-- 右侧 AI 浮标 -->
+      <div class="ai-fab">
+        <div class="ai-icon">🤖</div>
+        <div class="ai-text">AI<br/>问答</div>
+      </div>
+
+      <!-- 底部装饰 -->
+      <footer class="progress">
+        <div class="bar bar-left"></div>
+        <div class="bar bar-right"></div>
+      </footer>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+/** ===== 中心小点圈参数（参考设计） ===== */
+const DOT_COUNT = 24           // 点的数量（设计上比 36 更稀疏）
+const DOT_RADIUS = 92          // 点的半径（落在描边内侧）
+const dotHostStyle = (n: number) => {
+  const deg = (360 / DOT_COUNT) * n
+  return {transform: `rotate(${deg}deg) translateY(-${DOT_RADIUS}px)`}
+}
+const dotDelayStyle = (n: number) => {
+  // 三组错峰
+  const delay = (n % 6) * 0.15
+  return {animationDelay: `${delay}s`}
+}
+
+/** 四个三角的位置与延迟（在描边外侧一点点） */
+const TRI_RADIUS = 115
+const triStyle = (i: number) => {
+  const deg = 90 * (i - 1) // 0,90,180,270
+  const delay = (i - 1) * 0.3
+  return {
+    transform: `rotate(${deg}deg) translateY(-${TRI_RADIUS}px)`,
+    animationDelay: `${delay}s`
+  }
+}
+
+/** 内部微粒（淡） */
+const innerDotStyle = (n: number) => {
+  const deg = (360 / 12) * n
+  return {transform: `rotate(${deg}deg) translateY(-70px)`}
+}
+</script>
+
+<style scoped>
+/* ===== 一屏缩放 ===== */
+.screen {
+  height: 100vh;
+  width: 100vw;
+  background: #081a2b;
+  overflow: hidden
+}
+
+.stage {
+  position: relative;
+  width: 1920px;
+  height: 1080px;
+  margin: 0 auto;
+  transform-origin: 50% 50%
+}
+
+@media (min-aspect-ratio: 16/9) {
+  .stage {
+    transform: scale(calc(100vh / 1080))
+  }
+}
+
+@media (max-aspect-ratio: 16/9) {
+  .stage {
+    transform: scale(calc(100vw / 1920))
+  }
+}
+
+/* ===== 背景（渐变+网格） ===== */
+.bg {
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(1000px 500px at 50% 70%, rgba(23, 94, 150, .35), rgba(8, 26, 43, 0) 60%),
+  linear-gradient(180deg, #0b2238 0%, #061626 60%, #04111f 100%)
+}
+
+.bg::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(60% 40% at 50% 70%, rgba(255, 255, 255, .06) 0, rgba(255, 255, 255, 0) 60%),
+  repeating-linear-gradient(to right, rgba(255, 255, 255, .06) 0 1px, transparent 1px 40px),
+  repeating-linear-gradient(to top, rgba(255, 255, 255, .06) 0 1px, transparent 1px 40px);
+  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000 35%, #000 100%);
+  transform: perspective(800px) rotateX(65deg) translateY(320px);
+}
+
+/* ===== 顶栏 ===== */
+/* 顶部整行：左右两端布局 */
+.topbar {
+  position: absolute;
+  inset: 24px 32px auto 32px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  pointer-events: auto;
+}
+
+/* 左侧品牌区 */
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  color: #cfe8ff
+}
+
+.brand-mark {
+  width: 24px;
+  height: 6px;
+  border-radius: 4px;
+  background: #49b0ff;
+  box-shadow: 0 0 12px #49b0ff
+}
+
+.brand-text {
+  font-size: 20px;
+  letter-spacing: .5px;
+  opacity: .95
+}
+
+/* 右侧胶囊导航条：纯 div，flex 布局 */
+.nav-wrap {
+  display: flex;
+  align-items: flex-end;
+  gap: 16px;
+  padding: 10px 10px 10px 18px;
+  min-width: 720px; /* 让条看起来更长一些，可按需调整 */
+  backdrop-filter: blur(2px);
+  cursor: pointer;
+}
+
+/* 菜单区：居中对齐、等间距 */
+.nav-list {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 42px;
+}
+
+/* 菜单项：router-link 样式，hover 高亮，active 发光 */
+.nav-item {
+  position: relative;
+  padding: 6px 2px;
+  color: #ffffff;
+  font-size: 16px;
+  letter-spacing: .5px;
+  transition: color .2s ease, text-shadow .2s ease, transform .2s ease;
+  cursor: pointer;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.nav-item:hover {
+  color: #d7ecff;
+  text-shadow: 0 0 10px rgba(144, 210, 255, .5);
+  cursor: pointer;
+}
+
+.nav-item.is-active {
+  color: #8fd3ff;
+  font-weight: 600;
+  text-shadow: 0 0 10px rgba(150, 210, 255, .85);
+}
+
+/* 登录按钮（右侧圆角按钮） */
+.nav-login {
+  padding: 6px 16px;
+  border-radius: 10px;
+  color: #e6f5ff;
+  font-size: 14px;
+  letter-spacing: .5px;
+  border: 1px solid rgba(130, 196, 255, .35);
+  background: linear-gradient(180deg, #163a57, #0c2135);
+  box-shadow: inset 0 0 12px rgba(73, 176, 255, .18), 0 6px 16px rgba(6, 22, 38, .35);
+  transition: transform .15s ease, box-shadow .2s ease;
+}
+
+.nav-login:hover {
+  transform: translateY(-1px);
+  box-shadow: inset 0 0 12px rgba(73, 176, 255, .25), 0 10px 20px rgba(6, 22, 38, .45)
+}
+
+
+/* ===== 核心（同心） ===== */
+.core {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 720px;
+  height: 720px
+}
+
+.ring {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  border: 1px solid rgba(130, 196, 255, .12)
+}
+
+.ring-1 {
+  transform: scale(.78)
+}
+
+.ring-2 {
+  transform: scale(.60);
+  border-color: rgba(130, 196, 255, .2)
+}
+
+.ring-3 {
+  transform: scale(.43);
+  border-color: rgba(130, 196, 255, .28)
+}
+
+/* ===== 中心大圆（设计还原） ===== */
+.center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 280px;
+  height: 280px;
+  pointer-events: none;
+}
+
+.center-bezel {
+  position: absolute;
+  inset: 10px;
+  border-radius: 50%;
+  /* 渐变描边：内外发光 + 2px 蓝色描边 */
+  background: radial-gradient(circle at 50% 50%, rgba(86, 184, 255, .9), rgba(86, 184, 255, 0) 60%),
+  conic-gradient(from 0deg, rgba(86, 184, 255, .9), #5db9ff, #5db9ff, rgba(86, 184, 255, .9));
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 0); /* 4px 描边 */
+  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 0);
+  filter: drop-shadow(0 0 10px rgba(86, 184, 255, .55));
+}
+
+.center-disc {
+  position: absolute;
+  inset: 28px;
+  border-radius: 50%;
+  overflow: hidden;
+  background: radial-gradient(140px 120px at 50% 30%, rgba(120, 200, 255, .35), rgba(120, 200, 255, 0) 70%),
+  radial-gradient(circle at 50% 60%, #1b4d76 0%, #0d2e4a 60%, #07263f 100%);
+  box-shadow: inset 0 8px 20px rgba(255, 255, 255, .16),
+  inset 0 -14px 22px rgba(0, 0, 0, .35);
+}
+
+.disc-gloss {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: radial-gradient(180px 70px at 50% 12%, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0) 60%);
+  mix-blend-mode: screen;
+  opacity: .25;
+}
+
+.disc-vignette {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: radial-gradient(70% 80% at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 60%);
+  mix-blend-mode: multiply;
+  opacity: .35;
+}
+
+.center-title {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: #f5fbff;
+  font-size: 28px;
+  font-weight: 700;
+  letter-spacing: 2px;
+  text-shadow: 0 0 8px rgba(160, 210, 255, .9);
+}
+
+/* 点环：父层定位 + 子层闪烁，环整体慢速转（更灵动；不想转可去掉 animation） */
+.center-dots {
+  position: absolute;
+  inset: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  animation: slowSpin 60s linear infinite
+}
+
+.center-dots li {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 0;
+  height: 0;
+  transform-origin: 0 0
+}
+
+.center-dots .spark {
+  display: block;
+  width: 8px;
+  height: 8px;
+  margin: -4px 0 0 -4px;
+  border-radius: 50%;
+  background: #9cd6ff;
+  filter: drop-shadow(0 0 6px #5db9ff) drop-shadow(0 0 10px #5db9ff);
+  animation: sparkTwinkle 2.2s ease-in-out infinite;
+}
+
+@keyframes sparkTwinkle {
+  0%, 100% {
+    opacity: .25;
+    transform: scale(.85)
+  }
+  50% {
+    opacity: .95;
+    transform: scale(1.2)
+  }
+}
+
+@keyframes slowSpin {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+/* 四个小三角指示器 */
+.center-tris {
+  position: absolute;
+  inset: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  animation: trisSpin 24s linear infinite
+}
+
+.center-tris li {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 0;
+  height: 0;
+  transform-origin: 0 0;
+}
+
+.center-tris li::after {
+  content: "";
+  display: block;
+  transform: translate(-6px, -8px);
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 10px solid #8fd3ff;
+  filter: drop-shadow(0 0 4px rgba(100, 190, 255, .9));
+  opacity: .8;
+  animation: triPulse 1.8s ease-in-out infinite;
+}
+
+@keyframes trisSpin {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+@keyframes triPulse {
+  0%, 100% {
+    opacity: .45;
+    transform: translate(-6px, -8px) scale(.9)
+  }
+  50% {
+    opacity: 1;
+    transform: translate(-6px, -8px) scale(1.1)
+  }
+}
+
+/* 中心循环发光点（轨道上的亮点） */
+.light-sprite {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 18px;
+  height: 18px;
+  margin: -9px 0 0 -9px;
+  border-radius: 50%;
+  transform: translate(-185px, -205px);
+  background: radial-gradient(circle, #bfe6ff 0 30%, rgba(191, 230, 255, 0) 70%), radial-gradient(circle, #5cc8ff 0 40%, rgba(92, 200, 255, 0) 65%);
+  filter: drop-shadow(0 0 8px #7fd2ff) drop-shadow(0 0 16px #7fd2ff);
+  animation: spriteBlink 1.2s ease-in-out infinite
+}
+
+@keyframes spriteBlink {
+  0%, 100% {
+    transform: translate(-185px, -205px) scale(.6);
+    opacity: .25
+  }
+  50% {
+    transform: translate(-185px, -205px) scale(1.25);
+    opacity: 1
+  }
+}
+
+/* 内部小粒子（淡） */
+.inner-dots {
+  position: absolute;
+  inset: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  animation: innerSpin 30s linear infinite
+}
+
+.inner-dots li {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 5px;
+  height: 5px;
+  margin: -2.5px 0 0 -2.5px;
+  border-radius: 50%;
+  background: #aee1ff;
+  opacity: .5;
+  filter: drop-shadow(0 0 4px #62c2ff);
+  transform-origin: 0 0
+}
+
+@keyframes innerSpin {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+/* ===== 轨道与功能圆保持不变（关键：圆心落在轨道上、文字不歪） ===== */
+.orbit {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 560px;
+  height: 560px;
+  border-radius: 50%;
+  animation: spin 36s linear infinite;
+  box-shadow: 0 0 0 1px rgba(130, 196, 255, .1) inset, 0 0 22px rgba(73, 176, 255, .05) inset
+}
+
+@keyframes spin {
+  to {
+    transform: translate(-50%, -50%) rotate(360deg)
+  }
+}
+
+.node {
+  --radius: 290px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: rotate(var(--theta)) translate(var(--radius));
+  transform-origin: 0 0
+}
+
+.align {
+  transform: rotate(calc(-1 * var(--theta)));
+  transform-origin: 0 0
+}
+
+.pos {
+  position: relative;
+  transform: translate(-50%, -50%)
+}
+
+/* 功能小圆主体 */
+.bubble{
+  position: relative;
+  width: 138px;
+  height: 138px;
+  border-radius: 50%;
+  overflow: hidden;
+  display: grid;
+  place-items: center;
+  text-align: center;
+  /* 仅这两点：不透明背景色 + 底部黑色阴影 */
+  background-color: #0B2444;
+  box-shadow: 0 18px 28px rgba(0, 0, 0, 0.55); /* 底部黑色阴影 */
+  animation: counterSpin 36s linear infinite; /* 如果你还在用轨道反转动画 */
+  text-decoration: none;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.bubble:hover {
+  transform: scale(1.05);
+  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.65), 0 0 20px rgba(73, 176, 255, 0.3);
+}
+
+/* 外圈柔和发光（薄描边 + 外发光） */
+.bubble::before{
+  content:"";
+  position:absolute; inset:10px; border-radius:50%;
+  background:
+      radial-gradient(circle at 50% 50%, rgba(86,184,255,.9), rgba(86,184,255,0) 60%);
+  /* 只保留2px的“环” */
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
+  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
+  filter: drop-shadow(0 2px 8px rgba(86,184,255,.45));
+  opacity:.55;
+  pointer-events:none;
+}
+
+/* 顶部镜面高光（柔和过渡，增加玻璃质感） */
+.bubble::after{
+  content:"";
+  position:absolute; inset:0; border-radius:50%;
+  background:
+      radial-gradient(160px 120px at 50% 22%, rgba(255,255,255,.32), rgba(255,255,255,0) 60%);
+  mix-blend-mode: screen;   /* 让高光更柔 */
+  opacity:.35;
+  pointer-events:none;
+}
+
+/* 如果你的蓝色箭头在底部：保持不转动 */
+.marker{
+  position:absolute; left:50%; bottom:14px; transform:translateX(-50%);
+  width:0; height:0;
+  border-left:6px solid transparent; border-right:6px solid transparent;
+  border-bottom:10px solid #27b9ff;
+  filter: drop-shadow(0 0 4px rgba(73,176,255,.9));
+}
+
+/* （可选）整个小圆再来一点环境投影，更贴设计稿的“厚度” */
+.bubble-wrap{  /* 如果外面还有一层容器，可加在容器上 */
+  filter: drop-shadow(0 10px 12px rgba(4,17,31,.55));
+}
+
+
+@keyframes counterSpin {
+  to {
+    transform: rotate(-360deg)
+  }
+}
+
+.dot-ring {
+  position: absolute;
+  inset: 12px;
+  border-radius: 50%;
+  pointer-events: none;
+  background: url("data:image/svg+xml;utf8,\
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 138 138'>\
+  <defs><filter id='g' x='-50%' y='-50%' width='200%' height='200%'>\
+    <feGaussianBlur stdDeviation='0.9' result='b'/><feMerge><feMergeNode in='b'/><feMergeNode in='SourceGraphic'/></feMerge>\
+  </filter></defs>\
+  <circle cx='69' cy='69' r='53' fill='none' stroke='rgba(214,234,255,0.95)' stroke-width='2' stroke-linecap='round' stroke-dasharray='0 14' filter='url(%23g)'/>\
+</svg>") center/contain no-repeat;
+  opacity: .95
+}
+
+.label {
+  position: relative;
+  z-index: 1;
+  color: #f2fbff;
+  font-size: 20px;
+  line-height: 1.15;
+  letter-spacing: 1px;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 0 6px rgba(173, 220, 255, .35)
+}
+
+.marker {
+  position: absolute;
+  left: 50%;
+  bottom: 14px;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 10px solid #27b9ff;
+  filter: drop-shadow(0 0 4px rgba(73, 176, 255, .9))
+}
+
+/* ===== 侧边与底部装饰 ===== */
+.intro {
+  position: absolute;
+  left: 72px;
+  top: 418px;
+  width: 240px;
+  padding: 18px 16px 20px;
+  color: #cfe8ff;
+  border: 1px solid rgba(130, 196, 255, .25);
+  border-radius: 8px;
+  background: linear-gradient(180deg, rgba(20, 54, 88, .25), rgba(8, 24, 41, .25));
+  box-shadow: 0 0 18px rgba(73, 176, 255, .12), inset 0 0 24px rgba(173, 220, 255, .08)
+}
+
+.intro-title {
+  font-weight: 700;
+  margin-bottom: 12px;
+  color: #8fd3ff;
+  letter-spacing: 2px
+}
+
+.intro-body {
+  font-size: 12px;
+  opacity: .9
+}
+
+.ai-fab {
+  position: absolute;
+  right: 56px;
+  top: 560px;
+  width: 78px;
+  height: 140px;
+  border-radius: 14px;
+  border: 1px solid rgba(130, 196, 255, .35);
+  background: linear-gradient(180deg, rgba(19, 51, 82, .55), rgba(9, 26, 44, .55));
+  color: #e6f5ff;
+  display: grid;
+  place-items: center;
+  gap: 6px;
+  box-shadow: 0 0 18px rgba(73, 176, 255, .2)
+}
+
+.ai-icon {
+  font-size: 28px;
+  filter: drop-shadow(0 0 6px rgba(73, 176, 255, .8))
+}
+
+.ai-text {
+  text-align: center;
+  font-size: 14px;
+  line-height: 1.2
+}
+
+.progress {
+  position: absolute;
+  left: 60px;
+  right: 60px;
+  bottom: 56px;
+  height: 16px
+}
+
+.bar {
+  position: absolute;
+  height: 4px;
+  border-radius: 4px;
+  background: linear-gradient(90deg, #93d2ff, #1a73b6);
+  box-shadow: 0 0 12px rgba(73, 176, 255, .6)
+}
+
+.bar-left {
+  left: 0;
+  width: 560px
+}
+
+.bar-right {
+  right: 0;
+  width: 560px
+}
+
+:where(.stage) {
+  font-family: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif
+}
+</style>
diff --git a/src/views/NewsPolicy/NewsPolicyIndex.vue b/src/views/NewsPolicy/NewsPolicyIndex.vue
new file mode 100644
index 0000000..de137f1
--- /dev/null
+++ b/src/views/NewsPolicy/NewsPolicyIndex.vue
@@ -0,0 +1,459 @@
+<template>
+  <div class="page-container">
+    <PageNavigation />
+    
+    <div class="main-content">
+      <div class="page-header">
+        <h1>新闻政策</h1>
+        <p>最新科技政策资讯与行业动态</p>
+      </div>
+      
+      <!-- 标签页切换 -->
+      <div class="tabs-container">
+        <el-tabs v-model="activeTab" class="news-tabs" @tab-change="handleTabChange">
+          <el-tab-pane label="政策法规" name="policy">
+            <div class="news-grid">
+              <div v-for="item in policyNews" :key="item.id" class="news-card" @click="goToDetail(item.id)">
+                <div class="news-image">
+                  <div class="news-placeholder">{{ item.type }}</div>
+                  <el-tag v-if="item.isNew" type="success" size="small" class="news-tag">最新</el-tag>
+                </div>
+                <div class="news-content">
+                  <h3>{{ item.title }}</h3>
+                  <p>{{ item.summary }}</p>
+                  <div class="news-meta">
+                    <span class="date">{{ item.date }}</span>
+                    <span class="views">{{ item.views }} 次浏览</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+          
+          <el-tab-pane label="热点新闻" name="news">
+            <div class="news-grid">
+              <div v-for="item in hotNews" :key="item.id" class="news-card" @click="goToDetail(item.id)">
+                <div class="news-image">
+                  <div class="news-placeholder">{{ item.type }}</div>
+                  <el-tag v-if="item.isHot" type="danger" size="small" class="news-tag">热门</el-tag>
+                </div>
+                <div class="news-content">
+                  <h3>{{ item.title }}</h3>
+                  <p>{{ item.summary }}</p>
+                  <div class="news-meta">
+                    <span class="date">{{ item.date }}</span>
+                    <span class="views">{{ item.views }} 次浏览</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      
+      <!-- 分页 -->
+      <div class="pagination-container">
+        <el-pagination
+          v-model:current-page="currentPage"
+          :page-size="pageSize"
+          :total="totalItems"
+          layout="prev, pager, next, jumper"
+          @current-change="handlePageChange"
+        />
+      </div>
+    </div>
+    
+    <!-- 页脚 -->
+    <PageFooter />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import PageNavigation from '@/components/PageNavigation.vue'
+import PageFooter from '@/components/PageFooter.vue'
+
+const router = useRouter()
+
+interface NewsItem {
+  id: string
+  title: string
+  summary: string
+  type: string
+  date: string
+  views: number
+  isNew?: boolean
+  isHot?: boolean
+}
+
+const activeTab = ref('policy')
+const currentPage = ref(1)
+const pageSize = ref(9)
+const totalItems = ref(27)
+
+const policyNews = ref<NewsItem[]>([
+  {
+    id: 'policy-1',
+    title: '科技创新支持政策发布',
+    summary: '为进一步推动科技创新发展，相关部门发布了一系列支持政策，涵盖资金支持、税收优惠等多个方面。',
+    type: 'NEWS',
+    date: '2024-01-15',
+    views: 1250,
+    isNew: true
+  },
+  {
+    id: 'policy-2',
+    title: '数字化转型指导意见',
+    summary: '加快推进企业数字化转型，提升科技创新能力，构建数字经济新优势。',
+    type: 'NEWS',
+    date: '2024-01-12',
+    views: 980
+  },
+  {
+    id: 'policy-3',
+    title: '高新技术企业认定管理办法',
+    summary: '详细解读高新技术企业认定的条件和流程，为企业申报提供指导。',
+    type: 'NEWS',
+    date: '2024-01-10',
+    views: 1580
+  },
+  {
+    id: 'policy-4',
+    title: '科技成果转化激励政策',
+    summary: '促进科技成果转化的相关激励措施和支持政策，推动产学研深度融合。',
+    type: 'NEWS',
+    date: '2024-01-08',
+    views: 720
+  },
+  {
+    id: 'policy-5',
+    title: '人才引进优惠政策',
+    summary: '针对高层次人才引进的住房补贴、子女教育等配套优惠政策。',
+    type: 'PRESS',
+    date: '2024-01-05',
+    views: 890
+  },
+  {
+    id: 'policy-6',
+    title: '创新创业扶持措施',
+    summary: '支持大众创业万众创新，提供资金、场地、服务等全方位扶持。',
+    type: 'NEWS',
+    date: '2024-01-03',
+    views: 1120
+  },
+  {
+    id: 'policy-7',
+    title: '知识产权保护条例',
+    summary: '加强知识产权保护，营造良好的创新环境和营商环境。',
+    type: 'PRESS',
+    date: '2024-01-01',
+    views: 650
+  },
+  {
+    id: 'policy-8',
+    title: '产业发展引导基金',
+    summary: '设立产业发展引导基金，支持战略性新兴产业发展。',
+    type: 'NEWS',
+    date: '2023-12-28',
+    views: 1350
+  },
+  {
+    id: 'policy-9',
+    title: '科研项目管理规定',
+    summary: '规范科研项目立项、实施、验收等全过程管理。',
+    type: 'PRESS',
+    date: '2023-12-25',
+    views: 780
+  }
+])
+
+const hotNews = ref<NewsItem[]>([
+  {
+    id: 'news-1',
+    title: '人工智能产业发展迅猛',
+    summary: '我国人工智能产业规模持续扩大，技术创新能力不断提升。',
+    type: 'NEWS',
+    date: '2024-01-14',
+    views: 2150,
+    isHot: true
+  },
+  {
+    id: 'news-2',
+    title: '新能源汽车销量创新高',
+    summary: '2023年新能源汽车销量突破800万辆，产业发展势头强劲。',
+    type: 'NEWS',
+    date: '2024-01-13',
+    views: 1890
+  },
+  {
+    id: 'news-3',
+    title: '5G技术应用场景不断拓展',
+    summary: '5G技术在工业互联网、智慧城市等领域应用日益广泛。',
+    type: 'NEWS',
+    date: '2024-01-11',
+    views: 1420
+  },
+  {
+    id: 'news-4',
+    title: '生物医药创新成果丰硕',
+    summary: '我国生物医药领域取得多项重大突破，创新药物研发加速。',
+    type: 'PRESS',
+    date: '2024-01-09',
+    views: 1680,
+    isHot: true
+  },
+  {
+    id: 'news-5',
+    title: '量子计算技术获得突破',
+    summary: '国内量子计算研究取得重要进展，技术水平达到国际先进。',
+    type: 'NEWS',
+    date: '2024-01-07',
+    views: 2300
+  },
+  {
+    id: 'news-6',
+    title: '绿色低碳技术快速发展',
+    summary: '碳达峰碳中和目标推动绿色低碳技术创新和产业发展。',
+    type: 'NEWS',
+    date: '2024-01-06',
+    views: 1150
+  },
+  {
+    id: 'news-7',
+    title: '芯片产业自主创新加速',
+    summary: '国产芯片技术不断突破，产业链自主可控能力持续提升。',
+    type: 'PRESS',
+    date: '2024-01-04',
+    views: 1950
+  },
+  {
+    id: 'news-8',
+    title: '航空航天领域成就显著',
+    summary: '我国航空航天事业取得历史性成就，技术实力不断增强。',
+    type: 'NEWS',
+    date: '2024-01-02',
+    views: 1720
+  },
+  {
+    id: 'news-9',
+    title: '数字经济规模持续扩大',
+    summary: '数字经济成为经济增长新引擎，规模占GDP比重不断提升。',
+    type: 'PRESS',
+    date: '2023-12-30',
+    views: 1380
+  }
+])
+
+const handleTabChange = (tabName: string) => {
+  currentPage.value = 1
+  console.log('切换到标签页:', tabName)
+}
+
+const handlePageChange = (page: number) => {
+  console.log('切换到第', page, '页')
+}
+
+const goToDetail = (id: string) => {
+  router.push(`/news-policy/detail/${id}`)
+}
+</script>
+
+<style scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f7fa;
+  color: #303133;
+  padding: 80px 0 0;
+}
+
+.main-content {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 0 20px 60px;
+}
+
+.page-header {
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+.page-header h1 {
+  font-size: 48px;
+  color: #409eff;
+  margin-bottom: 16px;
+  font-weight: 600;
+}
+
+.page-header p {
+  font-size: 18px;
+  color: #606266;
+}
+
+.tabs-container {
+  background: #ffffff;
+  border-radius: 16px;
+  padding: 24px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  margin-bottom: 30px;
+  margin-top: 8px;
+}
+
+.news-tabs {
+  --el-tabs-header-height: 50px;
+}
+
+.news-tabs :deep(.el-tabs__header) {
+  margin-bottom: 20px;
+}
+
+.news-tabs :deep(.el-tabs__nav-wrap::after) {
+  height: 1px;
+  background-color: #e4e7ed;
+}
+
+.news-tabs :deep(.el-tabs__item) {
+  font-size: 16px;
+  font-weight: 500;
+  padding: 0 30px;
+}
+
+.news-tabs :deep(.el-tabs__item.is-active) {
+  color: #409eff;
+  font-weight: 600;
+}
+
+.news-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  padding-top: 8px;
+}
+
+.news-card {
+  background: #ffffff;
+  border: 1px solid #e4e7ed;
+  border-radius: 12px;
+  overflow: hidden;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+.news-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+  border-color: #409eff;
+}
+
+.news-image {
+  position: relative;
+  height: 120px;
+  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.news-placeholder {
+  font-size: 24px;
+  font-weight: bold;
+  color: #409eff;
+  letter-spacing: 2px;
+}
+
+.news-tag {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+}
+
+.news-content {
+  padding: 20px;
+}
+
+.news-content h3 {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 12px;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.news-content p {
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.5;
+  margin-bottom: 16px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.news-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  color: #909399;
+}
+
+.date {
+  color: #909399;
+}
+
+.views {
+  color: #c0c4cc;
+}
+
+.pagination-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 30px;
+}
+
+.pagination-container :deep(.el-pagination) {
+  --el-pagination-font-size: 14px;
+  --el-pagination-bg-color: #ffffff;
+  --el-pagination-text-color: #606266;
+  --el-pagination-border-radius: 8px;
+}
+
+.pagination-container :deep(.el-pager li) {
+  background-color: #ffffff;
+  border: 1px solid #e4e7ed;
+  margin: 0 4px;
+  border-radius: 6px;
+}
+
+.pagination-container :deep(.el-pager li.is-active) {
+  background-color: #409eff;
+  border-color: #409eff;
+  color: #ffffff;
+}
+
+@media (max-width: 1024px) {
+  .news-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 768px) {
+  .news-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .main-content {
+    padding: 0 16px 40px;
+  }
+  
+  .page-container {
+    padding: 70px 0 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/NewsPolicy/PolicyDetail.vue b/src/views/NewsPolicy/PolicyDetail.vue
new file mode 100644
index 0000000..fa61004
--- /dev/null
+++ b/src/views/NewsPolicy/PolicyDetail.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="page-container">
+    <PageNavigation />
+    
+    <div class="detail-container">
+      <div class="breadcrumb">
+        <el-breadcrumb separator="/">
+          <el-breadcrumb-item>
+            <router-link to="/">首页</router-link>
+          </el-breadcrumb-item>
+          <el-breadcrumb-item>
+            <router-link to="/news-policy">新闻政策</router-link>
+          </el-breadcrumb-item>
+          <el-breadcrumb-item>政策详情</el-breadcrumb-item>
+        </el-breadcrumb>
+      </div>
+
+      <el-card class="detail-card" shadow="never">
+        <template #header>
+          <div class="detail-header">
+            <h1>{{ policyDetail.title }}</h1>
+            <div class="meta-info">
+              <el-tag :type="policyDetail.tagType" size="small">{{ policyDetail.tag }}</el-tag>
+              <span class="publish-date">发布时间：{{ policyDetail.publishDate }}</span>
+            </div>
+          </div>
+        </template>
+
+        <div class="detail-content">
+          <div class="content-section">
+            <h2>政策概述</h2>
+            <p>{{ policyDetail.summary }}</p>
+          </div>
+
+          <div class="content-section">
+            <h2>主要内容</h2>
+            <div v-html="policyDetail.content"></div>
+          </div>
+
+          <div class="content-section">
+            <h2>适用范围</h2>
+            <ul>
+              <li v-for="scope in policyDetail.scopes" :key="scope">{{ scope }}</li>
+            </ul>
+          </div>
+
+          <div class="content-section">
+            <h2>申请流程</h2>
+            <el-steps :active="policyDetail.steps.length" finish-status="success">
+              <el-step 
+                v-for="(step, index) in policyDetail.steps" 
+                :key="index"
+                :title="step.title" 
+                :description="step.description"
+              />
+            </el-steps>
+          </div>
+        </div>
+
+        <div class="detail-actions">
+          <el-button type="primary" size="large" @click="downloadPolicy">
+            <el-icon><Download /></el-icon>
+            下载政策文件
+          </el-button>
+          <el-button size="large" @click="goBack">返回列表</el-button>
+        </div>
+      </el-card>
+    </div>
+    
+    <!-- 页脚 -->
+    <PageFooter />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import PageNavigation from '@/components/PageNavigation.vue'
+import PageFooter from '@/components/PageFooter.vue'
+
+const route = useRoute()
+const router = useRouter()
+
+interface PolicyDetail {
+  id: string
+  title: string
+  tag: string
+  tagType: string
+  publishDate: string
+  summary: string
+  content: string
+  scopes: string[]
+  steps: Array<{
+    title: string
+    description: string
+  }>
+}
+
+const policyDetail = ref<PolicyDetail>({
+  id: '',
+  title: '',
+  tag: '',
+  tagType: 'info',
+  publishDate: '',
+  summary: '',
+  content: '',
+  scopes: [],
+  steps: []
+})
+
+const loadPolicyDetail = () => {
+  const id = route.params.id as string
+  
+  // 模拟数据，实际项目中应该从API获取
+  const mockData: Record<string, PolicyDetail> = {
+    'policy-1': {
+      id: 'policy-1',
+      title: '科技创新支持政策发布',
+      tag: '最新',
+      tagType: 'success',
+      publishDate: '2024-01-15',
+      summary: '为进一步推动科技创新发展，相关部门发布了一系列支持政策，涵盖资金支持、税收优惠、人才引进等多个方面。',
+      content: `
+        <p>本政策旨在通过多维度的支持措施，激发企业创新活力，提升科技创新能力。</p>
+        <h3>资金支持</h3>
+        <p>设立专项资金，对符合条件的科技创新项目给予资金支持，最高可达500万元。</p>
+        <h3>税收优惠</h3>
+        <p>享受研发费用加计扣除、高新技术企业所得税优惠等政策。</p>
+        <h3>人才政策</h3>
+        <p>对引进的高层次人才给予住房补贴、子女教育等配套支持。</p>
+      `,
+      scopes: [
+        '高新技术企业',
+        '科技型中小企业',
+        '新型研发机构',
+        '科技服务机构'
+      ],
+      steps: [
+        { title: '申请准备', description: '准备相关材料和证明文件' },
+        { title: '在线申报', description: '通过官方平台提交申请' },
+        { title: '专家评审', description: '组织专家进行项目评审' },
+        { title: '公示公告', description: '评审结果公示' },
+        { title: '资金拨付', description: '审核通过后拨付资金' }
+      ]
+    },
+    'policy-2': {
+      id: 'policy-2',
+      title: '数字化转型指导意见',
+      tag: '热门',
+      tagType: 'info',
+      publishDate: '2024-01-12',
+      summary: '加快推进企业数字化转型，提升科技创新能力，构建数字经济新优势。',
+      content: `
+        <p>数字化转型是企业适应数字经济发展的必然选择。</p>
+        <h3>转型目标</h3>
+        <p>到2025年，重点行业数字化转型取得明显成效。</p>
+        <h3>支持措施</h3>
+        <p>提供技术指导、资金支持、人才培训等全方位服务。</p>
+      `,
+      scopes: [
+        '制造业企业',
+        '服务业企业',
+        '传统行业企业'
+      ],
+      steps: [
+        { title: '现状评估', description: '评估企业数字化现状' },
+        { title: '方案制定', description: '制定数字化转型方案' },
+        { title: '试点实施', description: '选择重点领域试点' },
+        { title: '全面推广', description: '在全企业范围推广' }
+      ]
+    }
+  }
+
+  policyDetail.value = mockData[id] || mockData['policy-1']
+}
+
+const downloadPolicy = () => {
+  ElMessage.success('政策文件下载中...')
+}
+
+const goBack = () => {
+  router.push('/news-policy')
+}
+
+onMounted(() => {
+  loadPolicyDetail()
+})
+</script>
+
+<style scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f7fa;
+  color: #303133;
+  padding: 80px 20px 0;
+}
+
+.detail-container {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.breadcrumb {
+  margin-bottom: 24px;
+}
+
+.detail-card {
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+.detail-header h1 {
+  font-size: 32px;
+  color: #303133;
+  margin-bottom: 16px;
+  font-weight: 600;
+}
+
+.meta-info {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.publish-date {
+  color: #909399;
+  font-size: 14px;
+}
+
+.detail-content {
+  line-height: 1.8;
+}
+
+.content-section {
+  margin-bottom: 32px;
+}
+
+.content-section h2 {
+  color: #409eff;
+  font-size: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  border-left: 4px solid #409eff;
+  padding-left: 12px;
+}
+
+.content-section h3 {
+  color: #606266;
+  font-size: 18px;
+  margin: 16px 0 8px 0;
+  font-weight: 600;
+}
+
+.content-section p {
+  color: #606266;
+  margin-bottom: 12px;
+}
+
+.content-section ul {
+  padding-left: 20px;
+}
+
+.content-section li {
+  color: #606266;
+  margin-bottom: 8px;
+}
+
+.detail-actions {
+  display: flex;
+  gap: 16px;
+  justify-content: center;
+  padding-top: 24px;
+  border-top: 1px solid #e4e7ed;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/SmartQA/SmartQAIndex.vue b/src/views/SmartQA/SmartQAIndex.vue
new file mode 100644
index 0000000..9d040f4
--- /dev/null
+++ b/src/views/SmartQA/SmartQAIndex.vue
@@ -0,0 +1,287 @@
+<template>
+  <div class="page-container">
+    <PageNavigation />
+    
+    <div class="qa-interface">
+      <div class="chat-container">
+        <div class="messages" ref="messagesContainer">
+          <div v-for="message in messages" :key="message.id" 
+               :class="['message', message.type]">
+            <div class="message-content">
+              <div class="avatar">
+                <span v-if="message.type === 'user'">👤</span>
+                <span v-else>🤖</span>
+              </div>
+              <div class="text">{{ message.text }}</div>
+            </div>
+          </div>
+        </div>
+        
+        <div class="input-area">
+          <div class="input-container">
+            <el-input 
+              v-model="currentQuestion" 
+              @keyup.enter="sendMessage"
+              placeholder="请输入您的问题..."
+              size="large"
+              clearable
+            />
+            <el-button 
+              @click="sendMessage" 
+              type="primary" 
+              size="large"
+              :loading="isLoading"
+              :icon="isLoading ? '' : 'ChatDotRound'"
+            >
+              {{ isLoading ? '发送中...' : '发送' }}
+            </el-button>
+          </div>
+        </div>
+      </div>
+      
+      <div class="quick-questions">
+        <h3>常见问题</h3>
+        <div class="question-tags">
+          <button 
+            v-for="question in quickQuestions" 
+            :key="question"
+            @click="selectQuickQuestion(question)"
+            class="question-tag"
+          >
+            {{ question }}
+          </button>
+        </div>
+      </div>
+    </div>
+    
+    <!-- 页脚 -->
+    <PageFooter />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, nextTick } from 'vue'
+import PageNavigation from '@/components/PageNavigation.vue'
+import PageFooter from '@/components/PageFooter.vue'
+
+interface Message {
+  id: number
+  type: 'user' | 'ai'
+  text: string
+}
+
+const currentQuestion = ref('')
+const messages = ref<Message[]>([
+  {
+    id: 1,
+    type: 'ai',
+    text: '您好！我是智慧问答助手，有什么可以帮助您的吗？'
+  }
+])
+
+const quickQuestions = ref([
+  '如何申请高新技术企业认定？',
+  '科技成果转化有哪些支持政策？',
+  '人才引进政策有哪些？',
+  '科技项目申报流程是什么？',
+  '知识产权保护相关政策',
+  '创新创业扶持措施'
+])
+
+const messagesContainer = ref<HTMLElement>()
+const isLoading = ref(false)
+
+const sendMessage = async () => {
+  if (!currentQuestion.value.trim()) return
+  
+  const userMessage: Message = {
+    id: Date.now(),
+    type: 'user',
+    text: currentQuestion.value
+  }
+  
+  messages.value.push(userMessage)
+  const question = currentQuestion.value
+  currentQuestion.value = ''
+  isLoading.value = true
+  
+  scrollToBottom()
+  
+  // 模拟AI回复
+  setTimeout(() => {
+    const aiResponse: Message = {
+      id: Date.now() + 1,
+      type: 'ai',
+      text: getAIResponse(question)
+    }
+    messages.value.push(aiResponse)
+    isLoading.value = false
+    scrollToBottom()
+  }, 1500)
+}
+
+const selectQuickQuestion = (question: string) => {
+  currentQuestion.value = question
+  sendMessage()
+}
+
+const getAIResponse = (question: string): string => {
+  // 简单的问答逻辑
+  if (question.includes('高新技术企业')) {
+    return '高新技术企业认定需要满足以下条件：1. 企业申请认定时须注册成立一年以上；2. 企业通过自主研发、受让、受赠、并购等方式，获得对其主要产品（服务）在技术上发挥核心支持作用的知识产权的所有权...'
+  } else if (question.includes('科技成果转化')) {
+    return '科技成果转化支持政策包括：1. 财政资金支持；2. 税收优惠政策；3. 金融支持措施；4. 人才激励政策等。具体可以申请科技成果转化引导基金、享受技术转让所得税优惠等。'
+  } else if (question.includes('人才引进')) {
+    return '人才引进政策主要包括：1. 高层次人才引进计划；2. 住房补贴和安家费；3. 子女教育优待；4. 医疗保障；5. 科研启动资金支持等。不同层次人才享受不同标准的政策支持。'
+  }
+  return '感谢您的提问！这是一个很好的问题。建议您联系相关部门获取更详细的信息，或者查阅最新的政策文件。如果您有其他问题，我很乐意为您解答。'
+}
+
+const scrollToBottom = () => {
+  nextTick(() => {
+    if (messagesContainer.value) {
+      messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight
+    }
+  })
+}
+</script>
+
+<style scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f7fa;
+  color: #303133;
+  padding: 80px 20px 0;
+}
+
+.page-header {
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+.page-header h1 {
+  font-size: 48px;
+  color: #409eff;
+  margin-bottom: 16px;
+  font-weight: 600;
+}
+
+.page-header p {
+  font-size: 18px;
+  color: #606266;
+}
+
+.qa-interface {
+  display: grid;
+  grid-template-columns: 2fr 1fr;
+  gap: 40px;
+  max-width: 1400px;
+  margin: 40px auto 0;
+  height: 600px;
+}
+
+.chat-container {
+  background: #ffffff;
+  border: 1px solid #e4e7ed;
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+}
+
+.messages {
+  flex: 1;
+  padding: 20px;
+  overflow-y: auto;
+  max-height: 480px;
+}
+
+.message {
+  margin-bottom: 20px;
+}
+
+.message-content {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+
+.message.user .message-content {
+  flex-direction: row-reverse;
+}
+
+.avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: #e4e7ed;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+}
+
+.text {
+  background: #f0f2f5;
+  padding: 12px 16px;
+  border-radius: 12px;
+  max-width: 70%;
+  line-height: 1.5;
+  color: #303133;
+}
+
+.message.user .text {
+  background: #409eff;
+  color: #ffffff;
+}
+
+.input-area {
+  padding: 20px;
+  border-top: 1px solid #e4e7ed;
+}
+
+.input-container {
+  display: flex;
+  gap: 12px;
+}
+
+.quick-questions {
+  background: #ffffff;
+  border: 1px solid #e4e7ed;
+  border-radius: 16px;
+  padding: 30px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+.quick-questions h3 {
+  color: #409eff;
+  font-size: 24px;
+  margin-bottom: 20px;
+  text-align: center;
+  font-weight: 600;
+}
+
+.question-tags {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.question-tag {
+  padding: 12px 16px;
+  background: #f0f2f5;
+  border: 1px solid #e4e7ed;
+  border-radius: 8px;
+  color: #303133;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  text-align: left;
+  font-size: 14px;
+}
+
+.question-tag:hover {
+  border-color: #409eff;
+  background: rgba(64, 158, 255, 0.1);
+  transform: translateX(4px);
+}
+</style>
\ No newline at end of file
diff --git a/src/views/TalentProfile/TalentProfileIndex.vue b/src/views/TalentProfile/TalentProfileIndex.vue
new file mode 100644
index 0000000..5c90e7b
--- /dev/null
+++ b/src/views/TalentProfile/TalentProfileIndex.vue
@@ -0,0 +1,369 @@
+<template>
+  <div class="page-container">
+    <PageNavigation />
+
+    <div class="talent-layout">
+      <!-- 左侧人物列表 -->
+      <div class="talent-sidebar">
+        <div class="sidebar-header"><h3>人物名单</h3></div>
+        <div class="talent-list">
+          <div
+            v-for="person in talentList"
+            :key="person.id"
+            :class="['talent-item', { active: selectedTalent?.id === person.id }]"
+            @click="selectTalent(person)"
+          >
+            <div class="talent-name-main">{{ person.name }}</div>
+            <div class="talent-title-small">（{{ person.title }}）</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 中间个人详情 -->
+      <div class="talent-detail">
+        <div v-if="selectedTalent" class="detail-content">
+          <!-- 基本信息 -->
+          <div class="basic-info-section">
+            <div class="avatar-section">
+              <div class="detail-avatar">
+                <img src="http://cdn.rayrayray.cn/avatar.png" :alt="selectedTalent.name" />
+              </div>
+            </div>
+
+            <div class="info-grid">
+              <div class="info-row">
+                <div class="info-item"><span class="label">姓名：</span><span class="value">{{ selectedTalent.name }}</span></div>
+                <div class="info-item"><span class="label">地区：</span><span class="value">{{ selectedTalent.location }}</span></div>
+              </div>
+              <div class="info-row">
+                <div class="info-item"><span class="label">性别：</span><span class="value">{{ selectedTalent.gender }}</span></div>
+                <div class="info-item"><span class="label">研究领域：</span><span class="value">{{ selectedTalent.field }}</span></div>
+              </div>
+              <div class="info-row">
+                <div class="info-item"><span class="label">年龄：</span><span class="value">{{ selectedTalent.age }}岁</span></div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 个人介绍 -->
+          <div class="biography-section">
+            <h3>个人介绍</h3>
+            <div class="biography-content">{{ selectedTalent.biography }}</div>
+          </div>
+
+          <!-- 人脉关系网 -->
+          <div class="network-section">
+            <div class="network-header">
+              <h3>人脉关系网</h3>
+              <div class="legend">
+                <div class="legend-item"><div class="legend-line colleague"></div><span>合作关系</span></div>
+                <div class="legend-item"><div class="legend-line friend"></div><span>朋友关系</span></div>
+                <div class="legend-item"><div class="legend-line mentor"></div><span>师生关系</span></div>
+              </div>
+            </div>
+            <div id="network-graph" class="network-container"></div>
+
+            <!-- Popover -->
+            <el-popover
+              v-if="selectedNode"
+              :visible="!!selectedNode"
+              placement="right"
+              :width="220"
+              trigger="manual"
+              :virtual-ref="popoverTarget"
+              virtual-triggering
+              @hide="selectedNode = null"
+            >
+              <template #default>
+                <div class="popover-content">
+                  <div class="popover-header"><h4>详细介绍</h4></div>
+                  <div class="popover-body">
+                    <div class="popover-item"><span class="popover-label">姓名：</span><span class="popover-value">{{ selectedNode.name }}</span></div>
+                    <div class="popover-item"><span class="popover-label">关系类型：</span><span class="popover-value">{{ getRelationText(selectedNode.relation) }}</span></div>
+                    <div class="popover-item"><span class="popover-label">性别：</span><span class="popover-value">{{ selectedNode.gender || '男' }}</span></div>
+                    <div class="popover-item"><span class="popover-label">年龄：</span><span class="popover-value">{{ selectedNode.age || '35' }}</span></div>
+                    <div class="popover-item"><span class="popover-label">工作单位：</span><span class="popover-value">{{ selectedNode.workplace || '某某公司' }}</span></div>
+                    <div class="popover-item"><span class="popover-label">职务：</span><span class="popover-value">{{ selectedNode.position || '高级工程师' }}</span></div>
+                    <div class="popover-item"><span class="popover-label">联系方式：</span><span class="popover-value">{{ selectedNode.contact || '***-****-****' }}</span></div>
+                  </div>
+                </div>
+              </template>
+            </el-popover>
+
+            <div class="network-footer">
+              <p>注：该关系网基于公开信息生成，仅供参考。</p>
+            </div>
+          </div>
+        </div>
+
+        <div v-else class="no-selection">
+          <el-empty description="请从左侧选择一个人才查看详情" />
+        </div>
+      </div>
+    </div>
+
+    <PageFooter />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, nextTick } from 'vue'
+import * as d3 from 'd3'
+import PageNavigation from '@/components/PageNavigation.vue'
+import PageFooter from '@/components/PageFooter.vue'
+
+interface TalentPerson {
+  id: number
+  name: string
+  title: string
+  field: string
+  gender: string
+  age: number
+  location: string
+  avatar?: string
+  biography: string
+  connections: Array<{
+    id: number
+    name: string
+    relation: string
+    strength: number
+    gender?: string
+    age?: number
+    workplace?: string
+    position?: string
+    contact?: string
+  }>
+}
+
+interface NetworkNode {
+  id: number
+  name: string
+  type: 'center' | 'connection'
+  relation?: string
+  strength?: number
+  gender?: string
+  age?: number
+  workplace?: string
+  position?: string
+  contact?: string
+  x?: number
+  y?: number
+}
+
+const selectedTalent = ref<TalentPerson | null>(null)
+const selectedNode = ref<NetworkNode | null>(null)
+const popoverTarget = ref<HTMLElement | null>(null)
+
+const talentList = ref<TalentPerson[]>([
+  {
+    id: 1,
+    name: '周小然',
+    title: '高级工程师',
+    field: '人工智能',
+    gender: '男',
+    age: 28,
+    location: '吉林省长春市长春理工大学',
+    biography: '1994年毕业于中国人民解放军国防科技大学，1960年毕业于中国人民解放军国防科技大学，获得11月3日中国科学院，1961年5月，获得计算机硕士学位，现任为产品经理部副经理，请务必为产品经理部副经理工作上提供支持。1962年2月19日，开始从事软件开发工作，先后22年，获得软件开发证书等多项证书，请务必为产品经理部副经理工作上提供支持。1965年至今，少年时期在中国人民解放军国防科技大学，后进入中国科学院计算技术研究所，先后在多个科研院所工作，现任某某公司产品经理部副经理。1951年7月8日，少年时期在中国人民解放军国防科技大学，后进入中国科学院计算技术研究所，先后在多个科研院所工作，现任某某公司产品经理部副经理。1949年，教育背景为中国人民解放军国防科技大学计算机系，后进入中国科学院计算技术研究所，先后在多个科研院所工作，现任某某公司产品经理部副经理。1951年，在某某公司担任产品经理部副经理，负责产品规划和团队管理工作。10月，在某某公司担任产品经理部副经理，负责产品规划和团队管理工作。1951年11月，在某某公司担任产品经理部副经理，负责产品规划和团队管理工作。',
+    connections: [
+      { id: 2, name: '王小轩', relation: 'colleague', strength: 0.8 },
+      { id: 3, name: '程小龙', relation: 'friend', strength: 0.6 },
+      { id: 4, name: '高小睿', relation: 'colleague', strength: 0.7 },
+      { id: 5, name: '张小祖', relation: 'mentor', strength: 0.9 },
+      { id: 6, name: '张小君', relation: 'colleague', strength: 0.5 }
+    ]
+  },
+  { id: 2, name: '王小轩', title: '高级工程师', field: '人工智能', gender: '男', age: 32, location: '北京市海淀区', biography: '……', connections: [{ id: 1, name: '周小强', relation: 'colleague', strength: 0.8 }] },
+  { id: 3, name: '程小龙', title: '高级工程师', field: '生物技术', gender: '男', age: 29, location: '上海市浦东新区', biography: '……', connections: [{ id: 1, name: '周小强', relation: 'friend', strength: 0.6 }] },
+  { id: 4, name: '高小睿', title: '高级工程师', field: '计算机科学', gender: '男', age: 35, location: '深圳市南山区', biography: '……', connections: [{ id: 1, name: '周小强', relation: 'colleague', strength: 0.7 }] },
+  { id: 5, name: '张小祖', title: '高级工程师', field: '人工智能', gender: '男', age: 55, location: '北京市朝阳区', biography: '……', connections: [{ id: 1, name: '周小强', relation: 'mentor', strength: 0.9 }] },
+  { id: 6, name: '张小君', title: '高级工程师', field: '软件工程', gender: '女', age: 26, location: '杭州市西湖区', biography: '……', connections: [{ id: 1, name: '周小强', relation: 'colleague', strength: 0.5 }] }
+])
+
+const selectTalent = (talent: TalentPerson) => {
+  selectedTalent.value = talent
+  selectedNode.value = null
+  nextTick(renderNetworkGraph)
+}
+
+const getRelationText = (relation: string) => {
+  const map: Record<string, string> = { colleague: '合作关系', friend: '朋友关系', mentor: '师生关系' }
+  return map[relation] || relation
+}
+const getRelationColor = (relation?: string) => ({ colleague: '#1890ff', friend: '#52c41a', mentor: '#fa8c16' }[relation || 'colleague']!)
+
+const renderNetworkGraph = () => {
+  if (!selectedTalent.value) return
+  d3.select('#network-graph').selectAll('*').remove()
+
+  const width = 800, height = 500
+  const svg = d3.select('#network-graph').append('svg').attr('width', width).attr('height', height).attr('viewBox', `0 0 ${width} ${height}`)
+
+  const center = { id: selectedTalent.value.id, name: selectedTalent.value.name, type: 'center' as const, x: width / 2, y: height / 2 }
+  const conns = selectedTalent.value.connections.map((c, i) => {
+    const angle = (i * 2 * Math.PI) / selectedTalent.value?.connections.length
+    const r = 180
+    return { id: c.id, name: c.name, type: 'connection' as const, relation: c.relation, strength: c.strength, x: width / 2 + Math.cos(angle) * r, y: height / 2 + Math.sin(angle) * r }
+  })
+  const nodes = [center, ...conns]
+  const links = selectedTalent.value.connections.map((c, i) => ({ source: center, target: conns[i], relation: c.relation }))
+
+  // 三角形连线
+  const linkGroup = svg.append('g').selectAll('g').data(links as any).enter().append('g')
+  
+  linkGroup.each(function(d: any) {
+    const group = d3.select(this)
+    const x1 = d.source.x, y1 = d.source.y
+    const x2 = d.target.x, y2 = d.target.y
+    
+    // 计算连线的长度和角度
+    const dx = x2 - x1
+    const dy = y2 - y1
+    const length = Math.sqrt(dx * dx + dy * dy)
+    const angle = Math.atan2(dy, dx)
+    
+    // 三角形的数量和间距
+    const triangleCount = Math.floor(length / 15) // 每15像素一个三角形
+    
+    // 绘制三角形序列
+    for (let i = 0; i < triangleCount; i++) {
+      const progress = (i + 0.5) / triangleCount
+      const x = x1 + dx * progress
+      const y = y1 + dy * progress
+      
+      // 三角形大小
+      const size = 4
+      
+      // 创建三角形路径
+      const trianglePath = `M ${-size} ${-size/2} L ${size} 0 L ${-size} ${size/2} Z`
+      
+      group.append('path')
+        .attr('d', trianglePath)
+        .attr('transform', `translate(${x}, ${y}) rotate(${angle * 180 / Math.PI})`)
+        .attr('fill', getRelationColor(d.relation))
+        .attr('opacity', 0.8)
+    }
+  })
+
+  const nodeGroup = svg.append('g').selectAll('g').data(nodes).enter().append('g')
+    .attr('class', 'node-group').attr('transform', (d: any) => `translate(${d.x},${d.y})`)
+    .style('cursor', 'pointer')
+    .on('click', (event, d: any) => {
+      if (d.type !== 'center') { popoverTarget.value = event.currentTarget as HTMLElement; selectedNode.value = { ...d } }
+    })
+
+  // 尺寸
+  const rContent = (d: any) => d.type === 'center' ? 45 : 30
+  const bandH = (d: any) => d.type === 'center' ? 22 : 18   // 名牌高度（1/4~1/3圆的直径）
+  const fontSize = (d: any) => d.type === 'center' ? 13 : 11
+
+  // 删除外层彩色圆圈，只保留内白圆和名牌
+
+  // 删除内白圆，直接显示头像
+
+  // 添加头像图片（铺满整个圆）
+  nodeGroup.append('image')
+    .attr('href', 'http://cdn.rayrayray.cn/avatar.png')
+    .attr('x', (d: any) => -rContent(d))
+    .attr('y', (d: any) => -rContent(d))
+    .attr('width', (d: any) => rContent(d) * 2)
+    .attr('height', (d: any) => rContent(d) * 2)
+    .attr('clip-path', (d: any) => `url(#clip-avatar-${d.id})`)
+
+  // 为头像创建圆形裁剪路径
+  const avatarDefs = nodeGroup.append('defs')
+  avatarDefs.append('clipPath')
+    .attr('id', (d: any) => `clip-avatar-${d.id}`)
+    .append('circle')
+    .attr('r', (d: any) => rContent(d))
+    .attr('cx', 0).attr('cy', 0)
+
+  // === 关键：给每个节点创建 clipPath，用内白圆裁剪后续名牌 ===
+  const defs = nodeGroup.append('defs')
+  defs.append('clipPath')
+    .attr('id', (d: any) => `clip-${d.id}`)
+    .append('circle')
+    .attr('r', (d: any) => rContent(d))
+    .attr('cx', 0).attr('cy', 0)
+
+  // 名字底色（圆角矩形），被内圆裁剪 => 视觉等同于“overflow hidden”
+  const labelWrap = nodeGroup.append('g').attr('clip-path', (d: any) => `url(#clip-${d.id})`)
+  labelWrap.append('rect')
+    .attr('width', (d: any) => 2 * rContent(d))
+    .attr('height', (d: any) => bandH(d))
+    .attr('x', (d: unknown) => -rContent(d))
+    .attr('y', (d: unknown) => rContent(d) - bandH(d))
+    .attr('fill', '#023d5e')
+    .attr('opacity', 0.98)
+
+  // 文字（位于名牌中线）
+  nodeGroup.append('text')
+    .text((d: unknown) => d.name)
+    .attr('font-size', (d: unknown) => `${fontSize(d)}px`)
+    .attr('text-anchor', 'middle')
+    .attr('dy', (d: unknown) => rContent(d) - bandH(d) / 2 + (d.type === 'center' ? 4 : 3))
+    .attr('fill', '#fff')
+    .attr('font-weight', 'bold')
+    .style('paint-order', 'stroke')
+    .style('stroke', 'rgba(0,0,0,0.22)')
+    .style('stroke-width', '0.6px')
+}
+
+onMounted(() => {
+  if (talentList.value.length > 0) selectTalent(talentList.value[0])
+  document.addEventListener('click', (e) => {
+    const target = e.target as HTMLElement
+    if (selectedNode.value && !target.closest('.el-popover') && !target.closest('.node-group')) selectedNode.value = null
+  })
+})
+</script>
+
+<style scoped>
+.page-container{min-height:100vh;background:#f5f7fa;color:#303133;padding:80px 0 0;}
+.talent-layout{display:flex;max-width:1400px;margin:0 auto;gap:20px;padding:20px 40px;margin-top:20px;}
+.talent-sidebar{width:240px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:fit-content;}
+.sidebar-header{padding:16px;border-bottom:1px solid #e4e7ed;}
+.sidebar-header h3{margin:0;font-size:16px;color:#303133;font-weight:600;}
+.talent-list{padding:8px 0;}
+.talent-item{padding:12px 16px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;}
+.talent-item:hover{background:#f5f7fa;}
+.talent-item.active{background:#ecf5ff;border-left-color:#409eff;}
+.talent-name-main{font-size:14px;color:#303133;font-weight:600;margin-bottom:4px;}
+.talent-title-small{font-size:12px;color:#909399;}
+.talent-detail{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px;}
+.detail-content{display:flex;flex-direction:column;gap:24px;}
+.basic-info-section{display:flex;gap:24px;padding-bottom:24px;border-bottom:1px solid #e4e7ed;}
+.detail-avatar{width:120px;height:120px;border-radius:8px;overflow:hidden;}
+.detail-avatar img{width:100%;height:100%;object-fit:cover;}
+.avatar-placeholder-large{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:48px;color:#c0c4cc;}
+.info-grid{flex:1;display:flex;flex-direction:column;gap:16px;}
+.info-row{display:flex;gap:40px;}
+.info-item{display:flex;align-items:center;gap:8px;min-width:200px;}
+.info-item .label{font-size:14px;color:#606266;min-width:80px;}
+.info-item .value{font-size:14px;color:#303133;font-weight:500;}
+.biography-section{padding-bottom:24px;border-bottom:1px solid #e4e7ed;}
+.biography-section h3{margin:0 0 16px;font-size:16px;color:#303133;font-weight:600;}
+.biography-content{font-size:14px;line-height:1.6;color:#606266;text-align:justify;}
+.network-section{display:flex;flex-direction:column;gap:16px;}
+.network-header{display:flex;justify-content:space-between;align-items:center;}
+.network-header h3{margin:0;font-size:16px;color:#303133;font-weight:600;}
+.legend{display:flex;gap:20px;}
+.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#606266;}
+.legend-line{width:20px;height:2px;}
+.legend-line.colleague{background:#1890ff;}
+.legend-line.friend{background:#52c41a;background-image:repeating-linear-gradient(90deg,#52c41a,#52c41a 6px,transparent 6px,transparent 9px);}
+.legend-line.mentor{background:#fa8c16;background-image:repeating-linear-gradient(90deg,#fa8c16,#fa8c16 9px,transparent 9px,transparent 13px);}
+.network-container{width:100%;height:500px;background:#fafafa;position:relative;overflow:visible;}
+.network-footer{text-align:center;}
+.network-footer p{margin:0;font-size:12px;color:#909399;}
+.popover-content{padding:0;}
+.popover-header{padding:12px 16px;border-bottom:1px solid #e4e7ed;background:#f8f9fa;margin:-12px -12px 0 -12px;}
+.popover-header h4{margin:0;font-size:14px;color:#303133;font-weight:600;}
+.popover-body{padding:12px 0;}
+.popover-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0;}
+.popover-item:last-child{border-bottom:none;}
+.popover-label{font-size:12px;color:#606266;min-width:60px;}
+.popover-value{font-size:12px;color:#303133;font-weight:500;text-align:right;flex:1;}
+.no-selection{display:flex;align-items:center;justify-content:center;height:400px;}
+:deep(.node-group){transition:all .2s ease;}
+:deep(.node-group:hover circle){stroke-width:4px;}
+</style>
diff --git a/src/views/TechResources/TechResourcesIndex.vue b/src/views/TechResources/TechResourcesIndex.vue
new file mode 100644
index 0000000..ba3e1cf
--- /dev/null
+++ b/src/views/TechResources/TechResourcesIndex.vue
@@ -0,0 +1,424 @@
+<template>
+  <div class="page-container">
+    <PageNavigation />
+    
+    <div class="tech-resources-layout">
+      <!-- 左侧分类导航 -->
+      <div class="sidebar">
+        <div class="sidebar-header">
+          <h3>科技资源</h3>
+        </div>
+        
+        <el-menu
+          :default-active="activeCategory"
+          class="category-menu"
+          @select="handleCategorySelect"
+        >
+          <el-sub-menu index="papers">
+            <template #title>
+              <el-icon><Document /></el-icon>
+              <span>科技论文</span>
+            </template>
+            <el-menu-item index="papers-all">科技资讯</el-menu-item>
+            <el-menu-item index="papers-ai">科技专利</el-menu-item>
+            <el-menu-item index="papers-bio">科技政策</el-menu-item>
+            <el-menu-item index="papers-cs">科技学者</el-menu-item>
+            <el-menu-item index="papers-physics">科技院校</el-menu-item>
+          </el-sub-menu>
+        </el-menu>
+      </div>
+      
+      <!-- 右侧内容区域 -->
+      <div class="content-area">
+        <div class="content-header">
+          <h2>科技论文</h2>
+          <div class="search-controls">
+            <el-input
+              v-model="searchKeyword"
+              placeholder="搜索"
+              class="search-input"
+              clearable
+            >
+              <template #suffix>
+                <el-icon class="search-icon"><Search /></el-icon>
+              </template>
+            </el-input>
+            <el-button type="primary">搜索</el-button>
+            <el-button type="primary">导出</el-button>
+            <el-button type="primary">批量下载</el-button>
+          </div>
+        </div>
+        
+        <!-- 论文列表 -->
+        <div class="papers-table">
+          <el-table
+            :data="papersList"
+            style="width: 100%"
+            :header-cell-style="{ background: '#f8f9fa', color: '#606266' }"
+          >
+            <el-table-column prop="title" label="题名" min-width="300" />
+            <el-table-column prop="author" label="作者" width="150" />
+            <el-table-column prop="journal" label="来源" width="120" />
+            <el-table-column prop="date" label="发表时间" width="120" />
+            <el-table-column prop="cited" label="被引" width="80" />
+            <el-table-column prop="downloads" label="下载次数" width="100" />
+            <el-table-column label="操作" width="80">
+              <template #default="scope">
+                <el-button 
+                  type="primary" 
+                  link 
+                  @click="handleView(scope.row)"
+                >
+                  查看
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        
+        <!-- 分页 -->
+        <div class="pagination-wrapper">
+          <div class="pagination-info">
+            共 {{ total }} 条记录
+          </div>
+          <el-pagination
+            v-model:current-page="currentPage"
+            v-model:page-size="pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            :total="total"
+            layout="sizes, prev, pager, next"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
+        </div>
+      </div>
+    </div>
+    
+    <PageFooter />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { Document, Search } from '@element-plus/icons-vue'
+import PageNavigation from '@/components/PageNavigation.vue'
+import PageFooter from '@/components/PageFooter.vue'
+
+interface Paper {
+  id: number
+  title: string
+  author: string
+  journal: string
+  date: string
+  cited: number
+  downloads: number
+}
+
+const activeCategory = ref('papers-all')
+const searchKeyword = ref('')
+const currentPage = ref(1)
+const pageSize = ref(10)
+const total = ref(126)
+
+const papersList = ref<Paper[]>([
+  {
+    id: 1,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 2,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 3,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 4,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 5,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 6,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 7,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 8,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 9,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  },
+  {
+    id: 10,
+    title: '基于深度学习的医疗诊断技术',
+    author: '王小明, 黄小红',
+    journal: '计算机工程',
+    date: '2024/03/03',
+    cited: 1587,
+    downloads: 1579
+  }
+])
+
+const handleCategorySelect = (key: string) => {
+  activeCategory.value = key
+  // 这里可以根据分类加载不同的数据
+  console.log('Selected category:', key)
+}
+
+const handleView = (row: Paper) => {
+  console.log('View paper:', row)
+  // 这里可以跳转到论文详情页面
+}
+
+const handleSizeChange = (val: number) => {
+  pageSize.value = val
+  // 重新加载数据
+}
+
+const handleCurrentChange = (val: number) => {
+  currentPage.value = val
+  // 重新加载数据
+}
+
+onMounted(() => {
+  // 页面加载时的初始化操作
+})
+</script>
+
+<style scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f7fa;
+  padding: 80px 0 0;
+}
+
+.tech-resources-layout {
+  display: flex;
+  max-width: 1400px;
+  margin: 0 auto;
+  gap: 20px;
+  padding: 20px 40px;
+  margin-top: 20px;
+}
+
+/* 左侧边栏 */
+.sidebar {
+  width: 240px;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  height: fit-content;
+}
+
+.sidebar-header {
+  padding: 16px;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.sidebar-header h3 {
+  margin: 0;
+  font-size: 16px;
+  color: #303133;
+  font-weight: 600;
+}
+
+.category-menu {
+  border: none;
+}
+
+.category-menu .el-menu-item {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+}
+
+.category-menu .el-sub-menu__title {
+  height: 48px;
+  line-height: 48px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+/* 右侧内容区域 */
+.content-area {
+  flex: 1;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 24px;
+}
+
+.content-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.content-header h2 {
+  margin: 0;
+  font-size: 20px;
+  color: #303133;
+  font-weight: 600;
+}
+
+.search-controls {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
+
+.search-input {
+  width: 200px;
+}
+
+.search-icon {
+  color: #909399;
+}
+
+/* 表格样式 */
+.papers-table {
+  margin-bottom: 24px;
+}
+
+:deep(.el-table) {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+:deep(.el-table th) {
+  background: #f8f9fa !important;
+}
+
+:deep(.el-table td) {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+:deep(.el-table tr:hover > td) {
+  background-color: #f8f9fa !important;
+}
+
+/* 分页样式 */
+.pagination-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 16px;
+  border-top: 1px solid #e4e7ed;
+}
+
+.pagination-info {
+  font-size: 14px;
+  color: #606266;
+}
+
+:deep(.el-pagination) {
+  --el-pagination-font-size: 14px;
+}
+
+:deep(.el-pagination .btn-prev),
+:deep(.el-pagination .btn-next) {
+  background: #f5f7fa;
+  border: 1px solid #dcdfe6;
+}
+
+:deep(.el-pagination .btn-prev:hover),
+:deep(.el-pagination .btn-next:hover) {
+  color: #409eff;
+}
+
+:deep(.el-pager li.is-active) {
+  background: #409eff;
+  color: #fff;
+}
+
+/* 响应式设计 */
+@media (max-width: 1024px) {
+  .tech-resources-layout {
+    flex-direction: column;
+    padding: 20px;
+  }
+  
+  .sidebar {
+    width: 100%;
+  }
+  
+  .content-header {
+    flex-direction: column;
+    gap: 16px;
+    align-items: flex-start;
+  }
+  
+  .search-controls {
+    width: 100%;
+    justify-content: flex-end;
+  }
+}
+
+@media (max-width: 768px) {
+  .pagination-wrapper {
+    flex-direction: column;
+    gap: 16px;
+  }
+  
+  .search-input {
+    width: 150px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/UserLogin/UserLoginIndex.vue b/src/views/UserLogin/UserLoginIndex.vue
new file mode 100644
index 0000000..ea627af
--- /dev/null
+++ b/src/views/UserLogin/UserLoginIndex.vue
@@ -0,0 +1,314 @@
+<template>
+  <div class="login-container">
+    <!-- 背景装饰 -->
+    <div class="background-decoration">
+      <div class="decoration-circle circle-1"></div>
+      <div class="decoration-circle circle-2"></div>
+      <div class="decoration-circle circle-3"></div>
+      <div class="decoration-lines">
+        <div class="line line-1"></div>
+        <div class="line line-2"></div>
+        <div class="line line-3"></div>
+      </div>
+    </div>
+
+    <!-- 登录表单 -->
+    <div class="login-form-container">
+      <div class="login-card">
+        <div class="login-header">
+          <h1>科技大脑·平台登录</h1>
+        </div>
+
+        <el-form :model="loginForm" class="login-form" size="large">
+          <el-form-item>
+            <el-input
+              v-model="loginForm.username"
+              placeholder="请输入用户名"
+              class="login-input"
+            >
+              <template #prefix>
+                <el-icon><User /></el-icon>
+              </template>
+            </el-input>
+          </el-form-item>
+
+          <el-form-item>
+            <el-input
+              v-model="loginForm.password"
+              type="password"
+              placeholder="请输入密码"
+              class="login-input"
+              show-password
+            >
+              <template #prefix>
+                <el-icon><Lock /></el-icon>
+              </template>
+            </el-input>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button
+              @click="handleLogin"
+              type="primary"
+              class="login-button"
+              :loading="isLoading"
+            >
+              登录
+            </el-button>
+          </el-form-item>
+
+          <div class="login-footer">
+            <span class="footer-text">没有账号？请联系管理员开通账号</span>
+          </div>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { User, Lock } from '@element-plus/icons-vue'
+
+const router = useRouter()
+
+const loginForm = reactive({
+  username: '',
+  password: ''
+})
+
+const isLoading = ref(false)
+
+const handleLogin = async () => {
+  if (!loginForm.username || !loginForm.password) {
+    ElMessage.warning('请填写完整的登录信息')
+    return
+  }
+  
+  isLoading.value = true
+  
+  setTimeout(() => {
+    isLoading.value = false
+    ElMessage.success('登录成功！')
+    router.push('/')
+  }, 1500)
+}
+</script>
+
+<style scoped>
+.login-container {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 50%, #1a365d 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+}
+
+/* 背景装饰 */
+.background-decoration {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+
+.decoration-circle {
+  position: absolute;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 50%;
+}
+
+.circle-1 {
+  width: 200px;
+  height: 200px;
+  top: 10%;
+  left: 10%;
+  animation: float 6s ease-in-out infinite;
+}
+
+.circle-2 {
+  width: 150px;
+  height: 150px;
+  top: 60%;
+  right: 15%;
+  animation: float 8s ease-in-out infinite reverse;
+}
+
+.circle-3 {
+  width: 100px;
+  height: 100px;
+  bottom: 20%;
+  left: 20%;
+  animation: float 10s ease-in-out infinite;
+}
+
+.decoration-lines {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.line {
+  position: absolute;
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
+  height: 1px;
+}
+
+.line-1 {
+  width: 300px;
+  top: 25%;
+  left: 5%;
+  transform: rotate(15deg);
+}
+
+.line-2 {
+  width: 200px;
+  top: 70%;
+  right: 10%;
+  transform: rotate(-20deg);
+}
+
+.line-3 {
+  width: 250px;
+  bottom: 15%;
+  left: 15%;
+  transform: rotate(10deg);
+}
+
+@keyframes float {
+  0%, 100% {
+    transform: translateY(0px);
+  }
+  50% {
+    transform: translateY(-20px);
+  }
+}
+
+/* 登录表单容器 */
+.login-form-container {
+  z-index: 10;
+  position: relative;
+}
+
+.login-card {
+  background: rgba(45, 82, 130, 0.9);
+  backdrop-filter: blur(20px);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 16px;
+  padding: 48px 40px;
+  width: 400px;
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+}
+
+.login-header {
+  text-align: center;
+  margin-bottom: 32px;
+}
+
+.login-header h1 {
+  color: #ffffff;
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+}
+
+.login-form {
+  width: 100%;
+}
+
+.login-input {
+  margin-bottom: 20px;
+}
+
+:deep(.login-input .el-input__wrapper) {
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 8px;
+  box-shadow: none;
+  padding: 12px 16px;
+}
+
+:deep(.login-input .el-input__wrapper:hover) {
+  border-color: rgba(255, 255, 255, 0.3);
+}
+
+:deep(.login-input .el-input__wrapper.is-focus) {
+  border-color: #409eff;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
+}
+
+:deep(.login-input .el-input__inner) {
+  color: #ffffff;
+  background: transparent;
+}
+
+:deep(.login-input .el-input__inner::placeholder) {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+:deep(.login-input .el-input__prefix) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+:deep(.login-input .el-input__suffix) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-button {
+  width: 100%;
+  height: 48px;
+  background: linear-gradient(135deg, #409eff 0%, #337ecc 100%);
+  border: none;
+  border-radius: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  margin-top: 8px;
+  transition: all 0.3s ease;
+}
+
+.login-button:hover {
+  background: linear-gradient(135deg, #337ecc 0%, #2b6cb0 100%);
+  transform: translateY(-2px);
+  box-shadow: 0 8px 20px rgba(64, 158, 255, 0.3);
+}
+
+.login-footer {
+  text-align: center;
+  margin-top: 24px;
+}
+
+.footer-text {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 14px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .login-card {
+    width: 90%;
+    max-width: 360px;
+    padding: 32px 24px;
+  }
+  
+  .login-header h1 {
+    font-size: 20px;
+  }
+  
+  .decoration-circle {
+    display: none;
+  }
+  
+  .decoration-lines {
+    display: none;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..46fcc20
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": false,
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env",
+      "node"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/vue.config.js b/vue.config.js
index 910e297..5bda8ca 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,5 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
-  transpileDependencies: true
+  transpileDependencies: true,
+  publicPath: './'
 })
diff --git a/yarn.lock b/yarn.lock
index c7811a8..4a7e286 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -18,7 +18,7 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.27.1":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.27.1", "@babel/code-frame@^7.8.3":
   version "7.27.1"
   resolved "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
   integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
@@ -874,11 +874,33 @@
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.28.5"
 
+"@ctrl/tinycolor@^3.4.1":
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz#b6c75a56a1947cc916ea058772d666a2c8932f31"
+  integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
+
 "@discoveryjs/json-ext@0.5.7":
   version "0.5.7"
   resolved "https://registry.npmmirror.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
   integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
 
+"@element-plus/icons-vue@^2.3.2":
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz#7e9cb231fb738b2056f33e22c3a29e214b538dcf"
+  integrity sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==
+
+"@eslint-community/eslint-utils@^4.9.1":
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz#4e90af67bc51ddee6cdef5284edf572ec376b595"
+  integrity sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.12.2":
+  version "4.12.2"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz#bccdf615bcf7b6e8db830ec0b8d21c9a25de597b"
+  integrity sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==
+
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
   resolved "https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
@@ -894,6 +916,26 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@floating-ui/core@^1.7.3":
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.7.3.tgz#462d722f001e23e46d86fd2bd0d21b7693ccb8b7"
+  integrity sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==
+  dependencies:
+    "@floating-ui/utils" "^0.2.10"
+
+"@floating-ui/dom@^1.0.1":
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.7.4.tgz#ee667549998745c9c3e3e84683b909c31d6c9a77"
+  integrity sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==
+  dependencies:
+    "@floating-ui/core" "^1.7.3"
+    "@floating-ui/utils" "^0.2.10"
+
+"@floating-ui/utils@^0.2.10":
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.10.tgz#a2a1e3812d14525f725d011a73eceb41fef5bc1c"
+  integrity sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==
+
 "@hapi/hoek@^9.0.0", "@hapi/hoek@^9.3.0":
   version "9.3.0"
   resolved "https://registry.npmmirror.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
@@ -1007,6 +1049,11 @@
   resolved "https://registry.npmmirror.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
   integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
+"@popperjs/core@npm:@sxzz/popperjs-es@^2.11.7":
+  version "2.11.7"
+  resolved "https://registry.yarnpkg.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz#a7f69e3665d3da9b115f9e71671dae1b97e13671"
+  integrity sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==
+
 "@sideway/address@^4.1.5":
   version "4.1.5"
   resolved "https://registry.npmmirror.com/@sideway/address/-/address-4.1.5.tgz#4bc149a0076623ced99ca8208ba780d65a99b9d5"
@@ -1074,6 +1121,216 @@
   dependencies:
     "@types/node" "*"
 
+"@types/d3-array@*":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-array/-/d3-array-3.2.2.tgz#e02151464d02d4a1b44646d0fcdb93faf88fde8c"
+  integrity sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==
+
+"@types/d3-axis@*":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@types/d3-axis/-/d3-axis-3.0.6.tgz#e760e5765b8188b1defa32bc8bb6062f81e4c795"
+  integrity sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==
+  dependencies:
+    "@types/d3-selection" "*"
+
+"@types/d3-brush@*":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@types/d3-brush/-/d3-brush-3.0.6.tgz#c2f4362b045d472e1b186cdbec329ba52bdaee6c"
+  integrity sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==
+  dependencies:
+    "@types/d3-selection" "*"
+
+"@types/d3-chord@*":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@types/d3-chord/-/d3-chord-3.0.6.tgz#1706ca40cf7ea59a0add8f4456efff8f8775793d"
+  integrity sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==
+
+"@types/d3-color@*":
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/@types/d3-color/-/d3-color-3.1.3.tgz#368c961a18de721da8200e80bf3943fb53136af2"
+  integrity sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==
+
+"@types/d3-contour@*":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@types/d3-contour/-/d3-contour-3.0.6.tgz#9ada3fa9c4d00e3a5093fed0356c7ab929604231"
+  integrity sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==
+  dependencies:
+    "@types/d3-array" "*"
+    "@types/geojson" "*"
+
+"@types/d3-delaunay@*":
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz#185c1a80cc807fdda2a3fe960f7c11c4a27952e1"
+  integrity sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==
+
+"@types/d3-dispatch@*":
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz#ef004d8a128046cfce434d17182f834e44ef95b2"
+  integrity sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==
+
+"@types/d3-drag@*":
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/@types/d3-drag/-/d3-drag-3.0.7.tgz#b13aba8b2442b4068c9a9e6d1d82f8bcea77fc02"
+  integrity sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==
+  dependencies:
+    "@types/d3-selection" "*"
+
+"@types/d3-dsv@*":
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/@types/d3-dsv/-/d3-dsv-3.0.7.tgz#0a351f996dc99b37f4fa58b492c2d1c04e3dac17"
+  integrity sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==
+
+"@types/d3-ease@*":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-ease/-/d3-ease-3.0.2.tgz#e28db1bfbfa617076f7770dd1d9a48eaa3b6c51b"
+  integrity sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==
+
+"@types/d3-fetch@*":
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/@types/d3-fetch/-/d3-fetch-3.0.7.tgz#c04a2b4f23181aa376f30af0283dbc7b3b569980"
+  integrity sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==
+  dependencies:
+    "@types/d3-dsv" "*"
+
+"@types/d3-force@*":
+  version "3.0.10"
+  resolved "https://registry.yarnpkg.com/@types/d3-force/-/d3-force-3.0.10.tgz#6dc8fc6e1f35704f3b057090beeeb7ac674bff1a"
+  integrity sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==
+
+"@types/d3-format@*":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/d3-format/-/d3-format-3.0.4.tgz#b1e4465644ddb3fdf3a263febb240a6cd616de90"
+  integrity sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==
+
+"@types/d3-geo@*":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@types/d3-geo/-/d3-geo-3.1.0.tgz#b9e56a079449174f0a2c8684a9a4df3f60522440"
+  integrity sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==
+  dependencies:
+    "@types/geojson" "*"
+
+"@types/d3-hierarchy@*":
+  version "3.1.7"
+  resolved "https://registry.yarnpkg.com/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz#6023fb3b2d463229f2d680f9ac4b47466f71f17b"
+  integrity sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==
+
+"@types/d3-interpolate@*":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz#412b90e84870285f2ff8a846c6eb60344f12a41c"
+  integrity sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==
+  dependencies:
+    "@types/d3-color" "*"
+
+"@types/d3-path@*":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@types/d3-path/-/d3-path-3.1.1.tgz#f632b380c3aca1dba8e34aa049bcd6a4af23df8a"
+  integrity sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==
+
+"@types/d3-polygon@*":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-polygon/-/d3-polygon-3.0.2.tgz#dfae54a6d35d19e76ac9565bcb32a8e54693189c"
+  integrity sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==
+
+"@types/d3-quadtree@*":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz#d4740b0fe35b1c58b66e1488f4e7ed02952f570f"
+  integrity sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==
+
+"@types/d3-random@*":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/d3-random/-/d3-random-3.0.3.tgz#ed995c71ecb15e0cd31e22d9d5d23942e3300cfb"
+  integrity sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==
+
+"@types/d3-scale-chromatic@*":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz#dc6d4f9a98376f18ea50bad6c39537f1b5463c39"
+  integrity sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==
+
+"@types/d3-scale@*":
+  version "4.0.9"
+  resolved "https://registry.yarnpkg.com/@types/d3-scale/-/d3-scale-4.0.9.tgz#57a2f707242e6fe1de81ad7bfcccaaf606179afb"
+  integrity sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==
+  dependencies:
+    "@types/d3-time" "*"
+
+"@types/d3-selection@*":
+  version "3.0.11"
+  resolved "https://registry.yarnpkg.com/@types/d3-selection/-/d3-selection-3.0.11.tgz#bd7a45fc0a8c3167a631675e61bc2ca2b058d4a3"
+  integrity sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==
+
+"@types/d3-shape@*":
+  version "3.1.7"
+  resolved "https://registry.yarnpkg.com/@types/d3-shape/-/d3-shape-3.1.7.tgz#2b7b423dc2dfe69c8c93596e673e37443348c555"
+  integrity sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==
+  dependencies:
+    "@types/d3-path" "*"
+
+"@types/d3-time-format@*":
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/@types/d3-time-format/-/d3-time-format-4.0.3.tgz#d6bc1e6b6a7db69cccfbbdd4c34b70632d9e9db2"
+  integrity sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==
+
+"@types/d3-time@*":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/d3-time/-/d3-time-3.0.4.tgz#8472feecd639691450dd8000eb33edd444e1323f"
+  integrity sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==
+
+"@types/d3-timer@*":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-timer/-/d3-timer-3.0.2.tgz#70bbda77dc23aa727413e22e214afa3f0e852f70"
+  integrity sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==
+
+"@types/d3-transition@*":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@types/d3-transition/-/d3-transition-3.0.9.tgz#1136bc57e9ddb3c390dccc9b5ff3b7d2b8d94706"
+  integrity sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==
+  dependencies:
+    "@types/d3-selection" "*"
+
+"@types/d3-zoom@*":
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/@types/d3-zoom/-/d3-zoom-3.0.8.tgz#dccb32d1c56b1e1c6e0f1180d994896f038bc40b"
+  integrity sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==
+  dependencies:
+    "@types/d3-interpolate" "*"
+    "@types/d3-selection" "*"
+
+"@types/d3@^7.4.3":
+  version "7.4.3"
+  resolved "https://registry.yarnpkg.com/@types/d3/-/d3-7.4.3.tgz#d4550a85d08f4978faf0a4c36b848c61eaac07e2"
+  integrity sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==
+  dependencies:
+    "@types/d3-array" "*"
+    "@types/d3-axis" "*"
+    "@types/d3-brush" "*"
+    "@types/d3-chord" "*"
+    "@types/d3-color" "*"
+    "@types/d3-contour" "*"
+    "@types/d3-delaunay" "*"
+    "@types/d3-dispatch" "*"
+    "@types/d3-drag" "*"
+    "@types/d3-dsv" "*"
+    "@types/d3-ease" "*"
+    "@types/d3-fetch" "*"
+    "@types/d3-force" "*"
+    "@types/d3-format" "*"
+    "@types/d3-geo" "*"
+    "@types/d3-hierarchy" "*"
+    "@types/d3-interpolate" "*"
+    "@types/d3-path" "*"
+    "@types/d3-polygon" "*"
+    "@types/d3-quadtree" "*"
+    "@types/d3-random" "*"
+    "@types/d3-scale" "*"
+    "@types/d3-scale-chromatic" "*"
+    "@types/d3-selection" "*"
+    "@types/d3-shape" "*"
+    "@types/d3-time" "*"
+    "@types/d3-time-format" "*"
+    "@types/d3-timer" "*"
+    "@types/d3-transition" "*"
+    "@types/d3-zoom" "*"
+
 "@types/eslint-scope@^3.7.7":
   version "3.7.7"
   resolved "https://registry.npmmirror.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5"
@@ -1142,6 +1399,11 @@
     "@types/qs" "*"
     "@types/serve-static" "^1"
 
+"@types/geojson@*":
+  version "7946.0.16"
+  resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.16.tgz#8ebe53d69efada7044454e3305c19017d97ced2a"
+  integrity sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==
+
 "@types/html-minifier-terser@^6.0.0":
   version "6.1.0"
   resolved "https://registry.npmmirror.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
@@ -1159,11 +1421,23 @@
   dependencies:
     "@types/node" "*"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.15", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+"@types/json-schema@*", "@types/json-schema@^7.0.15", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
   version "7.0.15"
   resolved "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
+"@types/lodash-es@^4.17.12":
+  version "4.17.12"
+  resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.12.tgz#65f6d1e5f80539aa7cfbfc962de5def0cf4f341b"
+  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*", "@types/lodash@^4.17.20":
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.21.tgz#b806831543d696b14f8112db600ea9d3a1df6ea4"
+  integrity sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ==
+
 "@types/mime@^1":
   version "1.3.5"
   resolved "https://registry.npmmirror.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
@@ -1181,9 +1455,9 @@
   dependencies:
     "@types/node" "*"
 
-"@types/node@*":
+"@types/node@*", "@types/node@^25.0.3":
   version "25.0.3"
-  resolved "https://registry.npmmirror.com/@types/node/-/node-25.0.3.tgz#79b9ac8318f373fbfaaf6e2784893efa9701f269"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.0.3.tgz#79b9ac8318f373fbfaaf6e2784893efa9701f269"
   integrity sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==
   dependencies:
     undici-types "~7.16.0"
@@ -1259,6 +1533,16 @@
   dependencies:
     "@types/node" "*"
 
+"@types/web-bluetooth@^0.0.20":
+  version "0.0.20"
+  resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz#f066abfcd1cbe66267cdbbf0de010d8a41b41597"
+  integrity sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==
+
+"@types/webpack-env@^1.15.2":
+  version "1.18.8"
+  resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.18.8.tgz#71f083718c094204d7b64443701d32f1db3989e3"
+  integrity sha512-G9eAoJRMLjcvN4I08wB5I7YofOb/kaJNd5uoCMX+LbKXTPCF+ZIHuqTnFaK9Jz1rgs035f9JUPUhNFtqgucy/A==
+
 "@types/ws@^8.5.5":
   version "8.18.1"
   resolved "https://registry.npmmirror.com/@types/ws/-/ws-8.18.1.tgz#48464e4bf2ddfd17db13d845467f6070ffea4aa9"
@@ -1266,6 +1550,102 @@
   dependencies:
     "@types/node" "*"
 
+"@typescript-eslint/eslint-plugin@^8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.52.0.tgz#9a9f1d2ee974ed77a8b1bda94e77123f697ee8b4"
+  integrity sha512-okqtOgqu2qmZJ5iN4TWlgfF171dZmx2FzdOv2K/ixL2LZWDStL8+JgQerI2sa8eAEfoydG9+0V96m7V+P8yE1Q==
+  dependencies:
+    "@eslint-community/regexpp" "^4.12.2"
+    "@typescript-eslint/scope-manager" "8.52.0"
+    "@typescript-eslint/type-utils" "8.52.0"
+    "@typescript-eslint/utils" "8.52.0"
+    "@typescript-eslint/visitor-keys" "8.52.0"
+    ignore "^7.0.5"
+    natural-compare "^1.4.0"
+    ts-api-utils "^2.4.0"
+
+"@typescript-eslint/parser@^8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.52.0.tgz#9fae9f5f13ebb1c8f31a50c34381bfd6bf96a05f"
+  integrity sha512-iIACsx8pxRnguSYhHiMn2PvhvfpopO9FXHyn1mG5txZIsAaB6F0KwbFnUQN3KCiG3Jcuad/Cao2FAs1Wp7vAyg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "8.52.0"
+    "@typescript-eslint/types" "8.52.0"
+    "@typescript-eslint/typescript-estree" "8.52.0"
+    "@typescript-eslint/visitor-keys" "8.52.0"
+    debug "^4.4.3"
+
+"@typescript-eslint/project-service@8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.52.0.tgz#5fb4c16af4eda6d74c70cbc62f5d3f77b96e4cbe"
+  integrity sha512-xD0MfdSdEmeFa3OmVqonHi+Cciab96ls1UhIF/qX/O/gPu5KXD0bY9lu33jj04fjzrXHcuvjBcBC+D3SNSadaw==
+  dependencies:
+    "@typescript-eslint/tsconfig-utils" "^8.52.0"
+    "@typescript-eslint/types" "^8.52.0"
+    debug "^4.4.3"
+
+"@typescript-eslint/scope-manager@8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.52.0.tgz#9884ff690fad30380ccabfb08af1ac200af6b4e5"
+  integrity sha512-ixxqmmCcc1Nf8S0mS0TkJ/3LKcC8mruYJPOU6Ia2F/zUUR4pApW7LzrpU3JmtePbRUTes9bEqRc1Gg4iyRnDzA==
+  dependencies:
+    "@typescript-eslint/types" "8.52.0"
+    "@typescript-eslint/visitor-keys" "8.52.0"
+
+"@typescript-eslint/tsconfig-utils@8.52.0", "@typescript-eslint/tsconfig-utils@^8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.52.0.tgz#0296751c22ed05c83787a6eaec65ae221bd8b8ed"
+  integrity sha512-jl+8fzr/SdzdxWJznq5nvoI7qn2tNYV/ZBAEcaFMVXf+K6jmXvAFrgo/+5rxgnL152f//pDEAYAhhBAZGrVfwg==
+
+"@typescript-eslint/type-utils@8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.52.0.tgz#6e554113f8a074cf9b2faa818d2ebfccb867d6c5"
+  integrity sha512-JD3wKBRWglYRQkAtsyGz1AewDu3mTc7NtRjR/ceTyGoPqmdS5oCdx/oZMWD5Zuqmo6/MpsYs0wp6axNt88/2EQ==
+  dependencies:
+    "@typescript-eslint/types" "8.52.0"
+    "@typescript-eslint/typescript-estree" "8.52.0"
+    "@typescript-eslint/utils" "8.52.0"
+    debug "^4.4.3"
+    ts-api-utils "^2.4.0"
+
+"@typescript-eslint/types@8.52.0", "@typescript-eslint/types@^8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.52.0.tgz#1eb0a16b324824bc23b89d109a267c38c9213c4a"
+  integrity sha512-LWQV1V4q9V4cT4H5JCIx3481iIFxH1UkVk+ZkGGAV1ZGcjGI9IoFOfg3O6ywz8QqCDEp7Inlg6kovMofsNRaGg==
+
+"@typescript-eslint/typescript-estree@8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.52.0.tgz#2ad7721c671be2127951286cb7f44c4ce55b0591"
+  integrity sha512-XP3LClsCc0FsTK5/frGjolyADTh3QmsLp6nKd476xNI9CsSsLnmn4f0jrzNoAulmxlmNIpeXuHYeEQv61Q6qeQ==
+  dependencies:
+    "@typescript-eslint/project-service" "8.52.0"
+    "@typescript-eslint/tsconfig-utils" "8.52.0"
+    "@typescript-eslint/types" "8.52.0"
+    "@typescript-eslint/visitor-keys" "8.52.0"
+    debug "^4.4.3"
+    minimatch "^9.0.5"
+    semver "^7.7.3"
+    tinyglobby "^0.2.15"
+    ts-api-utils "^2.4.0"
+
+"@typescript-eslint/utils@8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.52.0.tgz#b249be8264899b80d996fa353b4b84da4662f962"
+  integrity sha512-wYndVMWkweqHpEpwPhwqE2lnD2DxC6WVLupU/DOt/0/v+/+iQbbzO3jOHjmBMnhu0DgLULvOaU4h4pwHYi2oRQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.9.1"
+    "@typescript-eslint/scope-manager" "8.52.0"
+    "@typescript-eslint/types" "8.52.0"
+    "@typescript-eslint/typescript-estree" "8.52.0"
+
+"@typescript-eslint/visitor-keys@8.52.0":
+  version "8.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.52.0.tgz#50361c48a6302676230fe498f80f6decce4bf673"
+  integrity sha512-ink3/Zofus34nmBsPjow63FP5M7IGff0RKAgqR6+CFpdk22M7aLwC9gOcLGYqr7MczLPzZVERW9hRog3O4n1sQ==
+  dependencies:
+    "@typescript-eslint/types" "8.52.0"
+    eslint-visitor-keys "^4.2.1"
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.4.0":
   version "1.4.0"
   resolved "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz#8d53a1e21347db8edbe54d339902583176de09f2"
@@ -1434,6 +1814,21 @@
   dependencies:
     "@vue/cli-shared-utils" "^5.0.9"
 
+"@vue/cli-plugin-typescript@^5.0.9":
+  version "5.0.9"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-typescript/-/cli-plugin-typescript-5.0.9.tgz#e9943588d4332dd2fc0850601018e88c5c3771f0"
+  integrity sha512-68S9rtpLMZLOIjQ9UaLSPupiJlE6ySO68kDVraIkqeQNi0qfcnVOlXTsDd4UnobKv+v+qHnt593+8bt3mjXiyA==
+  dependencies:
+    "@babel/core" "^7.12.16"
+    "@types/webpack-env" "^1.15.2"
+    "@vue/cli-shared-utils" "^5.0.9"
+    babel-loader "^8.2.2"
+    fork-ts-checker-webpack-plugin "^6.4.0"
+    globby "^11.0.2"
+    thread-loader "^3.0.0"
+    ts-loader "^9.2.5"
+    webpack "^5.54.0"
+
 "@vue/cli-plugin-vuex@^5.0.9":
   version "5.0.9"
   resolved "https://registry.npmmirror.com/@vue/cli-plugin-vuex/-/cli-plugin-vuex-5.0.9.tgz#29830a46f075c9bb35a00cd37e8c0d133a5c41a8"
@@ -1576,6 +1971,11 @@
   optionalDependencies:
     prettier "^1.18.2 || ^2.0.0"
 
+"@vue/devtools-api@^6.6.4":
+  version "6.6.4"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
+  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
+
 "@vue/reactivity@3.5.26":
   version "3.5.26"
   resolved "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.26.tgz#59a1edf566dc80133c1c26c93711c877e8602c48"
@@ -1630,6 +2030,28 @@
   resolved "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz#b6b40a7625429d2bd7c2281ddba601ed05dc7f1a"
   integrity sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==
 
+"@vueuse/core@^10.11.0":
+  version "10.11.1"
+  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-10.11.1.tgz#15d2c0b6448d2212235b23a7ba29c27173e0c2c6"
+  integrity sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==
+  dependencies:
+    "@types/web-bluetooth" "^0.0.20"
+    "@vueuse/metadata" "10.11.1"
+    "@vueuse/shared" "10.11.1"
+    vue-demi ">=0.14.8"
+
+"@vueuse/metadata@10.11.1":
+  version "10.11.1"
+  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-10.11.1.tgz#209db7bb5915aa172a87510b6de2ca01cadbd2a7"
+  integrity sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==
+
+"@vueuse/shared@10.11.1":
+  version "10.11.1"
+  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-10.11.1.tgz#62b84e3118ae6e1f3ff38f4fbe71b0c5d0f10938"
+  integrity sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==
+  dependencies:
+    vue-demi ">=0.14.8"
+
 "@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
   version "1.14.1"
   resolved "https://registry.npmmirror.com/@webassemblyjs/ast/-/ast-1.14.1.tgz#a9f6a07f2b03c95c8d38c4536a1fdfb521ff55b6"
@@ -1808,7 +2230,7 @@ ajv-formats@^2.1.1:
   dependencies:
     ajv "^8.0.0"
 
-ajv-keywords@^3.5.2:
+ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
   version "3.5.2"
   resolved "https://registry.npmmirror.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
@@ -1820,7 +2242,7 @@ ajv-keywords@^5.1.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -1919,6 +2341,11 @@ astral-regex@^2.0.0:
   resolved "https://registry.npmmirror.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
   integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
 
+async-validator@^4.2.5:
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-4.2.5.tgz#c96ea3332a521699d0afaaceed510a54656c6339"
+  integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
+
 async@^3.2.6:
   version "3.2.6"
   resolved "https://registry.npmmirror.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
@@ -2064,6 +2491,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.2.tgz#54fc53237a613d854c7bd37463aad17df87214e7"
+  integrity sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==
+  dependencies:
+    balanced-match "^1.0.0"
+
 braces@^3.0.3, braces@~3.0.2:
   version "3.0.3"
   resolved "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
@@ -2189,7 +2623,7 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chokidar@^3.5.3:
+chokidar@^3.4.2, chokidar@^3.5.3:
   version "3.6.0"
   resolved "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -2318,16 +2752,16 @@ colorette@^2.0.10:
   resolved "https://registry.npmmirror.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
   integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
 
+commander@7, commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
-  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
-
 commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
@@ -2431,6 +2865,17 @@ core-util-is@~1.0.0:
   resolved "https://registry.npmmirror.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.1.0"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.7.2"
+
 cosmiconfig@^7.0.0:
   version "7.1.0"
   resolved "https://registry.npmmirror.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
@@ -2592,6 +3037,255 @@ csstype@^3.2.3:
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz#ec48c0f3e993e50648c86da559e2610995cf989a"
   integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
 
+"d3-array@2 - 3", "d3-array@2.10.0 - 3", "d3-array@2.5.0 - 3", d3-array@3, d3-array@^3.2.0:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-3.2.4.tgz#15fec33b237f97ac5d7c986dc77da273a8ed0bb5"
+  integrity sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==
+  dependencies:
+    internmap "1 - 2"
+
+d3-axis@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-axis/-/d3-axis-3.0.0.tgz#c42a4a13e8131d637b745fc2973824cfeaf93322"
+  integrity sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==
+
+d3-brush@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-brush/-/d3-brush-3.0.0.tgz#6f767c4ed8dcb79de7ede3e1c0f89e63ef64d31c"
+  integrity sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-drag "2 - 3"
+    d3-interpolate "1 - 3"
+    d3-selection "3"
+    d3-transition "3"
+
+d3-chord@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-chord/-/d3-chord-3.0.1.tgz#d156d61f485fce8327e6abf339cb41d8cbba6966"
+  integrity sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==
+  dependencies:
+    d3-path "1 - 3"
+
+"d3-color@1 - 3", d3-color@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-3.1.0.tgz#395b2833dfac71507f12ac2f7af23bf819de24e2"
+  integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==
+
+d3-contour@4:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/d3-contour/-/d3-contour-4.0.2.tgz#bb92063bc8c5663acb2422f99c73cbb6c6ae3bcc"
+  integrity sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==
+  dependencies:
+    d3-array "^3.2.0"
+
+d3-delaunay@6:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/d3-delaunay/-/d3-delaunay-6.0.4.tgz#98169038733a0a5babbeda55054f795bb9e4a58b"
+  integrity sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==
+  dependencies:
+    delaunator "5"
+
+"d3-dispatch@1 - 3", d3-dispatch@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-dispatch/-/d3-dispatch-3.0.1.tgz#5fc75284e9c2375c36c839411a0cf550cbfc4d5e"
+  integrity sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==
+
+"d3-drag@2 - 3", d3-drag@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-drag/-/d3-drag-3.0.0.tgz#994aae9cd23c719f53b5e10e3a0a6108c69607ba"
+  integrity sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-selection "3"
+
+"d3-dsv@1 - 3", d3-dsv@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-dsv/-/d3-dsv-3.0.1.tgz#c63af978f4d6a0d084a52a673922be2160789b73"
+  integrity sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==
+  dependencies:
+    commander "7"
+    iconv-lite "0.6"
+    rw "1"
+
+"d3-ease@1 - 3", d3-ease@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-ease/-/d3-ease-3.0.1.tgz#9658ac38a2140d59d346160f1f6c30fda0bd12f4"
+  integrity sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==
+
+d3-fetch@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-fetch/-/d3-fetch-3.0.1.tgz#83141bff9856a0edb5e38de89cdcfe63d0a60a22"
+  integrity sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==
+  dependencies:
+    d3-dsv "1 - 3"
+
+d3-force@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-force/-/d3-force-3.0.0.tgz#3e2ba1a61e70888fe3d9194e30d6d14eece155c4"
+  integrity sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-quadtree "1 - 3"
+    d3-timer "1 - 3"
+
+"d3-format@1 - 3", d3-format@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-3.1.0.tgz#9260e23a28ea5cb109e93b21a06e24e2ebd55641"
+  integrity sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==
+
+d3-geo@3:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/d3-geo/-/d3-geo-3.1.1.tgz#6027cf51246f9b2ebd64f99e01dc7c3364033a4d"
+  integrity sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==
+  dependencies:
+    d3-array "2.5.0 - 3"
+
+d3-hierarchy@3:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz#b01cd42c1eed3d46db77a5966cf726f8c09160c6"
+  integrity sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==
+
+"d3-interpolate@1 - 3", "d3-interpolate@1.2.0 - 3", d3-interpolate@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-3.0.1.tgz#3c47aa5b32c5b3dfb56ef3fd4342078a632b400d"
+  integrity sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==
+  dependencies:
+    d3-color "1 - 3"
+
+"d3-path@1 - 3", d3-path@3, d3-path@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-3.1.0.tgz#22df939032fb5a71ae8b1800d61ddb7851c42526"
+  integrity sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==
+
+d3-polygon@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-polygon/-/d3-polygon-3.0.1.tgz#0b45d3dd1c48a29c8e057e6135693ec80bf16398"
+  integrity sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==
+
+"d3-quadtree@1 - 3", d3-quadtree@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-quadtree/-/d3-quadtree-3.0.1.tgz#6dca3e8be2b393c9a9d514dabbd80a92deef1a4f"
+  integrity sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==
+
+d3-random@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-random/-/d3-random-3.0.1.tgz#d4926378d333d9c0bfd1e6fa0194d30aebaa20f4"
+  integrity sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==
+
+d3-scale-chromatic@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz#34c39da298b23c20e02f1a4b239bd0f22e7f1314"
+  integrity sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==
+  dependencies:
+    d3-color "1 - 3"
+    d3-interpolate "1 - 3"
+
+d3-scale@4:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/d3-scale/-/d3-scale-4.0.2.tgz#82b38e8e8ff7080764f8dcec77bd4be393689396"
+  integrity sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==
+  dependencies:
+    d3-array "2.10.0 - 3"
+    d3-format "1 - 3"
+    d3-interpolate "1.2.0 - 3"
+    d3-time "2.1.1 - 3"
+    d3-time-format "2 - 4"
+
+"d3-selection@2 - 3", d3-selection@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-selection/-/d3-selection-3.0.0.tgz#c25338207efa72cc5b9bd1458a1a41901f1e1b31"
+  integrity sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==
+
+d3-shape@3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-3.2.0.tgz#a1a839cbd9ba45f28674c69d7f855bcf91dfc6a5"
+  integrity sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==
+  dependencies:
+    d3-path "^3.1.0"
+
+"d3-time-format@2 - 4", d3-time-format@4:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time-format/-/d3-time-format-4.1.0.tgz#7ab5257a5041d11ecb4fe70a5c7d16a195bb408a"
+  integrity sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==
+  dependencies:
+    d3-time "1 - 3"
+
+"d3-time@1 - 3", "d3-time@2.1.1 - 3", d3-time@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-3.1.0.tgz#9310db56e992e3c0175e1ef385e545e48a9bb5c7"
+  integrity sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==
+  dependencies:
+    d3-array "2 - 3"
+
+"d3-timer@1 - 3", d3-timer@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-timer/-/d3-timer-3.0.1.tgz#6284d2a2708285b1abb7e201eda4380af35e63b0"
+  integrity sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==
+
+"d3-transition@2 - 3", d3-transition@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-transition/-/d3-transition-3.0.1.tgz#6869fdde1448868077fdd5989200cb61b2a1645f"
+  integrity sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==
+  dependencies:
+    d3-color "1 - 3"
+    d3-dispatch "1 - 3"
+    d3-ease "1 - 3"
+    d3-interpolate "1 - 3"
+    d3-timer "1 - 3"
+
+d3-zoom@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-zoom/-/d3-zoom-3.0.0.tgz#d13f4165c73217ffeaa54295cd6969b3e7aee8f3"
+  integrity sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-drag "2 - 3"
+    d3-interpolate "1 - 3"
+    d3-selection "2 - 3"
+    d3-transition "2 - 3"
+
+d3@^7.9.0:
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/d3/-/d3-7.9.0.tgz#579e7acb3d749caf8860bd1741ae8d371070cd5d"
+  integrity sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==
+  dependencies:
+    d3-array "3"
+    d3-axis "3"
+    d3-brush "3"
+    d3-chord "3"
+    d3-color "3"
+    d3-contour "4"
+    d3-delaunay "6"
+    d3-dispatch "3"
+    d3-drag "3"
+    d3-dsv "3"
+    d3-ease "3"
+    d3-fetch "3"
+    d3-force "3"
+    d3-format "3"
+    d3-geo "3"
+    d3-hierarchy "3"
+    d3-interpolate "3"
+    d3-path "3"
+    d3-polygon "3"
+    d3-quadtree "3"
+    d3-random "3"
+    d3-scale "4"
+    d3-scale-chromatic "3"
+    d3-selection "3"
+    d3-shape "3"
+    d3-time "3"
+    d3-time-format "4"
+    d3-timer "3"
+    d3-transition "3"
+    d3-zoom "3"
+
+dayjs@^1.11.19:
+  version "1.11.19"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.19.tgz#15dc98e854bb43917f12021806af897c58ae2938"
+  integrity sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==
+
 debounce@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmmirror.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
@@ -2604,7 +3298,7 @@ debug@2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.6, debug@^4.4.1:
+debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.6, debug@^4.4.1, debug@^4.4.3:
   version "4.4.3"
   resolved "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
   integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
@@ -2621,6 +3315,11 @@ deepmerge@^1.5.2:
   resolved "https://registry.npmmirror.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
   integrity sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
 
+deepmerge@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
 default-gateway@^6.0.3:
   version "6.0.3"
   resolved "https://registry.npmmirror.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
@@ -2658,6 +3357,13 @@ define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+delaunator@5:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/delaunator/-/delaunator-5.0.1.tgz#39032b08053923e924d6094fe2cde1a99cc51278"
+  integrity sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==
+  dependencies:
+    robust-predicates "^3.0.2"
+
 depd@2.0.0, depd@~2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
@@ -2783,6 +3489,26 @@ electron-to-chromium@^1.5.263:
   resolved "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz#5d84f2df8cdb6bfe7e873706bb21bd4bfb574dc7"
   integrity sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==
 
+element-plus@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/element-plus/-/element-plus-2.13.0.tgz#e2ae817c1ed4fa9e94456af69a0f88cd824ee0c7"
+  integrity sha512-qjxS+SBChvqCl6lU6ShiliLMN6WqFHiXQENYbAY3GKNflG+FS3jqn8JmQq0CBZq4koFqsi95NT1M6SL4whZfrA==
+  dependencies:
+    "@ctrl/tinycolor" "^3.4.1"
+    "@element-plus/icons-vue" "^2.3.2"
+    "@floating-ui/dom" "^1.0.1"
+    "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
+    "@types/lodash" "^4.17.20"
+    "@types/lodash-es" "^4.17.12"
+    "@vueuse/core" "^10.11.0"
+    async-validator "^4.2.5"
+    dayjs "^1.11.19"
+    lodash "^4.17.21"
+    lodash-es "^4.17.21"
+    lodash-unified "^1.0.3"
+    memoize-one "^6.0.0"
+    normalize-wheel-es "^1.2.0"
+
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -2805,7 +3531,7 @@ end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^5.17.4:
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.17.4:
   version "5.18.4"
   resolved "https://registry.npmmirror.com/enhanced-resolve/-/enhanced-resolve-5.18.4.tgz#c22d33055f3952035ce6a144ce092447c525f828"
   integrity sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==
@@ -2939,11 +3665,16 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   resolved "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.4.1:
+eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
   version "3.4.3"
   resolved "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
+eslint-visitor-keys@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz#4cfea60fe7dd0ad8e816e1ed026c1d5251b512c1"
+  integrity sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==
+
 eslint-webpack-plugin@^3.1.0:
   version "3.2.0"
   resolved "https://registry.npmmirror.com/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz#1978cdb9edc461e4b0195a20da950cf57988347c"
@@ -3201,6 +3932,11 @@ faye-websocket@^0.11.3:
   dependencies:
     websocket-driver ">=0.5.1"
 
+fdir@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.5.0.tgz#ed2ab967a331ade62f18d077dae192684d50d350"
+  integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
+
 figures@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
@@ -3276,6 +4012,25 @@ follow-redirects@^1.0.0:
   resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
   integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
 
+fork-ts-checker-webpack-plugin@^6.4.0:
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
+  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@types/json-schema" "^7.0.5"
+    chalk "^4.1.0"
+    chokidar "^3.4.2"
+    cosmiconfig "^6.0.0"
+    deepmerge "^4.2.2"
+    fs-extra "^9.0.0"
+    glob "^7.1.6"
+    memfs "^3.1.2"
+    minimatch "^3.0.4"
+    schema-utils "2.7.0"
+    semver "^7.3.2"
+    tapable "^1.0.0"
+
 forwarded@0.2.0:
   version "0.2.0"
   resolved "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
@@ -3291,7 +4046,7 @@ fresh@~0.5.2:
   resolved "https://registry.npmmirror.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
 
-fs-extra@^9.1.0:
+fs-extra@^9.0.0, fs-extra@^9.1.0:
   version "9.1.0"
   resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -3396,7 +4151,7 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.npmmirror.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@^7.1.3:
+glob@^7.1.3, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -3618,6 +4373,13 @@ human-signals@^2.1.0:
   resolved "https://registry.npmmirror.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
+iconv-lite@0.6:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
 iconv-lite@~0.4.24:
   version "0.4.24"
   resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -3645,7 +4407,12 @@ ignore@^5.2.0:
   resolved "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-import-fresh@^3.0.0, import-fresh@^3.2.1:
+ignore@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9"
+  integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==
+
+import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
   version "3.3.1"
   resolved "https://registry.npmmirror.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
   integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
@@ -3676,6 +4443,11 @@ inherits@2.0.3:
   resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
 
+"internmap@1 - 2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/internmap/-/internmap-2.0.3.tgz#6685f23755e43c524e251d29cbc97248e3061009"
+  integrity sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==
+
 ipaddr.js@1.9.1:
   version "1.9.1"
   resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
@@ -3993,6 +4765,16 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+lodash-es@^4.17.21:
+  version "4.17.22"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.22.tgz#eb7d123ec2470d69b911abe34f85cb694849b346"
+  integrity sha512-XEawp1t0gxSi9x01glktRZ5HDy0HXqrM0x5pXQM98EaI0NxO6jVM7omDOxsuEo5UIASAnm2bRp1Jt/e0a2XU8Q==
+
+lodash-unified@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/lodash-unified/-/lodash-unified-1.0.3.tgz#80b1eac10ed2eb02ed189f08614a29c27d07c894"
+  integrity sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==
+
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
@@ -4113,13 +4895,18 @@ media-typer@0.3.0:
   resolved "https://registry.npmmirror.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
 
-memfs@^3.4.3:
+memfs@^3.1.2, memfs@^3.4.3:
   version "3.6.0"
   resolved "https://registry.npmmirror.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6"
   integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ==
   dependencies:
     fs-monkey "^1.0.4"
 
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
+
 merge-descriptors@1.0.3:
   version "1.0.3"
   resolved "https://registry.npmmirror.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz#d80319a65f3c7935351e5cfdac8f9318504dbed5"
@@ -4147,7 +4934,7 @@ methods@~1.1.2:
   resolved "https://registry.npmmirror.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
 
-micromatch@^4.0.2, micromatch@^4.0.5, micromatch@^4.0.8:
+micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.5, micromatch@^4.0.8:
   version "4.0.8"
   resolved "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
   integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
@@ -4207,6 +4994,13 @@ minimatch@^3.0.4, minimatch@^3.1.1:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^9.0.5:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.8"
   resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
@@ -4336,6 +5130,11 @@ normalize-url@^6.0.1:
   resolved "https://registry.npmmirror.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
   integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
 
+normalize-wheel-es@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz#0fa2593d619f7245a541652619105ab076acf09e"
+  integrity sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==
+
 npm-run-path@^2.0.0:
   version "2.0.2"
   resolved "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
@@ -4600,6 +5399,11 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   resolved "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
+picomatch@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
+  integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
+
 pkg-dir@^4.1.0:
   version "4.2.0"
   resolved "https://registry.npmmirror.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
@@ -5151,6 +5955,11 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
+robust-predicates@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/robust-predicates/-/robust-predicates-3.0.2.tgz#d5b28528c4824d20fc48df1928d41d9efa1ad771"
+  integrity sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==
+
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -5158,6 +5967,11 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
+rw@1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/rw/-/rw-1.3.3.tgz#3f862dfa91ab766b14885ef4d01124bfda074fb4"
+  integrity sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==
+
 safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
@@ -5168,11 +5982,20 @@ safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-"safer-buffer@>= 2.1.2 < 3":
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+schema-utils@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
+  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
 schema-utils@^2.6.5:
   version "2.7.1"
   resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
@@ -5224,7 +6047,7 @@ semver@^6.0.0, semver@^6.3.1:
   resolved "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.2.1, semver@^7.3.4, semver@^7.3.5, semver@^7.5.4:
+semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.5.4, semver@^7.7.3:
   version "7.7.3"
   resolved "https://registry.npmmirror.com/semver/-/semver-7.7.3.tgz#4b5f4143d007633a8dc671cd0a6ef9147b8bb946"
   integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
@@ -5431,6 +6254,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   resolved "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.7.4:
+  version "0.7.6"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.6.tgz#a3658ab87e5b6429c8a1f3ba0083d4c61ca3ef02"
+  integrity sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==
+
 spdx-correct@^3.0.0:
   version "3.2.0"
   resolved "https://registry.npmmirror.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
@@ -5640,6 +6468,11 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
+tapable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
+
 tapable@^2.0.0, tapable@^2.2.0, tapable@^2.2.1, tapable@^2.3.0:
   version "2.3.0"
   resolved "https://registry.npmmirror.com/tapable/-/tapable-2.3.0.tgz#7e3ea6d5ca31ba8e078b560f0d83ce9a14aa8be6"
@@ -5701,6 +6534,14 @@ thunky@^1.0.2:
   resolved "https://registry.npmmirror.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
   integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
 
+tinyglobby@^0.2.15:
+  version "0.2.15"
+  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.15.tgz#e228dd1e638cea993d2fdb4fcd2d4602a79951c2"
+  integrity sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==
+  dependencies:
+    fdir "^6.5.0"
+    picomatch "^4.0.3"
+
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
@@ -5723,6 +6564,22 @@ tr46@~0.0.3:
   resolved "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
+ts-api-utils@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.4.0.tgz#2690579f96d2790253bdcf1ca35d569ad78f9ad8"
+  integrity sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==
+
+ts-loader@^9.2.5:
+  version "9.5.4"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.5.4.tgz#44b571165c10fb5a90744aa5b7e119233c4f4585"
+  integrity sha512-nCz0rEwunlTZiy6rXFByQU1kVVpCIgUpc/psFiKVrUwrizdnIbRFu8w7bxhUF0X613DYwT4XzrZHpVyMe758hQ==
+  dependencies:
+    chalk "^4.1.0"
+    enhanced-resolve "^5.0.0"
+    micromatch "^4.0.0"
+    semver "^7.3.4"
+    source-map "^0.7.4"
+
 tslib@^2.0.3:
   version "2.8.1"
   resolved "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
@@ -5758,6 +6615,11 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+typescript@^5.9.3:
+  version "5.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
+  integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
+
 undici-types@~7.16.0:
   version "7.16.0"
   resolved "https://registry.npmmirror.com/undici-types/-/undici-types-7.16.0.tgz#ffccdff36aea4884cbfce9a750a0580224f58a46"
@@ -5849,6 +6711,11 @@ vary@~1.1.2:
   resolved "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
+vue-demi@>=0.14.8:
+  version "0.14.10"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.10.tgz#afc78de3d6f9e11bf78c55e8510ee12814522f04"
+  integrity sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==
+
 vue-eslint-parser@^8.0.1:
   version "8.3.0"
   resolved "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz#5d31129a1b3dd89c0069ca0a1c88f970c360bd0d"
@@ -5876,6 +6743,13 @@ vue-loader@^17.0.0:
     hash-sum "^2.0.0"
     watchpack "^2.4.0"
 
+vue-router@4:
+  version "4.6.4"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.6.4.tgz#a0a9cb9ef811a106d249e4bb9313d286718020d8"
+  integrity sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==
+  dependencies:
+    "@vue/devtools-api" "^6.6.4"
+
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.3:
   version "4.1.3"
   resolved "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz#6d55863a51fa757ab24e89d9371465072aa7bc35"
@@ -6153,7 +7027,7 @@ yallist@^4.0.0:
   resolved "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2:
+yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
   version "1.10.2"
   resolved "https://registry.npmmirror.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==