From 91957cb2855d6e5c8b32afe7de203f6eb4b0dbfe Mon Sep 17 00:00:00 2001
From: dongqian <3475123872@qq.com>
Date: Sat, 7 Jun 2025 13:08:59 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Selectmodel.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/views/Selectmodel.vue b/src/views/Selectmodel.vue
index 6c7dc50..064e9bb 100644
--- a/src/views/Selectmodel.vue
+++ b/src/views/Selectmodel.vue
@@ -42,9 +42,11 @@ onMounted(() => {
 
 const goToDBQBmodel = () => {
   router.push('/DBQBmodel')
+  window.location.href = '/DBQBmodel'
 }
 const goToEmotionsmodel = () => {
   router.push('/Emotionsmodel')
+  window.location.href = '/Emotionsmodel'
 }
 </script>
 

From e1a6e3369ad10422cefb3829866cf3830eefe284 Mon Sep 17 00:00:00 2001
From: dongqian <3475123872@qq.com>
Date: Sat, 7 Jun 2025 15:29:30 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E8=AF=95=E5=9B=BE=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E8=82=A1=E5=B8=82=E6=B8=A9=E5=BA=A6=E8=AE=A1=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js             |    7 +
 src/views/AiEmotion.vue         |   51 +-
 src/views/Emotionsmodel.vue     |    2 +-
 src/views/marketTemperature.vue | 1508 +++++++++++++++++++++++++++++++++++++++
 src/views/smallTitle.vue        |  107 +++
 5 files changed, 1672 insertions(+), 3 deletions(-)
 create mode 100644 src/views/marketTemperature.vue
 create mode 100644 src/views/smallTitle.vue

diff --git a/src/router/index.js b/src/router/index.js
index f545bd4..cd0de5d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -61,6 +61,13 @@ const routes = [
         name: 'emotionsEcharts',
         component: () => import('@/views/emotionsEcharts.vue')
 
+    },
+    {
+
+        path: '/marketTemperature',
+        name: 'marketTemperature',
+        component: () => import('@/views/marketTemperature.vue')
+
     }
 
 ]
diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue
index 8f99b64..7662751 100644
--- a/src/views/AiEmotion.vue
+++ b/src/views/AiEmotion.vue
@@ -1,6 +1,10 @@
 <template>
     <div class="ai-emotion-container">
         <!-- 消息显示区域 -->
+          <div class="03">
+      <marketTemperature/>
+        </div>
+               </div>
         <div class="user-input-display">
             <div v-for="(message, index) in messages" :key="index" class="message-container">
                 <!-- 用户输入内容 -->
@@ -13,7 +17,6 @@
                 </div>
             </div>
         </div>
-
         <!-- 输入框和发送按钮 -->
         <div class="input-container fixed-bottom">
             <input type="text" v-model="userInput" placeholder="请输入内容..." class="input-box" />
@@ -31,7 +34,7 @@
         <img src="@/assets/img/AiEmotion/L1.png" alt="情绪监控">
         <!-- 温度计图表 -->
         <div class="class03">
-
+      <marketTemperature/>
         </div>
         <img src="@/assets/img/AiEmotion/L2.png" alt="情绪解码">
         <!-- 情绪解码器图表 -->
@@ -70,6 +73,7 @@ import axios from 'axios';
 import emotionDecod from '@/views/components/emotionDecod.vue'; // 导入情绪解码组件
 import emotionalBottomRadar from '@/views/components/emotionalBottomRadar.vue'; // 导入情绪探底雷达图组件
 import emoEnergyConverter from '@/views/components/emoEnergyConverter.vue'; // 导入情绪能量转化器组件
+import marketTemperature from '@/views/components/marketTemperature.vue';
 
 
 const emoEnergyConverterRef = ref(null)
@@ -218,6 +222,49 @@ function renderCharts(data) {
 
 <style scoped>
 
+/* 获取报告图按钮样式 */
+
+/* .home { */
+	/* background-image: url('https://d31zlh4on95l9h.cloudfront.net/images/965055c0b964cf80a7b9b18557dbdfc6.png');
+	background-size: cover;
+
+	.top {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	} */
+
+	/* .content-container {
+		margin-top: 30px;
+		background: rgba(0, 0, 0, 0.4);
+		border: 2px solid #00cfff;
+		margin-top: 30px;
+		width: 70vw;
+		max-width: 700px;
+		margin: 0 auto;
+		padding: 20px;
+		background: rgba(0, 0, 0, 0.5);
+		border: 2px solid #00cfff;
+		border-radius: 12px;
+	} */
+	/* .content-container /deep/ .introduction {
+		display: none;
+	}
+	.content-container /deep/ .title-text {
+		display: none;
+	}
+	.content-container /deep/ .title-line {
+		display: none;
+	}
+	.content-container /deep/ .highlight {
+		display: none;
+	}
+	.content-container /deep/ .emotionPic {
+		display: none;
+	}
+} */
+
+
 .class0401 {
     background-image: url('@/assets/img/AiEmotion/解码器.png'); /* 设置背景图片 */
     background-size: contain; /* 背景图片覆盖整个容器 */
diff --git a/src/views/Emotionsmodel.vue b/src/views/Emotionsmodel.vue
index 03c46aa..8bef924 100644
--- a/src/views/Emotionsmodel.vue
+++ b/src/views/Emotionsmodel.vue
@@ -45,7 +45,7 @@ const goToAiEmotion = () => {
   // 设置 sessionStorage 控制 homepage.vue 激活 AiEmotion tab
   sessionStorage.setItem("activeTabAI", "AiEmotion")
   sessionStorage.setItem("activeIndexAI", "2")
-  router.push("/homePage")
+  router.push("/marketTemperature")
 }
 </script>
 
diff --git a/src/views/marketTemperature.vue b/src/views/marketTemperature.vue
new file mode 100644
index 0000000..d3002a4
--- /dev/null
+++ b/src/views/marketTemperature.vue
@@ -0,0 +1,1508 @@
+<template>
+	<div class="home">
+		<div class="home-bgc">
+			<div class="container">
+				<header class="top">
+					<!-- 搜索框 修改-->
+				</header>
+				<main class="content">
+					<div class="border1">
+						<div
+							class="dial1"
+							:style="{
+								backgroundImage:
+									data2 >= 50
+										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
+										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
+							}"
+						>
+							{{ data2 }}
+						</div>
+						<div
+							class="dial2"
+							:style="{
+								backgroundImage:
+									data1 >= 50
+										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
+										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
+							}"
+						>
+							{{ data1 }}
+						</div>
+						<div class="text1">{{ translate('StockTemperature') }}</div>
+						<div class="text2">{{ translate('MarketTemperature') }}</div>
+						<div class="text3">{{ data3 }}</div>
+					</div>
+					<div class="border2" :style="{ color: tempInfo1.color }">
+						{{ translate('StockPopularity') }} {{ translate('current1_1') }}{{ data2 }},{{
+							translate(tempInfo1.text)
+						}}
+					</div>
+					<div class="border2" :style="{ color: tempInfo2.color }">
+						{{ translate('MarketTemperature') }} {{ translate('current2_1') }}{{ data1 }},{{
+							translate(tempInfo2.text)
+						}}
+					</div>
+					<div>
+						<smallTitle titleKey="StockMarketTemperatureTrend" />
+					</div>
+					<div class="name"></div>
+					<div class="border3">
+						<section class="chart-section">
+							<div>
+								<div class="trapezoid">
+									<span>{{ StockInformation.Name }}</span>
+									<span>{{ StockInformation.Code }}</span>
+								</div>
+								<img
+									v-if="showLoading"
+									alt="加载中"
+									src="../../assets/img/huntingSword/loading.gif"
+									class="loading-img"
+								/>
+								<div ref="KlineCanvs" class="KlineClass"></div>
+							</div>
+						</section>
+					</div>
+					<div class="border2" :style="{ color: tempInfo2.color }">
+						{{ translate('TemperatureTrend') }}
+					</div>
+					<!-- <el-button @click="toggleChartDisplay">点击查看股市温度趋势</el-button> -->
+					<div>
+						<smallTitle titleKey="StockMarketTemperatureCalendar" />
+					</div>
+					<div class="name">{{ currentDate }}</div>
+					<div class="border4">
+						<el-table
+							:data="groupedWDRL"
+							border
+							:row-style="{ height: '8.6vw' }"
+							header-cell-class-name="table_header"
+							:cell-style="tableCellStyle"
+						>
+							<!-- 循环渲染 7 列（周一至周日） -->
+							<el-table-column
+								v-for="(day, colIndex) in ['yi', 'er', 'san', 'si', 'wu', 'liu', 'ri']"
+								:key="colIndex"
+								:label="translate(day)"
+							>
+								<template #default="{ $index: rowIndex }">
+									<div v-if="getDayData(rowIndex, colIndex + 1)">
+										<p class="WDRL_date">
+											{{ formatDate(getDayData(rowIndex, colIndex + 1).date) }}
+											<span class="month-display">
+												{{ formatMonth(getDayData(rowIndex, colIndex + 1).date) }}
+											</span>
+										</p>
+										<p class="WDRL_data">
+											<!-- 如果是指数，只显示 market温度 -->
+											<template v-if="isIndexCode">
+												<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
+													{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
+												</span>
+											</template>
+
+											<!-- 如果是个股，显示 stock | market -->
+											<template v-else>
+												<template v-if="isBothRest(rowIndex, colIndex + 1)" class="myclass">
+													休市
+												</template>
+												<template v-else>
+													<span v-if="getDayData(rowIndex, colIndex + 1)?.stock_temperature">
+														{{ getDayData(rowIndex, colIndex + 1).stock_temperature }}
+													</span>
+													<span v-if="shouldShowDivider(rowIndex, colIndex + 1)"> | </span>
+													<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
+														{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
+													</span>
+												</template>
+											</template>
+										</p>
+									</div>
+									<!-- 无数据时（工作日显示休市） -->
+									<div v-else-if="shouldShowRest(rowIndex, colIndex + 1)">
+										<p class="WDRL_date">休市</p>
+									</div>
+								</template>
+							</el-table-column>
+						</el-table>
+					</div>
+					<div class="border5">
+						<div class="border5-text1">{{ translate('TemperatureCalendar') }}</div>
+						<div class="border5-text2">
+							<div class="temp-item">
+								<span class="level">冰点区：0~20</span><span class="color">对应颜色：浅蓝色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">回暖区：20~50</span><span class="color"> 对应颜色：绿色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">温热区：50~70</span><span class="color"> 对应颜色：紫色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">高温区：70~90</span><span class="color"> 对应颜色：橙色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">沸点区：90~100</span><span class="color"> 对应颜色：红色</span>
+							</div>
+							<div class="temp-note">
+								当搜索的股票为个股时，展示【个股温度｜指数温度】，按照个股的温度展示颜色；<br />
+								当搜索的为指数时，展示【指数数据】，按照指数的温度展示颜色。
+							</div>
+						</div>
+					</div>
+					<div>
+						<smallTitle titleKey="FunctionOverview" />
+					</div>
+					<div class="introduction">
+						<ol>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range hot">温度数值:90~100(沸点区)</span>
+								<br />市场极度狂热，价格剧烈波动，易现“加速冲顶”与暴跌风险。强烈警惕！逢高减仓，防范踩踏。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range high">温度数值:70~90(高温区)</span>
+								<br />情绪持续升温，股价加速上涨，但潜在风险也在同步累积保持冷静，分批兑现，警惕回调。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range warm">温度数值:50~70(温热区)</span>
+								<br />情绪积极向上，资金稳步进场，趋势健康，量价配合良好。积极跟随趋势，顺势而为。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range mild">温度数值:20~50(回暖区)</span>
+								<br />市场逐步摆脱冰点，震荡筑底，情绪分歧大，主力吸筹等与散户观望并存。做好准备，精选标的，伺机加仓。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range cold">温度数值:0~20(冰点区)</span>
+								<br />情绪冰冷，信心缺失，市场悲观恐慌，杀跌频发，往往是机会孕育的起点。反人性布局，逢低潜伏潜力股。
+							</li>
+						</ol>
+					</div>
+
+					<div>
+						<smallTitle titleKey="FeatureHighlights" />
+					</div>
+					<div class="highlight">
+						<h3>量化“情绪热度”的智能工具！</h3>
+						<p>
+							在股市中，影响涨跌的不只是基本面与技术面，更关键的是情绪面。情绪影响资金流向，
+							资金推动股价，股价变化反映市场热度，而市场热度的高低反应在股民的情绪波动中。
+							股市温度计，正是用来量化这种“情绪热度”！帮助你读懂市场情绪，抢占先机！
+						</p>
+					</div>
+				</main>
+			</div>
+		</div>
+		<el-dialog v-model="helpVisible" class="helpDialog" style="width: 300px">
+			<div style="text-align: center; font-size: 25px; font-weight: bold">AI情绪大模型</div>
+			<div style="margin-top: 25px; font-size: 18px; text-indent: 2em">
+				通过7大维度重构解析矩阵，利用人性波动规律，捕捉市场情绪奇点，用AI重构交易法则，重新定义智能投资新时代！
+			</div>
+			<div style="font-size: 18px; text-indent: 2em">
+				AI情绪大模型即将上线，更多功能，敬请期待！
+			</div>
+			<div style="margin-top: 25px; font-size: 17px">弘历智能研发团队祝您使用愉快！</div>
+			<div style="height: 50px"></div>
+		</el-dialog>
+		<!-- 获取报告图 -->
+		<!-- <div class="getReport">
+			<div class="getReport-bn"></div>
+			<div @click="goToReport()" class="getReport-text">点击获取股票情绪测评报告→</div>
+		</div> -->
+	</div>
+</template>
+
+<script setup>
+import * as echarts from 'echarts'
+// import smallTitle from '../component/smallTitle.vue'
+import axios from 'axios'
+import { useDataStore } from '@/store/dataList'
+import { storeToRefs } from 'pinia'
+import { useLanguage } from '@/utils/languageService'
+import { useRouter, useRoute } from 'vue-router'
+import { min } from 'lodash'
+import { setHeight } from '@/utils/setHeight'
+
+function isBothRest(rowIndex, colIndex) {
+	const data = getDayData(rowIndex, colIndex)
+	return data && data.stock_temperature === '休市' && data.market_temperature === '休市'
+}
+
+// 指数代码集合（可补充）
+const indexCodes = [
+	'NDX',
+	'DJIA',
+	'SPX',
+	'STI',
+	'KLSE',
+	'TSX',
+	'N225',
+	'KS11',
+	'JKSE',
+	'1A0001',
+	'HSI',
+	'I63',
+	'VNINDE'
+]
+
+// 当前是否为指数
+const isIndexCode = computed(() => {
+	const code = localStorage.getItem('localCode')
+	return indexCodes.includes(code)
+})
+const windowHeight = ref(window.innerHeight) // 响应式变量存储窗口高度
+// 更新窗口高度
+const updateHeight = () => {
+	windowHeight.value = window.innerHeight // 更新响应式变量
+}
+onMounted(() => {
+	window.addEventListener('resize', updateHeight) // 监听窗口变化
+})
+const KlineCanvs = ref() // Echarts实例
+const dataStore = useDataStore()
+const { priceDataList } = storeToRefs(dataStore)
+const { translate, t } = useLanguage()
+t.value = t.value || { suoxie: 'cn' }
+const helpVisible = ref(false)
+const zhiyin = () => {
+	helpVisible.value = !helpVisible.value
+}
+
+const roundedData = ref([])
+const WDRL = ref([])
+function getDayData(rowIndex, dayIndex) {
+	const weekData = groupedWDRL.value[rowIndex]
+	if (weekData && weekData.length >= dayIndex) {
+		return weekData[dayIndex - 1] // 返回对应列的数据
+	}
+	return null
+}
+
+// 跳转报告页的方法
+// async function goToReport() {
+// 	await router.push({
+// 		path: '/reports'
+// 	})
+// }
+// 将 WDRL 数据按 7 天一组拆分
+const groupedWDRL = computed(() => {
+	const result = []
+	for (let i = 0; i < WDRL.value.length; i += 7) {
+		result.push(WDRL.value.slice(i, i + 7))
+	}
+	return result
+})
+// 格式化日期，返回月份
+function formatMonth(dateStr) {
+	if (!dateStr) return ''
+	// 假设 dateStr 格式为 "2025/05/13"
+	const month = dateStr.split('/')[1] // 获取月份 "05"
+	const monthMap = {
+		'01': '一月',
+		'02': '二月',
+		'03': '三月',
+		'04': '四月',
+		'05': '五月',
+		'06': '六月',
+		'07': '七月',
+		'08': '八月',
+		'09': '九月',
+		10: '十月',
+		11: '十一月',
+		12: '十二月'
+	}
+	return monthMap[month] || '' // 返回中文月份
+}
+function formatDate(dateStr) {
+	if (!dateStr) return ''
+	// 假设 dateStr 格式为 "2025/05/13"
+	return dateStr.split('/')[2] // 返回 "13"
+}
+// function shouldShowRest(rowIndex, dayIndex) {
+// 	const data = getDayData(rowIndex, dayIndex)
+// 	// 有数据就不显示“休市”
+// 	if (data && (data.stock_temperature || data.market_temperature)) return false
+// 	// 获取这格子的日期（根据第一天是周几推算）
+// 	const flatIndex = rowIndex * 7 + (dayIndex - 1)
+// 	const targetDay = WDRL.value[flatIndex]
+// 	if (!targetDay || !targetDay.date) return false
+// 	const [year, month, day] = targetDay.date.split('/').map(Number)
+// 	if (!year || !month || !day) return false
+// 	const dateObj = new Date(year, month - 1, day)
+// 	const today = new Date()
+// 	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
+// 		return false // 非本月
+// 	}
+// 	const weekday = dateObj.getDay()
+// 	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
+// }
+
+function shouldShowRest(rowIndex, dayIndex) {
+	const data = getDayData(rowIndex, dayIndex)
+	// 有数据就不显示“休市”
+	if (data && (data.stock_temperature || data.market_temperature)) return false
+
+	// 获取这格子的日期（根据第一天是周几推算）
+	const flatIndex = rowIndex * 7 + (dayIndex - 1)
+	const targetDay = WDRL.value[flatIndex]
+	if (!targetDay || !targetDay.date) return false
+
+	const [year, month, day] = targetDay.date.split('/').map(Number)
+	if (!year || !month || !day) return false
+
+	const dateObj = new Date(year, month - 1, day)
+	const today = new Date()
+
+	// 判断是否为本月
+	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
+		return false // 非本月
+	}
+
+	// 判断是否为工作日（周一至周五）
+	const weekday = dateObj.getDay()
+	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
+}
+
+function shouldShowDivider(rowIndex, dayIndex) {
+	const data = getDayData(rowIndex, dayIndex)
+
+	return data?.market_temperature && data?.stock_temperature
+}
+// 动态返回单元格类名
+// function tableCellStyle({ row, column, rowIndex, columnIndex }) {
+// 	let data = getDayData(rowIndex, columnIndex + 1)
+// 	if (data && data.stock_temperature && data.market_temperature) {
+// 		const stock = Number(data.stock_temperature)
+// 		const market = Number(data.market_temperature)
+// 		if (stock > market) {
+// 			return {
+// 				backgroundColor: '#BD10E0',
+// 				color: 'white'
+// 			}
+// 		} else if (stock < market) {
+// 			return { backgroundColor: '#0076FF', color: 'white' }
+// 		}
+// 	}
+// 	return {} // 默认样式
+// }
+const mode = ref('stock')
+function tableCellStyle({ row, column, rowIndex, columnIndex }) {
+	let data = getDayData(rowIndex, columnIndex + 1)
+	if (!data) return {}
+	let value = null
+	if (mode.value === 'stock') {
+		value = Number(data.stock_temperature)
+		console.log('股票温度:', value)
+	} else {
+		value = Number(data.market_temperature)
+	}
+
+	if (isNaN(value))
+		return {
+			backgroundColor: '#4b759f',
+			color: 'white'
+		}
+
+	// 区间染色
+	if (value >= 90) return { backgroundColor: '#BD0000', color: 'white' } // 红（沸点）
+	else if (value >= 70) return { backgroundColor: '#FF5638', color: 'white' } // 橙（高温）
+	else if (value >= 50) return { backgroundColor: '#C929E6', color: 'white' } // 紫（温热）
+	else if (value >= 20) return { backgroundColor: '#00AB00', color: 'white' } // 绿（回暖）
+	else if (value > 0) return { backgroundColor: '#87CEEB', color: 'white' } // 浅蓝（冰点）
+	else return { backgroundColor: '#4b759f', color: 'white' }
+	// else return
+}
+const today = new Date()
+const currentDate = `${String(today.getMonth() + 1).padStart(2, '0')}/${today.getFullYear()}`
+
+const tempInfo1 = computed(() => getTempInfo(data1.value)) //大盘温度
+const tempInfo2 = computed(() => getTempInfo(data2.value)) //个股温度
+// 计算区间文本和颜色
+function getTempInfo(value) {
+	if (value >= 90) return { text: 'current1', color: '#FF4500' } // 红
+	else if (value >= 70) return { text: 'current2', color: '#FF4500' } // 橙红
+	else if (value >= 50) return { text: 'current3', color: '#FFD700' } // 黄
+	else if (value >= 20) return { text: 'current4', color: '#00BFFF' } // 浅蓝
+	else return { text: 'current5', color: '#00EEFF' } // 青
+}
+const chartContainer = ref(null)
+const Data = ref([])
+// 定义响应式变量存储最后两个数字
+const data1 = ref() //大盘温度
+const data2 = ref() //个股温度
+const data3 = ref()
+// const getDayData = (dayIndex) => {
+//     // 假设数据是按周一到周五顺序排列的
+//     const dataIndex = dayIndex - 1;
+//     return roundedData.value[dataIndex] ? roundedData.value[dataIndex].join('|') : '-';
+// }
+const fetchData = async () => {
+	try {
+		const response = await axios.post(
+			'https://api.homilychart.com/link/api/aiEmotion/client/getAiEmotionData',
+			{
+				token: localStorage.getItem('localToken'),
+				market: localStorage.getItem('localMarket'),
+				code: localStorage.getItem('localCode'),
+				language: localStorage.getItem('userLanguage')
+			},
+			{
+				headers: { 'Content-Type': 'application/json' }
+			}
+		)
+
+		if (response.data.code === 200) {
+			Data.value = response.data.data.GSWDJ
+			WDRL.value = response.data.data.WDRL
+
+			// 数据清洗并四舍五入
+			roundedData.value = Data.value.map(([date, num1, num2]) => [
+				date,
+				Math.round(num1),
+				Math.round(num2)
+			])
+
+			// 取最后一条数据
+			const lastTwoNumbers = roundedData.value.at(-1)
+			data1.value = lastTwoNumbers[1] // 市场温度
+			data3.value = lastTwoNumbers[0] // 日期
+
+			// 指数代码判断逻辑
+			const indexCodes = [
+				'NDX',
+				'DJIA',
+				'SPX',
+				'STI',
+				'KLSE',
+				'TSX',
+				'N225',
+				'KS11',
+				'JKSE',
+				'1A0001',
+				'HSI',
+				'I63',
+				'VNINDE'
+			]
+			const currentCode = localStorage.getItem('localCode')
+
+			if (indexCodes.includes(currentCode)) {
+				data2.value = 'NA' // 股票温度为 NA
+			} else {
+				data2.value = lastTwoNumbers[2] // 股票温度
+			}
+
+			// 渲染图表
+			if (priceDataList.value) {
+				const currentData = JSON.parse(JSON.stringify(toRaw(priceDataList.value)))
+				KlineCanvsEcharts(currentData)
+			}
+		} else {
+			ElMessage.error(response.data.msg || '请求失败')
+		}
+	} catch (error) {
+		console.error('API Error:', error)
+		ElMessage.error('网络请求失败')
+	}
+}
+// 组件挂载时自动执行
+// onMounted(fetchData)
+onBeforeMount(fetchData)
+const { swordDataList, showALLData } = storeToRefs(dataStore)
+const tableData = []
+watch(
+	showALLData,
+	(newValue) => {
+		const currentData = JSON.parse(JSON.stringify(toRaw(newValue)))
+		if (currentData) {
+			nextTick(() => {
+				fnGetDataShow(currentData)
+			})
+		}
+	},
+	{ immediate: true, deep: true }
+)
+let StockInformation = ref({})
+const fnGetDataShow = (data) => {
+	StockInformation.value = data.StockInformation
+}
+
+watch(
+	priceDataList,
+	(newValue) => {
+		const currentData = JSON.parse(JSON.stringify(toRaw(newValue))) // 深拷贝防止切换回来数据更改
+		if (currentData) {
+			nextTick(() => {
+				KlineCanvsEcharts(currentData)
+			})
+		}
+	},
+	{ immediate: true, deep: true }
+)
+// 监听数据变化或语言变化
+watch(
+	() => t.value,
+	(newLang) => {
+		// 更新 textEcharts 内容并重新渲染图表
+		if (priceDataList.value) {
+			const currentData = JSON.parse(JSON.stringify(toRaw(priceDataList.value)))
+			nextTick(() => {
+				KlineCanvsEcharts(currentData)
+			})
+		}
+	},
+	{ immediate: true, deep: true }
+)
+async function KlineCanvsEcharts(datatok) {
+	const textEcahrts = t.value
+	const data = datatok.KLine20
+
+	// 切割数据方法
+	const spliteDate = (a) => {
+		const categoryData = []
+		let value = []
+		for (let i = 0; i < a.length; i++) {
+			categoryData.push(a[i].splice(0, 1)[0])
+			value.push(a[i])
+		}
+		return { categoryData, value }
+	}
+	const dealData = spliteDate(data)
+
+	// 处理折线数据
+	const lineData1 = roundedData.value.map((item) => item[1])
+	const lineData2 = roundedData.value.map((item) => item[2])
+	const showStockLine = !(
+		lineData1.length === lineData2.length && lineData1.every((v, i) => v === lineData2[i])
+	)
+	const series = [
+		{
+			type: 'candlestick',
+			name: 'K线',
+			data: dealData.value,
+			yAxisIndex: 0,
+			itemStyle: {
+				normal: {
+					color0: '#FD1050',
+					color: '#0CF49B',
+					borderColor0: '#FD1050',
+					borderColor: '#0CF49B'
+				}
+			}
+		},
+		{
+			name: '市场温度',
+			type: 'line',
+			data: lineData1,
+			yAxisIndex: 1,
+			symbol: 'circle',
+			symbolSize: 6,
+			smooth: true,
+			lineStyle: { width: 2 },
+			emphasis: { lineStyle: { width: 3 } }
+		}
+	]
+
+	if (showStockLine) {
+		series.push({
+			name: '股票温度',
+			type: 'line',
+			data: lineData2,
+			yAxisIndex: 1,
+			symbol: 'circle',
+			symbolSize: 6,
+			smooth: true,
+			lineStyle: { width: 2 },
+			emphasis: {
+				lineStyle: {
+					color: '#ffffff',
+					width: 3
+				}
+			}
+		})
+	}
+	// 给配置项
+	const KlineOption = {
+		title: {
+			text: '',
+			left: 0
+		},
+		tooltip: {
+			trigger: 'axis',
+			formatter: function (a) {
+				let def = a[0].name
+
+				// K线数据
+				if (a[0].seriesType === 'candlestick') {
+					def +=
+						'<br/>' +
+						textEcahrts.kai +
+						a[0].data[1] +
+						'<br/>' +
+						textEcahrts.shou +
+						a[0].data[2] +
+						'<br/>' +
+						textEcahrts.di +
+						a[0].data[3] +
+						'<br/>' +
+						textEcahrts.gao +
+						a[0].data[4]
+				}
+
+				// 折线数据
+				a.forEach((item) => {
+					if (item.seriesType === 'line') {
+						def += '<br/>' + item.seriesName + ': ' + item.value
+					}
+				})
+
+				return def
+			},
+			axisPointer: {
+				animation: false,
+				type: 'line',
+				linestyle: {
+					color: '#376df4',
+					width: 2,
+					opacity: 1
+				}
+			}
+		},
+		legend: {
+			data: [
+				{
+					name: 'K线',
+					// icon: 'rect',
+					textStyle: {
+						color: 'white'
+					}
+				},
+				{
+					name: '市场温度',
+					// icon: 'circle',
+					textStyle: {
+						color: 'white'
+					}
+				},
+				{
+					name: '股票温度',
+					// icon: 'circle',
+					textStyle: {
+						color: 'white'
+					}
+				}
+			],
+			color: 'white',
+			selected: {
+				K线: true,
+				市场温度: true,
+				股票温度: true
+			},
+			// left: '220vw',
+			top: '60vw'
+		},
+		xAxis: {
+			type: 'category',
+			data: dealData.categoryData,
+			axisLine: { lineStyle: { color: '#8392A5' } }
+		},
+		grid: {
+			left: '12%',
+			right: '10%',
+			bottom: '60vw',
+			top: '18%'
+		},
+		yAxis: [
+			// 左侧Y轴（K线使用）
+			{
+				scale: true,
+				axisLabel: {
+					formatter: function (value) {
+						return value
+					}
+				},
+				axisLine: {
+					lineStyle: { color: '#8392A5' },
+					show: true
+				},
+				splitLine: {
+					show: false
+				}
+			},
+			// 右侧Y轴（折线使用）
+			{
+				scale: true,
+				position: 'right',
+				min: 1,
+				max: 100,
+				axisLabel: {
+					formatter: function (value) {
+						return value
+					},
+					color: '#FFA500'
+				},
+				axisLine: {
+					lineStyle: {
+						color: 'purple',
+						width: 2
+					},
+					show: true
+				},
+				splitLine: {
+					show: false
+				}
+			}
+		],
+		color: ['#f00', '#9370DB'],
+		dataZoom: [
+			{
+				textStyle: {
+					color: '#8392A5'
+				},
+				handleIcon:
+					'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
+				handleSize: '80%',
+				dataBackground: {
+					areaStyle: {
+						color: '#8392A5'
+					},
+					lineStyle: {
+						opacity: 0.8,
+						color: '#8392A5'
+					}
+				},
+				handleStyle: {
+					color: '#fff',
+					shadowBlur: 3,
+					shadowColor: 'rgba(0, 0, 0, 0.6)',
+					shadowOffsetX: 2,
+					shadowOffsetY: 2
+				}
+			},
+			{
+				show: false,
+				type: 'slider'
+			},
+			{
+				type: 'inside'
+			}
+		],
+		animation: true,
+		series: series
+	}
+	// 	const chart = echarts.init(KlineCanvs.value)
+	// chart.clear() // 清空旧图表
+	// chart.setOption(KlineOption) // 设置新图表
+
+	// 创建图表实例
+	const KlineCanvsChart = echarts.init(KlineCanvs.value)
+	KlineCanvsChart.setOption(KlineOption)
+
+	// 窗口大小变化时重置图表大小
+	window.addEventListener('resize', () => {
+		KlineCanvsChart.resize()
+	})
+
+	return KlineCanvsChart // 返回图表实例以便外部控制
+}
+</script>
+
+<style scoped lang="less">
+/* 获取报告图按钮样式 */
+// .getReport {
+// 	background-image: url('https://d31zlh4on95l9h.cloudfront.net/images/f111e488ad3efb5af20d6c25b1bfd7b4.png');
+// 	position: fixed;
+// 	background-repeat: no-repeat;
+// 	background-size: 100% 80%;
+// 	background-position: center;
+// 	bottom: -3vw;
+// 	left: 50%;
+// 	transform: translateX(-50%);
+// 	width: 50vw;
+// 	height: 13vw;
+// 	.getReport-text {
+// 		color: #fff; /* 文字颜色 */
+// 		text-align: center; /* 文字居中 */
+// 		font-size: 2vw; /* 字体大小 */
+// 		z-index: 1; /* 层级高于背景图 */
+// 		position: absolute;
+// 		top: 36%;
+// 		left: 50%;
+// 		width: 100%;
+// 		transform: translate(-50%, -50%);
+// 	}
+// }
+.home {
+	min-height: 100vh;
+	background-color: rgb(0, 22, 65);
+
+	&-bgc {
+		width: 100%;
+		min-height: 100%;
+		background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/9127b508676df658e270b0bc558d533d.png);
+		background-size: 100%;
+		background-repeat: no-repeat;
+	}
+}
+
+.top {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	// margin-bottom: 30px;
+}
+
+.container {
+	margin: 0 auto;
+	padding: 20px;
+	max-width: 70vw;
+
+	.content {
+		// margin: 0 auto;
+		// padding: 20px;
+		max-width: 70vw;
+
+		.border1 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 60vw;
+			height: 220px;
+			position: relative;
+			left: -10px;
+
+			.dial1 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				position: absolute;
+				top: 4vw;
+				left: 3vw;
+				width: 22vw;
+				height: 22vw;
+				color: white;
+				font-size: 30px;
+				text-align: center;
+				padding-top: 8vw;
+			}
+
+			.dial2 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				position: absolute;
+				top: 4vw;
+				left: 35vw;
+				width: 22vw;
+				height: 22vw;
+				color: white;
+				font-size: 30px;
+				text-align: center;
+				padding-top: 8vw;
+			}
+
+			.text1 {
+				color: white;
+				position: absolute;
+				font-size: 18px;
+				top: 75%;
+				left: 15.5%;
+			}
+
+			.text2 {
+				color: white;
+				position: absolute;
+				font-size: 18px;
+				top: 75%;
+				left: 68%;
+			}
+
+			.text3 {
+				color: white;
+				position: absolute;
+				font-size: 20px;
+				top: 30%;
+				left: 38%;
+			}
+		}
+
+		.border2 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 57vw;
+			height: 43px;
+			// color: #00EEFF;
+			font-size: 16px;
+			padding-left: 30px;
+			padding-top: 5px;
+			display: none;
+		}
+
+		.name {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			position: absolute;
+			width: 13vw;
+			height: 6vw;
+			left: 43%;
+			margin-top: 10px;
+			z-index: 1;
+			color: white;
+			text-align: center;
+			font-size: 2.5vw;
+			padding-top: 8px;
+		}
+
+		.border3 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 57vw;
+			height: 270px;
+			margin-top: 50px;
+			position: relative;
+			z-index: 2;
+
+			.chart {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+			}
+
+			.trapezoid {
+				text-align: center;
+				color: white;
+				position: absolute;
+				width: 10vw;
+				left: 41%;
+				top: -32px;
+				font-size: 1.5vw;
+			}
+
+			.KlineClass {
+				position: absolute;
+				width: 58vw;
+				height: 100%;
+				left: 0;
+				bottom: 5%;
+			}
+		}
+
+		.border4 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
+			background-size: 100%;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 57vw;
+			height: 430px;
+			margin-top: 25px;
+			position: relative;
+			z-index: 2;
+			.el-table {
+				// /deep/.cell {
+				// 	line-height: 30px;
+				// }
+				/deep/.el-table__cell {
+					text-align: center;
+					font-size: 1.5vw;
+				}
+				/deep/ .table_header {
+					height: 4vw;
+				}
+				/deep/ .el-table__header {
+					.cell {
+						line-height: 30px;
+					}
+				}
+				top: 5vw;
+				width: 55.5vw;
+				height: 47vw;
+				margin-left: 0.9vw;
+				position: absolute;
+			}
+
+			.WDRL_date {
+				margin-top: 2px;
+				/* 将文字往上移动 */
+				text-align: center;
+				font-size: 1.6vw;
+				font-weight: bold;
+				padding-top: 0%;
+
+				.month-display {
+					position: absolute;
+					top: 0;
+					right: 0;
+					font-size: 1vw;
+					color: rgb(58, 58, 58);
+				}
+			}
+
+			.WDRL_data {
+				height: 100%;
+				margin-top: 5px;
+				text-align: center;
+				font-size: 1vw;
+				font-weight: bold;
+			}
+
+			.temperature-cell {
+			}
+
+			/* 穿透 el-table 的单元格样式 */
+			/deep/ .market-hot-cell {
+				background-color: #da2020 !important;
+				/* 浅红色 */
+			}
+
+			/deep/ .stock-hot-cell {
+				background-color: #4a31d4 !important;
+				/* 浅绿色 */
+			}
+		}
+
+		.border5 {
+			position: relative;
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/414c6163a6bb7013add2ec026ceb5539.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 100%;
+			max-width: 57vw;
+			margin: 0 auto;
+			padding: 2vw;
+			box-sizing: border-box;
+			height: auto;
+
+			.border5-text1 {
+				font-size: 2vw;
+				color: white;
+				position: absolute;
+				top: 5.5vw;
+				left: 3.5vw;
+				white-space: nowrap;
+			}
+
+			.border5-text2 {
+				margin-left: 14vw;
+				font-family: 'Microsoft Yahei', sans-serif;
+				color: #fff;
+				font-size: 1.2rem;
+				line-height: 1rem;
+				box-sizing: border-box;
+
+				.temp-item {
+					margin-bottom: 0.6rem;
+					display: flex;
+					justify-content: flex-start;
+					flex-wrap: wrap;
+					font-weight: 500;
+				}
+
+				.level {
+					font-weight: bold;
+					margin-right: 0.5rem;
+					white-space: nowrap;
+				}
+
+				.color {
+					font-weight: bold;
+					margin-left: 0.5rem;
+					white-space: nowrap;
+				}
+
+				.temp-note {
+					font-size: 1.2rem;
+					line-height: 1.5rem;
+					margin-top: 1.2rem;
+					color: #ddd;
+					margin-bottom: 5%;
+				}
+			}
+		}
+
+		.introduction,
+		.highlight {
+			color: #fff;
+			font-size: 16px;
+			line-height: 1.8;
+			padding: 16px;
+		}
+
+		.introduction ol {
+			list-style: decimal;
+			padding-left: 20px;
+		}
+
+		.temp-range {
+			font-weight: bold;
+		}
+
+		.temp-range.hot {
+			color: #ff3333;
+		}
+
+		.temp-range.high {
+			color: #ff9900;
+		}
+
+		.temp-range.warm {
+			color: #cc66ff;
+		}
+
+		.temp-range.mild {
+			color: #33cc33;
+		}
+
+		.temp-range.cold {
+			color: #66ccff;
+		}
+
+		.highlight h3 {
+			text-align: center;
+			font-size: 2rem;
+			font-weight: bold;
+			margin-bottom: 1rem;
+			color: #ffffff;
+		}
+
+		.highlight p {
+			text-indent: 1.5rem;
+			// font-size: ;
+		}
+	}
+
+	// /* ✅ 适配：平板 */
+	// @media (min-width: 768px) and (max-width: 1024px) {
+	//   .introduction, .highlight {
+	//     font-size: 15px;
+	//     padding: 14px;
+	//   }
+	// }
+
+	// /* ✅ 适配：PC大屏 */
+	// @media (min-width: 1025px) {
+	//   .introduction, .highlight {
+	//     max-width: 800px;
+	//     margin: 0 auto;
+	//   }
+	// }
+}
+</style>
+<style scoped lang="less">
+/* ✅ 适配：平板 */
+@media (min-width: 768px) and (max-width: 1024px) {
+	.introduction,
+	.highlight {
+		font-size: 15px;
+		padding: 14px;
+	}
+
+	.highlight h3 {
+		font-size: 1.5rem;
+	}
+
+	.border5-text2 {
+		font-size: 1rem;
+		line-height: 1.6rem;
+		padding: 1.2rem;
+	}
+
+	.border5 {
+		height: 21rem;
+	}
+}
+
+/* ✅ 适配：PC大屏 */
+@media (min-width: 1025px) {
+	.introduction,
+	.highlight {
+		max-width: 800px;
+		margin: 0 auto;
+	}
+
+	.highlight h3 {
+		font-size: 1.5rem;
+	}
+}
+
+@media (max-width: 768px) {
+	.container {
+		margin: 0 auto;
+		padding: 20px;
+		max-width: 100vw;
+
+		.content {
+			margin: 0 auto;
+			// padding: 20px;
+			max-width: 70vw;
+
+			.border1 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				left: -75px;
+				width: 90vw;
+				height: 300px;
+				position: relative;
+
+				.dial1 {
+					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
+					background-size: cover;
+					background-position: center;
+					background-repeat: no-repeat;
+					position: absolute;
+					top: 4vw;
+					left: 10vw;
+					width: 30vw;
+					height: 30vw;
+					padding-top: 12vw;
+				}
+
+				.dial2 {
+					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
+					background-size: cover;
+					background-position: center;
+					background-repeat: no-repeat;
+					position: absolute;
+					top: 4vw;
+					left: 52vw;
+					width: 30vw;
+					height: 30vw;
+					padding-top: 12vw;
+				}
+
+				.text1 {
+					color: white;
+					position: absolute;
+					font-size: 18px;
+					top: 75%;
+					left: 20.5%;
+				}
+
+				.text2 {
+					color: white;
+					position: absolute;
+					font-size: 18px;
+					top: 75%;
+					left: 67.5%;
+				}
+
+				.text3 {
+					color: white;
+					position: absolute;
+					font-size: 20px;
+					top: 35%;
+					left: 42%;
+				}
+			}
+
+			.border2 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				width: 95vw;
+				height: 70px;
+				// color: #00EEFF;
+				font-size: 18px;
+				margin-left: -18%;
+				padding-left: 50px;
+				padding-top: 9px;
+			}
+
+			.name {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				position: absolute;
+				width: 23vw;
+				height: 11vw;
+				left: 38%;
+				margin-top: 10px;
+				z-index: 1;
+				padding-top: 0.7rem;
+				font-size: 0.8rem;
+			}
+
+			.border3 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				width: 95vw;
+				height: 450px;
+				margin-top: 88px;
+				position: relative;
+				left: -18%;
+				z-index: 2;
+
+				.chart {
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 100%;
+				}
+
+				.trapezoid {
+					text-align: center;
+					color: white;
+					position: absolute;
+					width: 20vw;
+					left: 39.5%;
+					top: -65px;
+					font-size: 12px;
+
+					span {
+						display: block;
+						font-size: 0.7rem;
+					}
+				}
+
+				.KlineClass {
+					position: absolute;
+					width: 90vw;
+					height: 100%;
+					left: 3vw;
+					bottom: 5%;
+				}
+			}
+
+			.border4 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
+				background-size: 100%;
+				background-position: center;
+				background-repeat: no-repeat;
+				width: 95vw;
+				height: 630px;
+				margin-top: 78px;
+				position: relative;
+				left: -18%;
+				z-index: 2;
+
+				.el-table {
+					/deep/ .table_header {
+						height: 5vw;
+					}
+
+					/deep/ .el-table__header th,
+					/deep/ .el-table__body td {
+						width: auto !important;
+						/* 小屏幕下自动调整 */
+					}
+
+					top: 15px;
+					width: 93vw !important;
+					height: 80vw;
+					margin-left: 0.9vw;
+					position: absolute;
+				}
+
+				.WDRL_date {
+					text-align: center;
+					font-size: 2vw;
+					font-weight: bold;
+				}
+
+				.WDRL_data {
+					text-align: center;
+					font-size: 1.5vw;
+					font-weight: bold;
+				}
+
+				.temperature-cell {
+				}
+
+				/* 穿透 el-table 的单元格样式 */
+				/deep/ .market-hot-cell {
+					background-color: #da2020 !important;
+					/* 浅红色 */
+				}
+
+				/deep/ .stock-hot-cell {
+					background-color: #4a31d4 !important;
+					/* 浅绿色 */
+				}
+			}
+
+			.border5 {
+				height: auto;
+
+				.border5-text2 {
+					margin-left: 0 !important;
+					padding: 0 0.3rem;
+					font-size: 0.7rem;
+					line-height: 1rem;
+					white-space: normal;
+					word-break: break-word;
+					text-align: left;
+					margin-top: 9%;
+
+					.temp-item {
+						display: flex !important;
+						flex-direction: row !important;
+						/* 水平排列 */
+						justify-content: flex-start;
+						align-items: center !important;
+						margin-bottom: 0.6rem;
+						flex-wrap: wrap;
+						/* 小屏幕自动换行 */
+					}
+
+					.temp-item .level {
+						font-weight: bold;
+						margin-right: 0.5rem;
+						white-space: nowrap;
+						/* 避免文字拆开 */
+					}
+
+					.temp-item .color {
+						font-weight: bold;
+						margin-left: 0.5rem;
+					}
+
+					.temp-note {
+						font-size: 0.8rem;
+						margin-bottom: 12%;
+					}
+				}
+			}
+
+			.highlight h3 {
+				font-size: 0.5rem;
+			}
+		}
+	}
+}
+
+/* 适配手机小屏幕 */
+@media (max-width: 480px) {
+	.border5-text2 {
+		font-size: 0.8rem;
+		line-height: 1.4rem;
+
+		.temp-item {
+			flex-direction: column !important;
+			/* 更小屏幕下竖排 */
+			align-items: flex-start !important;
+		}
+	}
+}
+</style>
diff --git a/src/views/smallTitle.vue b/src/views/smallTitle.vue
new file mode 100644
index 0000000..2a80a07
--- /dev/null
+++ b/src/views/smallTitle.vue
@@ -0,0 +1,107 @@
+<template>
+	<header class="title">
+		<div class="title-text" :style="fontSize">
+			<img
+				v-if="props.colorBgc"
+				src="@/assets/img/page/title-jn-left.png"
+				alt=""
+				class="title-text-img"
+			/>
+			<div v-if="props.colorBgc">{{ translate(props.titleKey) }}</div>
+			<img
+				v-if="props.colorBgc"
+				src="@/assets/img/page/title-jn-right.png"
+				alt=""
+				class="title-text-img"
+			/>
+			<img
+				v-if="!props.colorBgc"
+				src="@/assets/img/page/title-left.png"
+				alt=""
+				class="title-text-img"
+			/>
+			<div v-if="!props.colorBgc">{{ translate(props.titleKey) }}</div>
+			<img
+				v-if="!props.colorBgc"
+				src="@/assets/img/page/title-right.png"
+				alt=""
+				class="title-text-img"
+			/>
+		</div>
+		<div class="title-line">
+			<img src="@/assets/img/page/line.png" class="title-line-img" />
+		</div>
+	</header>
+</template>
+
+<script setup>
+import { useLanguage } from '@/utils/languageService'
+import { defineProps, computed } from 'vue'
+
+// 获取翻译函数和语言状态
+const { translate, t } = useLanguage()
+
+// 定义 props 接收传入的标题
+const props = defineProps({
+	titleKey: {
+		type: String,
+		required: true
+	},
+	colorBgc: {
+		type: String,
+		required: true
+	}
+})
+// 定义 fontSize 的类型，并确保 computed 返回正确的类型
+const fontSize = computed(() => {
+	if (t.value?.suoxie === 'en' || t.value?.suoxie === 'th') {
+		// 手机尺寸
+		if (window.innerWidth < 768) {
+			return { fontSize: '3vw' }
+		} else {
+			return { fontSize: '1.5vw' }
+		}
+	} else {
+		// 简体或者繁体
+		if (window.innerWidth < 768) {
+			return { fontSize: '3.5vw' }
+		} else {
+			return { fontSize: '1.5vw' }
+		}
+	}
+})
+</script>
+
+<style scoped lang="less">
+.title {
+	position: relative;
+	.title-text {
+		font-size: 3vw;
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+		justify-content: center;
+		color: white;
+		.title-text-img {
+			width: 10%;
+		}
+	}
+	.title-line {
+		text-align: center;
+		position: absolute;
+		bottom: -1vw;
+		left: 50%; /* 将左边距设置为 50% */
+		transform: translateX(-50%); /* 使用 transform 来将元素水平居中 */
+		width: 85%;
+		.title-line-img {
+			width: 100%;
+			height: auto;
+		}
+	}
+}
+@media (min-width: 768px) {
+	.title-text-img {
+		width: 6% !important;
+	}
+}
+</style>

From f878d179f8cca68038c8bb3667c6a251d24045af Mon Sep 17 00:00:00 2001
From: pengmeng <meng991023@sina.com>
Date: Sat, 7 Jun 2025 15:38:54 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/en.ts                                   |  393 +++
 src/lang/index.ts                                |   33 +
 src/lang/kr.ts                                   |  354 +++
 src/lang/th.ts                                   |  352 +++
 src/lang/type.ts                                 |  188 ++
 src/lang/zhcn.ts                                 |  364 +++
 src/lang/zhhk.ts                                 |  328 +++
 src/router/index.js                              |    2 +-
 src/utils/languageService.js                     |    2 +-
 src/views/{ => components}/marketTemperature.vue | 3016 +++++++++++-----------
 10 files changed, 3522 insertions(+), 1510 deletions(-)
 create mode 100644 src/lang/en.ts
 create mode 100644 src/lang/index.ts
 create mode 100644 src/lang/kr.ts
 create mode 100644 src/lang/th.ts
 create mode 100644 src/lang/type.ts
 create mode 100644 src/lang/zhcn.ts
 create mode 100644 src/lang/zhhk.ts
 rename src/views/{ => components}/marketTemperature.vue (96%)

diff --git a/src/lang/en.ts b/src/lang/en.ts
new file mode 100644
index 0000000..387498c
--- /dev/null
+++ b/src/lang/en.ts
@@ -0,0 +1,393 @@
+// 英文
+export default {
+	language: 'English',
+	suoxie: 'en',
+	greeting: 'Super cloud brain',
+	greeting1: 'Treasure Sword',
+	greeting2: 'AI Prediction Large Model',
+	// 权限按钮
+	daoqi: 'Treasure Hunt Raiders Service Period',
+	//首页
+	wei: 'is:',
+	hotStocks: 'Hot Stocks',
+	sousuo: 'Please enter the stock name/code',
+	content: 'Treasure Hunt Raiders',
+	content_1: '"Tomb Raider" is a',
+	content_2: 'highly intelligent',
+	content_3:
+		'stock analysis tool that uses big data, machine learning, and artificial intelligence to mine and interpret the complexities of the stock market to provide',
+	content_4: 'precise',
+	content_5:
+		'support and resistance points, fund direction and trend analysis. Tomb Raider, with its precise algorithms and efficient analysis, is quickly becoming',
+	content_6: 'an excellent helper for stock investors',
+	content_7:
+		'. It allows investors to clearly understand the true meaning of these data, helping investors understand and control the stock market to achieve',
+	content_8: 'efficient and intelligent investment management.',
+	global: 'Global Index', // 没翻译
+	results: 'According to the results of the Super Cloud Brain big data computing engine:',
+	endTerm: 'Click to view service term',
+	noTerms: 'No permission',
+	//公共
+	shuru: 'Please enter the stock name/code',
+	guzhi: 'Stock Valuation',
+	yunnaotanmi: 'Cloud Brain Exploration',
+	jigoudongxiang: 'Institutional Trends',
+	duobaolijian: 'Treasure Sword',
+	aidamoxing: 'AI Forecast Big Model',
+	feixian: 'Flying Line',
+	zhoongxian: 'Midline',
+	liuxian: 'Streamline',
+	tianxian: 'Antenna',
+	maipan: 'Buy',
+	maipan1: 'Sell',
+	huolichouma: 'Profit chips',
+	fudongchouma: 'Floating chips',
+	taolaochouma: 'Secure the chips',
+	kai: 'Open',
+	shou: 'Close',
+	gao: 'High',
+	di: 'Low',
+	liuselp: 'Six color compass',
+	gupiaoguzhi: 'Stock’s Assessment \nValueValuation',
+	qushi1: 'Trend Line 1',
+	qushi2: 'Trend Line 2',
+	qushi3: 'Trend Line 3',
+	endDateText: 'Trial period remaining:',
+	endTianShu: 'days',
+	newUsers: 'New users can register to get 30 days of usage rights',
+	dangrigujia: 'Daily stock price',
+	gupiaodaima: 'Stock code',
+	riqi: 'date',
+	zhangdieedu: 'Price Change',
+	zhangdiebaifenbi: 'Price Change Percentage',
+	//机构动向
+	dangrizijin: 'Fund Flow Analysis',
+	dangriduofangzijin: 'Fund Flow Analysis',
+	liuru: 'Inflowing',
+	liuchu: 'Outflow',
+	zhulizijin: 'Banker’s Funds',
+	zhulizijin1: 'The bullish funds start to prevail.',
+	zhulizijin2: 'The bullish funds prevail and keep increasing.',
+	zhulizijin3:
+		'The bullish funds prevail but start to outflow, The main force seems to be washing the plate.',
+	zhulizijin4: 'The bullish funds prevail.',
+	zhulizijin5: 'The bullish funds still prevail but start to outflow continuously.',
+	zhulizijin6: 'The bullish funds prevail and start to inflow again.',
+	zhulizijin7: 'The bearish funds start to prevail.',
+	zhulizijin8: 'The bearish funds prevail and keep increasing.',
+	zhulizijin9:
+		'The bearish funds prevail and keep inflowing, The main force seems to be smashing the plate.',
+	zhulizijin10: 'The bearish funds prevail but start to outflow.',
+	zhulizijin11: 'The bearish funds still prevail.',
+	zhulizijin12: 'The bearish funds still prevail but start to outflow continuously.',
+	zhulizijin13: 'The bearish funds prevail and start to inflow again.',
+	zhulixichou: 'Banker’s Chips',
+	zhulixichou1: 'Recently, the banker starts to focus on buying in.',
+	zhulixichou2: 'Recently, there is no banker focusing on buying in.',
+	zhuangsanduijue: 'Banker’s Funds Comparison',
+	zhuangsanduijue1: "The banker's position is greater than that of retail investors at present.",
+	zhuangsanduijue2: "The banker's position is less than that of retail investors at present.",
+	zhuangsanduijue3: ' Increase in banker position on the same day.',
+	zhuangsanduijue4: 'The banker position of the day decreased.',
+	zhuangsanduijue5: 'Increase in daily retail investors.',
+	zhuangsanduijue6: 'Reduction in daily retail investors.',
+	//云脑探秘
+	anquanjibei: 'Indicator Analysis',
+	more: 'More',
+	chuyu1:
+		'According to the all-round detection results of the Cloud Diagonastic Six-Color Compass, the stock is currently in',
+	chuyu2: 'a security level of',
+	dengji1: 'Weak Push, Strong Pressure Zone',
+	dengji2: 'Weak Push, Medium Pressure Zone',
+	dengji3: 'Weak Push, Weak Pressure Zone',
+	dengji4: 'Strong Push, Strong Pressure Zone',
+	dengji5: 'Strong Push, Medium Pressure Zone',
+	dengji6: 'Strong Push, Weak Pressure Zone',
+	dengji7: 'Extremely High Risk',
+	dengji8: 'Higher Risk',
+	dengji9: 'Medium Risk',
+	dengji10: 'Generally Safe',
+	dengji11: 'Relatively Safe',
+	dengji12: 'Very Safe',
+	yali: 'Pressure Support',
+	yali1: 'According to the results of the Super Cloud Diagnosis big data computing model',
+	yali2: 'The current stock price is',
+	yali3: 'The resistance level of the stock is ',
+	yali_contral: 'The support level of the stock is ',
+	yali4: 'It is a weak resistance which will be broken out under moderate volumn increase ',
+	yali5: 'It is a ordinary resistance which will be broken out under obvious volumn increase ',
+	yali6: 'It is a strong resistance which will be broken out under large volumn increase ',
+	yali7: 'It is a weak support',
+	yali8: 'It is a ordinary support',
+	yali9: 'It is a strong support',
+	yali10: 'It is a weak resistance',
+	yali11: 'It is a ordinary resistance',
+	yali12: 'It is a strong resistance',
+	yali13: 'No permission yet',
+	qushi: 'Trend Research and Judgment',
+	qushitext1: 'It is in a medium and long term ',
+	qushitext2: 'uptrend,',
+	qushitext3: 'is in a short-term',
+	qushitext4: 'strong trend.',
+	qushitext5: 'downtrend,',
+	qushitext6: 'weak state.',
+	zhuangjia: 'Market Maker Cost',
+	zhuangjia1:
+		'According to the results of the Super Cloud Diagnosis big data computing model The cost of medium and long term chips is ',
+	zhuangjia2: 'The cost of short term funds is ',
+	zhuangjia3: 'The chips of the stock are intensive obviously,',
+	zhuangjia4: 'The chips of the stock are intensive,',
+	zhuangjia5: 'The chips of the stock are disperse,',
+	zhuangjia6: 'The chips of the stock are disperse obviously,',
+	zhuangjia7: 'The cost price of chips on that day is ',
+	zhibiaojieshao: 'Indicator Introduction',
+	qingxujiazhi: 'Emotional Value',
+	qingxujiazhi1: 'According to the results of the Super Cloud Diagnosis big data computing model,',
+	qingxujiazhi2:
+		'The profitable chips increase notably recently and the short term profitable investors are selling their shares.',
+	qingxujiazhi3:
+		'The profitable chips increase notably recently and there is no obvious phenomenon of unloading the profitable shares, which reflects a steady chips control.',
+	qingxujiazhi4:
+		'The profitable chips decrease recently and the short term profitable investors are selling their shares notably.',
+	qingxujiazhi5:
+		'The profitable chips increase notably recently and there is no obvious phenomenon of unloading the profitable shares, which reflects a steady chips control.',
+	qingxujiazhi6:
+		'The locked chips increase recently and the losing investors are unloading their shares notably.',
+	qingxujiazhi7:
+		'The locked chips increase recently and there is no obvious phenomenon of unloading shares, which reflects the chips are locked well.',
+	qingxujiazhi8:
+		'The locked chips decrease recently and there are new funds inflow to dilute the previous locked chips.',
+	qingxujiazhi9:
+		'The locked chips decrease recently;there is no obvious phenomenon of profit taking and most chips are sideways.',
+	//夺宝利剑
+	gongnengshuoming: 'Function Description',
+	feitian: 'Flying Sky function',
+	liucaishenlong: 'Multi-Colour Dragon',
+	red: 'Red Column Line: Profit chips (Main capital)',
+	purple: 'Purple Column Line: Profit chips 10-day moving average',
+	blue: 'Blue Column Line: Locked-in chips 10-day moving average',
+	yellow: 'Yellow Column Line: Floating chips (Speculative capital)',
+	green: 'Green Column Line: Locked-in chips (Retail investors’ capital)',
+	pink: 'Pink Column Line: Floating chips 10-day moving average',
+	bodongliang: 'Volatility Indicator',
+	gongneng:
+		'The volatility indicator consists of red buy orders, green sell orders,and energy fluctuation lines.',
+	tebietongzhi: 'Special Announcement',
+	tongzhi1: 'Respected Users:',
+	tongzhi2:
+		'We are thrilled to inform you that the "Treasure Sword" module is now available for a limited-time trial! Free Experience:During this period, you will have the opportunity to experience this brand-new feature at no cost. Discover its unique appeal and powerful capabilities.',
+	tongzhi3: 'Experience Time',
+	tongzhi4: 'Start Time: From now (August 2, 2024)',
+	tongzhi5: 'End Time: Please stay tuned for follow-up notices.',
+	tongzhi6: 'Feature Highlights',
+	tongzhi7:
+		'Conducts in-depth research on the various behaviors of market manipulators, leaving no place for their actions to hide. Enjoy Your Use:Wishing you a pleasant experience!',
+	tongzhi8:
+		'Equipped with a new AI big data model, it deeply explores the profit logic behind stock price movements, acclaimed as "the smartest AI intelligent moving average."',
+	tongzhi9: 'Wish you a pleasant use!',
+	tongzhi10: 'Homily Intelligent R&D Team',
+	tongzhi11:
+		'We are thrilled to inform you that the AI Prediction Big Model module is now available for a limited-time trial! Free Experience:During this period, you will have the opportunity to experience this brand-new feature at no cost. Discover its unique appeal and powerful capabilities.',
+	tongzhi12:
+		'AI Prediction Big Model is an innovative forecasting tool that disrupts traditional stock market prediction conceptions. By utilizing deep learning and advanced algorithms, it delves deep into historical data, accurately capturing subtle patterns and trends hidden within the data. Even when facing rapid market changes, it is able to quickly adjust its strategies and predict upcoming highs and lows.',
+	//AI预测
+	aiyuce: 'Calculation based on AI PredictionLarge Model,',
+	gujia: 'Stock price',
+	stockPricePrediction: 'Stock Price Prediction',
+	timeSpacePrediction: 'Time-Space Prediction',
+	bodongfenxi: 'Price Fluctuation Analysis',
+	jinrishangzhanglv: 'Short-term Rise Probability',
+	yucejia: 'Forecast Price:',
+	zuigaojia: 'High',
+	zuidijia: 'Low',
+	weilaizhangdiegailv: 'Future Flctuation Probability',
+	ri5: '5 Days',
+	ri13: '13 Days',
+	ri21: '21 Days',
+	lishibodongqujian: 'Historical Range',
+	shangzhanggailv: 'Rise Probability',
+	gaodian: 'Highs',
+	didian: 'Lows',
+	jiage1: 'Current Price:',
+	jiage2: 'Sell Price',
+	jiage3: 'Buy Back Price',
+	jiage4: 'Forecast Low One',
+	jiage5: 'Forecast Low Two',
+	jiage6: 'Forecast High One',
+	jiage7: 'Forecast High Two',
+	//skyc
+	bt: 'AI Space-Time Resonance',
+	gnjx: 'Function Overview',
+	gnjx_nr1: 'AI Space-Time resonance',
+	gnjx_nr2:
+		' combines cutting-edge AI technology with the concept of Space-Time resonance. Its main purpose is to ',
+	gnjx_nr3: 'accurately explore and identify',
+	gnjx_nr4:
+		' turning points in specific situations, environments, or processes by leveraging and applying the principles of Space-Time resonance theory. It is a ',
+	gnjx_nr5: '"future eye" with deep predictive capabilities',
+	gnjx_nr6: ', providing a new perspective for stock market analysis.',
+	// gnjx_nr:
+	// 	'AI Space-Time resonance combines cutting-edge AI technology with the concept of Space-Time resonance. Its main purpose is to accurately explore and identify turning points in specific situations, environments, or processes by leveraging and applying the principles of Space-Time resonance theory. It is a “future eye” with deep predictive capabilities, providing a new perspective for stock market analysis.',
+	jl: 'The next stock market turning point:',
+	jl_1: 'There are ',
+	jl_2: '',
+	wlyc1: 'Future prediction',
+	wlyc2: ' is a function full of innovation and imagination. Its core lies in combining ',
+	wlyc3: 'advanced data science ',
+	wlyc4: 'and ',
+	wlyc5: 'AI technology',
+	wlyc6:
+		', using trained AI to find patterns hidden in vast amounts of data, revealing underlying rules, and providing strong technical support for predictions. This enables us to ',
+	wlyc7: 'seize key opportunities',
+	wlyc8: ' in an unpredictable world and make the most ',
+	wlyc9: 'scientific decisions.',
+	// wlyc: 'Future prediction is a function full of innovation and imagination. Its core lies in combining advanced data science and AI technology, using trained AI to find patterns hidden in vast amounts of data, revealing underlying rules, and providing strong technical support for predictions. This enables us to seize key opportunities in an unpredictable world and make the most scientific decisions.',
+	//全球指数
+	daima: 'Code:',
+	gupiao: 'Name:',
+	up: 'Rise:',
+	now_price: 'Current Price:',
+	// 搜索股票页面
+	searchCode: 'Please enter the stock name/code',
+	mostViewed: 'Most Viewed',
+	//学习视频专区
+	toLearn: 'Don’t know how to use it? Click to learn >',
+	learn: 'learn',
+	toLogin: 'Go to log in',
+	login: 'Log in',
+	// AI探牛
+	aifindCow: 'AI Exploring Bull Stocks',
+	duanluo:
+		'With cutting-edge AI technology and knowledge graph analysis at its core, it accurately identifies market turning points in terms of offense and defense. In complex and volatile market conditions, it filters out the noise and identifies genuine investment opportunities. This provides investors with a fresh perspective, making investments more efficient and robust.',
+	gujiayuce_red: 'Red: Offensive Candlestick, Bulls Launching an Attack',
+	gujiayuce_yello:
+		'Yellow: Defensive Candlestick, Critical Point Between Bulls and Bears, Last Line of Defense',
+	gujiayuce_blue: 'Blue: Advancing Candlestick, Hold as Long as Blue',
+	cyan: 'Light Blue: Pullback Candlestick, Exit All Positions',
+	findcowrope: 'Bull Rope: Red for Uptrend, Green for Downtrend',
+	title_2: 'Function Overview',
+	Klinetext_1: 'Offensive Candlestick',
+	Klinetext_2: 'Defensive Candlestick',
+	Klinetext_3: 'Advancing Candlestick',
+	Klinetext_4: 'Pullback Candlestick',
+	Klinetext_5: 'Dragon line',
+	Klinetext_6: 'Worm line',
+	FCX: 'Bull Rope',
+	overText_1:
+		'Kindly be informed."AI Exploring Bull Stocks" is a paid function, the available markets are the same as Homily Software cloud version!',
+	// overText_2: 'Start Time: From now (12 November 2024)',
+	tiaoguo: 'Skip',
+	xiayiye: 'Next page',
+	shangyiye: 'Previous page',
+	kaishitiyan: 'Start journey',
+	overText_2: 'Start Time: ',
+	overText_3: 'End Time: ',
+	// 二期首页
+	zcw: 'Support level',
+	ylw: 'Resistance level',
+	cnxs: 'Guess you want to search',
+	searchName: 'Go to search for stocks held',
+	dqcb: 'Short term cost',
+	zcqcb: 'Mid and Long term costs',
+	new_yali7: 'It is a weak support',
+	new_yali8: 'It is a ordinary support',
+	new_yali9: 'It is a strong support',
+	new_zhuangjia3: 'The chips of the stock are intensive obviously',
+	new_zhuangjia4: 'The chips of the stock are intensive',
+	new_zhuangjia5: 'The chips of the stock are disperse',
+	new_zhuangjia6: 'The chips of the stock are disperse obviously',
+	//AI探牛金牛版
+	goldCow: 'AI Golden Bull',
+	yiGn: 'with ',
+	AIjianduan: 'AI cutting-edge technology ',
+	heGn: 'and ',
+	zhishitupu: 'knowledge graph analysis ',
+	contentGN1:
+		'as the core, it accurately identifies the market’s offensive and defensive transition points, just like a beacon lighting up where the golden bulls are. In complex and volatile market conditions, it can eliminate falsehoods and retain true ones, and identify real investment opportunities.',
+	GN: 'The Golden Bull Edition',
+	contentGN2:
+		'not only opens up a new investment horizon for investors, but also makes the investment journey stable and efficient, leading every investor on the fast track to success.',
+	ndaoxiaoshi:
+		'Potential Bullish: Insight into the genes of bull stocks and predict the future stock market stars',
+	danyouxing:
+		'Mature Bullish:Highlight the soaring appearance of bull stocks and seize the glorious stage of rapid rise',
+	jinnsongfu:
+		'Excellent Bullish:With the power of doubling, it indicates that individual stocks will start a glorious chapter of magnificent rise',
+	yinbeiliang: 'Negative double volume: double or more than yesterday’s trading volume (Yin line)',
+	yangbeiliang:
+		'Positive multiple volume: The trading volume is doubled or more than yesterday’s (Yang line)',
+	huiyuanzhaunxiang: 'Exclusive for Homily members',
+	yidaoqi: 'This function has expired',
+	fufeizanwuquanxian: 'Paid function, no permissions yet',
+	zanwushichangquanxian: 'You currently do not have access to this market',
+	zanwugaiquanxian: 'You currently do not have permission for this function',
+	chengjiaoliang: 'Trading volume',
+	jinntitle1: 'Bull Stock Demon Mirror',
+	jinntitle2: 'Crazy Bull',
+	gupiaonoresult: 'No permission yet, please contact customer service',
+	jinnqibao: 'Golden Bull Surge',
+	dunchi: 'Bull Ruler: A yardstick for measuring bullish stocks.',
+	DNC: 'Bull Ruler',
+	dunqu: 'Bull Zone',
+	aiRadar: 'The AI radar',
+	tiangui: 'Heaven Track',
+	digui: 'Earth Track',
+	leidagongnengliangdian1:
+		'The AI radar,through dimensionality elevation analysis, elevates market data to a higher dimension, enabling it to overcome spatial barriers and provide investors with a comprehensive and in-depth investment perspective. It accurately reveals the real investment opportunities hidden in the complex market, helping investors understand market trends. At the same time, the dimensionality reduction strike function of the AI radar simplifies complex market information, allowing investors to quickly grasp key information in the rapidly changing market environment and make wise and timely investment decisions. Crossing space and seeing through the future, the AI radar is undoubtedly a powerful assistant for investors.',
+	tianguimiaoshu1: 'Heaven and Earth Double Tracks: Composed of two curves in total.',
+	tianguimiaoshu2:
+		'The upper blue line is the Heaven Track, representing the price space control line of the bullish major institutions.',
+	tianguimiaoshu3:
+		'The lower yellow line is the Earth Track, representing the price space control line of the bearish major institutions.',
+	tanbao: 'Treasure Hunting:',
+	tiandishaungxian:
+		'Heaven and Earth Double Tracks: This indicator ingeniously integrates space-time factors, reflecting the laws of stock price fluctuations in a novel form, and giving early warnings of the bottom precursors and top alerts of stock price movements.',
+	tancei:
+		'Detection: It refers to the in-depth analysis and identification of specific areas and targets, aiming to identify and confirm the primary, secondary, and tertiary bottoms of stock prices. These levels reflect different depths of stock price declines and possible rebound strengths.',
+	saoshe:
+		'Scanning: It is the process of quickly searching for and tracking targets within a certain range, with the aim of discovering acceleration points of different intensities. The intensities of these acceleration points increase in sequence when scanning to the right, to the left, and upwards.',
+	tanbao1: 'Treasure Hunting',
+	overText_11:
+		'Kindly be informed."AI Golden Bull"is a paid function, the available markets are the same as Homily Software cloud version!',
+	overText_12:
+		'Kindly be informed."The AI radar"is a paid function, the available markets are the same as Homily Software cloud version!',
+	zhutuqiangshixinhao: 'main chart K line',
+	shezhikxian: 'candle settings',
+	quxiao: '取消',
+	queding: '确定',
+	aiEmotion: 'AI Sentiment Analysis Model',
+	StockTemperature: 'Stock Temperature',
+	MarketTemperature: 'Market Temperature',
+	CurrentStockPopularity: 'Current Stock Popularity',
+	StockPopularity: 'Stock Popularity',
+	MarketPopularity: 'Market Popularity',
+	StockMarketTemperatureTrend: 'Stock Market Temperature Trend',
+	TemperatureTrend: 'Temperature Trend',
+	StockMarketTemperatureCalendar: 'Stock Market Temperature Calendar',
+	TemperatureCalendar: 'Temperature Calendar',
+	FunctionOverview: 'Function Overview',
+	FeatureHighlights: 'Feature Highlights',
+	current1_1: 'The current stock temperature is',
+	current1: 'in the frenzy zone',
+	current2: 'in the overheating range',
+	current3: 'in neutral territory',
+	current4: 'in the cold range',
+	current5: 'in the icy range',
+	current2_1: 'The current market temperature is',
+	current6: 'indicating a frenzy phase.',
+	current7: 'indicating is in an overheated range',
+	current8: 'indicating is in a neutral range',
+	current9: 'indicating is in a cold range',
+	current10: 'indicating is in an icy range',
+	current11: 'Current Temperature Trend Explanation',
+	yi: 'Mon',
+	er: 'Tue',
+	san: 'Wed',
+	si: 'Thu',
+	wu: 'Fri',
+	liu: 'Sat',
+	tian: 'Sun',
+	WDRL: 'When the stock temperature is higher than the market temperature, the calendar background color is purple;When the stock temperature is lower than the market temperature, the calendar background color is blue; When the stock temperature equals the market temperature, the calendar background color is white',
+	ait: '股票温度计',
+	aie: '情绪解码器'
+}
diff --git a/src/lang/index.ts b/src/lang/index.ts
new file mode 100644
index 0000000..f1f98da
--- /dev/null
+++ b/src/lang/index.ts
@@ -0,0 +1,33 @@
+/**
+ * 功能：对多语言包集中管理,切换语言时，进行本地存储。
+ * 作者：刘海春
+ * 时间：2024年10月5日
+ */
+import { ref, computed } from 'vue'
+import cn from './zhcn' //简体中文包
+import en from './en' //英文包
+import th from './th' //泰语包
+import hk from './zhhk' //中文繁体包
+import kr from './kr' //韩语包
+// import { LanguagePack } from './type'
+export const languagePacks = {
+	cn,
+	hk,
+	en,
+	th,
+	kr
+}
+//默认简体中文，用户没有选择过yuyan
+const currentLang = ref(localStorage.getItem('userLanguage') || 'cn')
+export const t = computed(() => languagePacks[currentLang.value] || languagePacks['cn'])
+// 用户第一次访问网站时，默认设置为 'cn'。
+// 用户切换语言时，通过 changeLanguage 函数设置新的值：
+export function changeLanguage(lang: string) {
+	if (languagePacks[lang]) {
+		currentLang.value = lang
+		localStorage.setItem('userLanguage', lang) // 这里设置新的 userLanguage
+	} else {
+		console.error(`Language pack not found: ${lang}`)
+	}
+}
+export const availableLanguages = Object.keys(languagePacks) //导出是何种语言['简体中文'，'英文','繁体中文','泰语']
diff --git a/src/lang/kr.ts b/src/lang/kr.ts
new file mode 100644
index 0000000..2dcc5f0
--- /dev/null
+++ b/src/lang/kr.ts
@@ -0,0 +1,354 @@
+//中文简体
+export default {
+	language: '한국어',
+	suoxie: 'kr',
+	greeting: 'Super cloud brain',
+	greeting1: 'Treasure Sword',
+	greeting2: 'AI 예측 기능',
+	// 权限按钮
+	daoqi: 'TREASURE HUNTER 서비스 사용 기한',
+	//首页
+	wei: '은',
+	wei_kr: '로',
+	hotStocks: '인기 주식',
+	content: 'TREASURE HUNTER',
+	content_1: '"TREASURE HUNTER"는',
+	content_2: '고도로 지능화',
+	content_3:
+		'된 주식 분석 도구로, 빅데이터, 머신러닝 및 인공지능 기술을 활용하여 복잡한 주식 시장을 파악하고 분석하여',
+	content_4: '정확한',
+	content_5:
+		'저항 및 지지점, 자금 흐름, 트렌드 분석을 제공합니다. "TREASURE HUNTER"는 정밀한 알고리즘과 효율적인 분석을 바탕으로',
+	content_6: '주식 투자자들의 서포터가 되어줍니다',
+	content_7:
+		',또한, 투자자들이 데이터의 진정한 의미를 명확히 이해할 수 있도록 하여, 주식 시장을 이해하고 파악하는 것을 서포트하며, 투자자들이',
+	content_8: '효율적이고 스마트한 투자 관리를 실현할 수 있도록 지원합니다。',
+	results: 'SUPER CLOUD BRAIN의 빅데이터 분석 결과에 따르면:',
+	global: '글로벌 주가 지수', // 没翻译
+	endTerm: 'Click to view service term',
+	noTerms: 'No permission',
+	//公共部分
+	shuru: '종목명 또는 코드를 입력하세요',
+	guzhi: '주식 평가',
+	yunnaotanmi: 'CLOUD BRAIN',
+	jigoudongxiang: '기관 동향',
+	feixian: 'Fly Line',
+	zhoongxian: 'Middle Line',
+	liuxian: 'Stream Line',
+	tianxian: 'Sky Line',
+	maipan: '매수 세력',
+	maipan1: '매도 세력',
+	kai: '시가',
+	shou: '종가',
+	gao: '고가',
+	di: '저가',
+	huolichouma: '수익 자산',
+	fudongchouma: '변동성 자산',
+	taolaochouma: '묶인 자산',
+	liuselp: '리스크 레벨 나침반',
+	gupiaoguzhi: '주식 평가',
+	qushi1: '추세선 1 ',
+	qushi2: '추세선 2',
+	qushi3: '추세선 3',
+	endDateText: '남은 무료 체험 기간:',
+	endTianShu: '일',
+	newUsers: '신규 회원 가입 시 30일간 무료로 체험하실 수 있습니다',
+	dangrigujia: '당일 주가',
+	gupiaodaima: '주식 코드',
+	riqi: '날짜',
+	zhangdieedu: '등락 한도',
+	zhangdiebaifenbi: '등락 비율',
+	//机构动向
+	dangrizijin: '당일 자금',
+	dangriduofangzijin: '당일 매수 세력 자금',
+	liuru: '유입',
+	liuchu: '유출',
+	zhulizijin: '세력 자금',
+	zhulizijin1: '해당 시장의 매수 자금이 우세를 점하기 시작했습니다。',
+	zhulizijin2:
+		'해당 시장은 매수 자금이 우세하며, 매수 자금이 지속적으로 유입되고 있는 상태입니다。',
+	zhulizijin3:
+		'해당 시장은 매수 자금이 우세하지만, 매수 자금이 철수하려는 조짐을 보이며, 세력이 시장 조정 작업을 하는 것처럼 확인됩니다。',
+	zhulizijin4: '해당 시장은 매수 자금이 우세를 점하고 있습니다。',
+	zhulizijin5:
+		'해당 시장은 매수 자금이 우세하지만, 매수 자금이 지속적으로 유출되고 있는 상태입니다。',
+	zhulizijin6: '해당 시장은 매수 자금이 우세하며, 매수 자금이 다시 유입되고 있는 상태입니다。',
+	zhulizijin7: '해당 시장의 매도 자금이 우세를 점하기 시작했습니다。',
+	zhulizijin8: '해당 시장은 매도 자금이 우세하며, 매도세가 증가하는 추세를 보이는 상태입니다。',
+	zhulizijin9: '해당 시장은 매도 자금이 우세하며, 세력이 개미털기 작업을 하는 것처럼 확인됩니다。',
+	zhulizijin10: '해당 시장은 매도 자금이 우세하지만, 매도 자금이 철수하려는 조짐을 보입니다。',
+	zhulizijin11: '해당 시장은 여전히 매도 자금이 우세합니다。',
+	zhulizijin12:
+		'해당 시장은 여전히 매도 자금이 우세하지만, 매도 자금이 감소하는 추세를 보이는 상태입니다。',
+	zhulizijin13: '해당 시장은 매도 자금이 우세하며, 매도세가 다시 증가하고 있는 상태로 보입니다。',
+	zhulixichou: '세력 매집',
+	zhulixichou1: '최근 세력이 집중적으로 매집하고 있습니다。',
+	zhulixichou2: '최근 세력이 집중적으로 매집한 모습이 없습니다。',
+	zhuangsanduijue: '세력 vs 개인',
+	zhuangsanduijue1: '최근 기관투자자의 주식 보유 비율이 개인투자자의 주식 보유 비율보다 높습니다。',
+	zhuangsanduijue2:
+		'최근 기관투자자의 주식 보유 비율이 개인 투자자의 주식 보유 비율보다 낮습니다。',
+	zhuangsanduijue3: '당일 기관투자자의 주식 보유 비율이 증가했습니다。',
+	zhuangsanduijue4: '당일 기관투자자의 주식 보유 비율이 감소했습니다。',
+	zhuangsanduijue5: '당일 개인투자자의 주식 보유 비율이 증가했습니다 。',
+	zhuangsanduijue6: '당일 개인투자자의 주식 보유 비율이 감소했습니다。',
+	//云脑探秘
+	anquanjibei: 'Safety 레벨',
+	more: 'Safety 레벨',
+	chuyu1: 'Super Cloud Brain의 리스크 레벨 나침반의 측정 결과에 따르면, 해당 주식은 현재 에 있으며',
+	chuyu2: 'Safety 레벨은 입니다',
+	dengji1: 'Safety 레벨은 입니다.',
+	dengji2: '약한 지지와 보통의 저항 구간',
+	dengji3: '약한 지지와 약한 지항 구간',
+	dengji4: '강한 지지와 강한 저항 구간',
+	dengji5: '강한 지지와 보통의 저항 구간',
+	dengji6: '강한 지지와 약한 저항 구간',
+	dengji7: '매우 위험',
+	dengji8: '매우 위험',
+	dengji9: '보통 위험',
+	dengji10: '보통 안전',
+	dengji11: '비교적 안전',
+	dengji12: '매우 안전',
+	yali: '지지와 저항',
+	yali1: 'SUPER CLOUD BRAIN의 빅데이터 분석 결과에 따르면',
+	yali2: '해당 주식의 현재 주가는 이며',
+	yali3: '저항선은 로',
+	yali_contral: '또한 지지선은 로',
+	yali4: '비교적 약한 저항을 가지고 있으며, 천천히 거래량이 증가하면 돌파할 수 있습니다 ',
+	yali5: '보통 수준의 저항을 가지고 있으며, 명확한 거래량 증가가 보여야 돌파할 수 있습니다 ',
+	yali6: '비교적 강한 저항을 가지고 있으며, 대량의 거래량 증가가 있어야 돌파할 수 있습니다 ',
+	yali7: '지지 강도는 상당히 약한 편입니다。',
+	yali8: '지지 강도는 보통 수준입니다。',
+	yali9: '지지 강도는 상당히 강한 편입니다。',
+	yali10: '비교적 약한 저항을 가지고 있으며',
+	yali11: '보통 수준의 저항을 가지고 있으며',
+	yali12: '비교적 강한 저항을 가지고 있으며',
+	yali13: '현재 데이터가 없습니다',
+	qushi: '추세 분석',
+	qushitext1: '해당 주식은 중장기적으로', //该股中长期处于kaitou
+	qushitext2: '상승 추세', //上升趋势
+	qushitext22: '에 있으며,', //该股中长期处于jiewei
+	qushitext3: '단기적으로는', //短期处于kaitou
+	qushitext33: '에 있습니다', //短期处于结尾
+	qushitext4: '강세 상태。', //强势状态
+	qushitext5: '하락 추세,', //下降趋势
+	qushitext6: '약세 상태。', //弱势状态
+	zhuangjia: '세력 매집 원가',
+	zhuangjia1:
+		'SUPER CLOUD BRAIN의 빅데이터 분석 결과에 따르면, 해당 주식의 세력 중장기 평균 매집가는 이며',
+	zhuangjia2: '단기 평균 매집가는 입니다',
+	zhuangjia3: '해당 주식의 자산은 집중되어 있으며,',
+	zhuangjia4: '해당 주식의 자산은 비교적 집중되어 있으며,',
+	zhuangjia5: '해당 주식의 자산은 비교적 분산되어 있으며,',
+	zhuangjia6: '해당 주식의 자산은 분산되어 있으며,',
+	zhuangjia7: '또한 당일 매집가는 입니다',
+	zhibiaojieshao: '지표 소개',
+	qingxujiazhi: '시장 심리',
+	qingxujiazhi1: 'SUPER CLOUD BRAIN의 빅데이터 분석 결과에 따르면,',
+	qingxujiazhi2:
+		'최근 수익 자산의 비중이 증가했습니다. 또한 단기 수익 실현을 매도세가 뚜렷해졌으며。',
+	qingxujiazhi3:
+		'최근 수익 자산의 비중이 증가했습니다. 또한 시장 참여자들의 수익 실현 의사는 뚜렷하지 않으며, 자금의 안정성이 비교적 좋은 편입니다。',
+	qingxujiazhi4:
+		'최근 수익 자산의 비중이 감소하고 있습니다. 또한 단기 수익 실현을 위한 매도세가 뚜렷해졌으며。',
+	qingxujiazhi5:
+		'최근 수익 자산의 비중이 증가하고 있습니다. 또한 시장 참여자들의 수익 실현 의사는 뚜렷하지 않으며, 자금의 안정성이 비교적 좋은 편입니다。',
+	qingxujiazhi6: '최근 묶인 자산의 비중이 증가했습니다. 또한 손절매를 통한 매도세가 뚜렷해졌으며。',
+	qingxujiazhi7:
+		'최근 묶인 자산의 비중이 증가했습니다. 또한 시장 참여자들의 시장 이탈 의사는 뚜렷하지 않으며, 자금이 손실로 인해 묶여 있는 상태입니다。',
+	qingxujiazhi8:
+		'최근 묶인 자산의 비중이 감소하고 있습니다. 또한 새로운 자금이 유입되어 매수되며, 기존의 묶인 자금을 분산시키고 있습니다。',
+	qingxujiazhi9:
+		'최근 묶인 자산의 비중이 감소하고 있습니다. 또한 단기 수익 실현을 위한 매도세는 뚜렷하지 않으며, 대부분의 자금은 관망 되고 있는 상태입니다。',
+	//夺宝利剑
+	gongnengshuoming: '기능 설명',
+	feitian: 'Flying Sky',
+	liucaishenlong: '육색신룡',
+	red: '빨간색 캔들: 수익 자산(세력 자금)',
+	purple: '보라색 캔들: 수익 자산 10일 이동평균선',
+	blue: '파란색 캔들: 묶인 자산 10일 이동평균선',
+	yellow: '노란색 캔들: 변동성 자산(투기 자금)',
+	green: '초록색 캔들: 묶인 자산 (개인 투자자 자금)',
+	pink: '분홍색 캔들: 변동성 자산 10일 이동평균선',
+	bodongliang: '3D Deviation',
+	gongneng:
+		'3D Deviation 지표는 빨간 색의 매수 세력, 하늘 색의 매도 세력과 에너지 변동선으로 구성되어 있습니다',
+	tebietongzhi: '중요 공지',
+	tongzhi1: 'TREASURE HUNTER를 사용하시는 회원님들께,',
+	tongzhi2:
+		'현재 "TREASURE SWORD" 기능의 기간 한정 체험 이벤트가 진행중임을 알려드립니다 ! TREASURE HUNTER의 새로운 기능 TREASURE SWORD를 무료로 체험하시며, 해당 기능의 독특한 매력과 뛰어난 성능을 느끼실 수 있길 바랍니다.',
+	tongzhi3: '무료 체험 기간',
+	tongzhi4: '시작 시간: 오늘부터 (2024년 8월 2일)',
+	tongzhi5: '종료 시간: 추후 공지를 통해 안내드릴 예정입니다',
+	tongzhi6: '하이라이트',
+	tongzhi7:
+		'투자자들의 다양한 행동 패턴을 분석하고 연구하여, 시장에서의 움직임을 파악합니다. 즐겁게 사용하시길 바랍니다!',
+	tongzhi8:
+		'최신 AI 데이터 모델을 탑재하여 주가 움직임 이면에 있는 수익 구조를 심도 있게 분석하는, "가장 진보된 AI 스마트 이동평균선"이라 할 수 있습니다',
+	tongzhi9: 'Wish you a pleasant use!',
+	tongzhi10: 'Homily Intelligent R&D Team',
+	tongzhi11:
+		'현재 "AI 예측 기능"의 기간 한정 체험 이벤트가 진행중임을 알려드립니다 ! 해당 기간 동안 새로운 기능의 독특한 매력과 뛰어난 성능을 느끼실 수 있길 바랍니다.',
+	tongzhi12:
+		'AI 예측 기능은 혁신적인 예측 도구로, 전통적인 주식 시장 예측 개념을 새롭게 혁신합니다. 심층 학습과 고급 알고리즘을 활용하여 과거 데이터를 반영함과 동시에, 데이터 속에 숨겨진 미세한 패턴과 트렌드를 정확히 포착합니다. 빠른 시장의 변화 속에도 신속하게 전략을 조정 및 수립하여 미래의 고점과 저점을 예측할 수 있습니다',
+	//AI预测
+	aiyuce: 'AI Prediction Model의 측정 결과에 따르면,',
+	gujia: '주식 가격',
+	stockPricePrediction: '주가 예측',
+	timeSpacePrediction: '시공간 예측',
+	bodongfenxi: '주가 변동 분석',
+	jinrishangzhanglv: '단기 상승 확률',
+	yucejia: '예측가:',
+	zuidijia: '최저가',
+	zuigaojia: '최고가',
+	weilaizhangdiegailv: '단기 등락 확률',
+	ri5: '5일',
+	ri13: '13일',
+	ri21: '21일',
+	lishibodongqujian: '과거 변동 구간',
+	shangzhanggailv: '상승 확률',
+	gaodian: '고점',
+	didian: '저점',
+	jiage1: '현재가:',
+	jiage2: '매도가',
+	jiage3: '매수가',
+	jiage4: '예측 저점 1',
+	jiage5: '예측 저점 2',
+	jiage6: '예측 고점 1',
+	jiage7: '예측 고점 2',
+	aidamoxing: 'AI 예측 기능',
+	//skyc
+	bt: '예측 고점',
+	gnjx: '예측 고점',
+	gnjx_nr1: 'AI 시공간 공명',
+	gnjx_nr2:
+		',은 최첨단 AI 기술과 시공간 공명 이론을 결합한 것으로, 시공간 공명 이론의 원리를 활용하여,',
+	gnjx_nr3: '변동포인트를 정확하게 탐색 및 식별하고',
+	gnjx_nr4: '특정 상황, 환경 또는 과정에서의',
+	gnjx_nr5: '새로운 시각을 제공합니다',
+	gnjx_nr6: '주식 시장 분석에 ',
+	jl: '다음 변동 포인트:',
+	jl_1: '距离下下次股市变盘点还有',
+	jl_2: '',
+	wlyc1: '미래 예측',
+	wlyc2: ',기능은',
+	wlyc3: '데이터 과학',
+	wlyc4: '과 ',
+	wlyc5: 'AI 기술',
+	wlyc6:
+		'이 결합하여 만들어진 기능으로, 훈련된 AI를 활용해 방대한 데이터 속에 숨겨진 패턴과 규칙을 찾아내어 예측에 강력한 기술적 지원을 제공하는 기능입니다. 이를 통해 사용자는 변화무쌍한 시장에서',
+	wlyc7: '중요한 기회',
+	wlyc8: ',를 포착하고 ',
+	wlyc9: '가장 과학적인 결정',
+	wlyc10: '을 내릴 수 있게 됩니다。',
+	daima: '종목 코드:',
+	gupiao: '종목 코드:',
+	up: '상승폭:',
+	now_price: '현재가:',
+	searchCode: '종목명 또는 코드를 입력하세요',
+	mostViewed: '인기 검색어',
+	//学习视频专区
+	toLearn: 'TREASURE HUNTER 강의 영상 보러가기  >',
+	learn: '강의 보기',
+	toLogin: 'Go to log in',
+	login: 'Log in',
+	// AI探牛
+	aifindCow: 'AI Bull Catcher',
+	duanluo:
+		'첨단 AI 기술과 지식 그래프 분석을 기반으로, 시장의 공격점과 수비점을 정확히 식별합니다. 또한, 복잡한 시장의 변동 속에서 진정한 투자 기회를 포착하여 투자자에게 새로운 투자 관점을 제시하고, 더욱 효율적이고 안정적인 투자 환경을 제공합니다.',
+	gujiayuce_red: '빨간색 캔들: 공격형 캔들,상승세가 공격을 시작했다는 신호',
+	gujiayuce_yello: '노란색 캔들: 수비형 캔들,상승세와 하락세의 분기점,최후의 캔들',
+	gujiayuce_blue: '파란색 캔들: 진행형 캔들,파란 캔들이 유지되면 보유',
+	cyan: '하늘색 캔들: 후퇴형 캔들,매도 포지션 유지',
+	findcowrope: 'Bull Rope: 빨간색 선은 상승 추세를 뜻하고, 초록색 선은 하락 추세를 뜻합니다.',
+	title_2: '기능 소개',
+	Klinetext_1: '공격형 캔들',
+	Klinetext_2: '수비형 캔들',
+	Klinetext_3: '진행형 캔들',
+	Klinetext_4: '후퇴형 캔들',
+	Klinetext_5: 'Dragon line',
+	Klinetext_6: 'Worm line',
+	FCX: 'Bull Rope',
+	overText_1:
+		'AI Bull Catcher는 유료 서비스이며, 사용자가 접근 가능한 시장 데이터와 Homily Software 클라우드 버전 서비스가 동일하게 적용되니, 참고하시기 바랍니다!',
+	// overText_2: '시작 시간: 오늘부터 (2024년 11월 12일)',
+	tiaoguo: '건너뛰다',
+	xiayiye: '다음 페이지',
+	shangyiye: '앞페이지',
+	kaishitiyan: '체험 시작하기',
+	overText_2: '시작 시간: ',
+	overText_3: '종료 시간: ',
+	// 二期首页
+	zcw: '지지선',
+	ylw: '저항선',
+	cnxs: '추천 검색어',
+	searchName: '종목,종목코드 검색',
+	dqcb: '단기 매집',
+	zcqcb: '중장기 매집가',
+	new_yali7: '지지 강도는 상당히 약한 편입니다',
+	new_yali8: '지지 강도는 보통 수준입니다',
+	new_yali9: '지지 강도는 상당히 강한 편입니다',
+	new_zhuangjia3: '해당 주식의 자산은 집중되어 있으며',
+	new_zhuangjia4: '해당 주식의 자산은 비교적 집중되어 있으며',
+	new_zhuangjia5: '해당 주식의 자산은 비교적 분산되어 있으며',
+	new_zhuangjia6: '해당 주식의 자산은 분산되어 있으며',
+	//AI探牛金牛版
+	goldCow: 'AI Golden Bull',
+	yiGn: '은',
+	AIjianduan: '첨단 AI 기술',
+	heGn: '과',
+	zhishitupu: '지식 그래프 분석',
+	contentGN1:
+		'을 핵심으로 공격과 방어 전환점을 정확히 식별합니다. 이는 마치 금은보화가 있는 곳을 비추는 조명처럼, 복잡한 시장의 변동 속에서 진정한 투자 기회를 포착하게 합니다。',
+	GN: '골드 버전',
+	contentGN2:
+		'은 투자자에게 새로운 투자 시각을 제공할 뿐만 아니라, 안정적이고 효율적인 투자 여정을 만들어 주며, 투자를 성공으로 이끌어 주는 빠른 길을 찾아냅니다。',
+	ndaoxiaoshi: 'Potential Bullish: 우량주의 본질을 이해하고, 미래의 우량주를 예측합니다.',
+	danyouxing:
+		'Mature Bullish: 급등하는 우량주의 모습을 포착하고, 급등 중인 종목의 매수 타이밍을 제공합니다.',
+	jinnsongfu:
+		'Fortune Bullsih: 보다 큰 힘으로 상승하는 우량주가 투자자에게 부를 안겨줄 것을 암시합니다.',
+	yinbeiliang: '음배량: 음봉 거래량이 전날의 거래량 보다 두 배 이상 증가함',
+	yangbeiliang: '양배량: 양봉 거래량이 전날의 거래량 보다 두 배 이상 증가함',
+	huiyuanzhaunxiang: '회원 전용',
+	yidaoqi: '서비스 사용 기간이 만료되었습니다.',
+	fufeizanwuquanxian: '유료 서비스, 현재 서비스 사용 권한이 없습니다.',
+	zanwushichangquanxian: '해당 시장 서비스 권한이 없습니다.',
+	zanwugaiquanxian: '해당 서비스 사용 권한이 업습니다.',
+	chengjiaoliang: 'Trading volume',
+	jinntitle1: 'Bullish stork 탐지경',
+	jinntitle2: 'Crazy Bull',
+	gupiaonoresult: '현재 데이터가 없습니다. 고객센터에 문의해 주시기 바랍니다.',
+	jinnqibao: 'golden bull boom',
+	dunchi: 'Bull Stock: 지표 - 우량주 측정 기준。',
+	DNC: 'Bull Stock',
+	dunqu: 'Bull Zone',
+	aiRadar: 'AI 레이더',
+	tiangui: '하늘 선 궤도',
+	digui: '땅 선 궤도',
+	leidagongnengliangdian1:
+		'AI 레이더는 다차원 분석을 통해 시장 데이터를 더 높은 차원으로 끌어올려 공간적 장벽을 넘어 투자자에게 종합적이고 심층적인 투자 관점을 제공합니다. 또한 복잡한 시장에 숨겨진 진정한 투자 기회를 정확하게 드러내어 투자자가 시장 동향을 파악하는 데 도움을 줍니다. 동시에 AI 레이더의 차원 축소 기능은 복잡한 시장 정보를 간소화하여 투자자가 빠르게 핵심 정보를 포착할 수 있게 하여, 현명하고 적절한 투자 결정을 내릴 수 있게 합니다. 공간과 시간을 넘어 미래를 통찰하는 AI 레이더는 투자자의 확실한 서포터가 되어 줍니다.',
+	tianguimiaoshu1: '하늘 땅 이중 궤도',
+	tianguimiaoshu2:
+		'위쪽의 파란 선은 하늘 선 궤도로, 매수 세력인 기관이 가격 공간을 제어하는 선을 나타냅니다.',
+	tianguimiaoshu3:
+		'아래의 노란 선은 땅 선 궤도로, 매도 세력인 기관이 가격 공간을 제어하는 선을 나타냅니다.',
+	tanbao: '보물 찾기:',
+	tiandishaungxian:
+		'하늘 땅 이중 궤도:이 지표는 시공간 요소를 교묘하게 융합하여 주가 변동의 규칙을 새롭고 독창적인 형태로 나타내며, 주가 변동의 바닥 전조와 정점의 신호를 미리 알려줍니다.',
+	tancei:
+		'탐색: 특정 영역과 목표에 대한 심층 분석 및 식별로, 주가의 1차 바닥, 2차 바닥 및 3차 바닥까지 식별하고 확인하는 것을 목표로 하며, 주가 하락의 다양한 폭과 실현 가능한 반등 강도를 반영합니다.',
+	saoshe:
+		'스캔: 일정 범위 내에서 빠르게 목표를 검색하고 추정하는 과정으로, 다양한 강도의 가속점을 식별하',
+	tanbao1: '보물 찾기',
+	overText_11:
+		'“AI Golden Bull는 유료 서비스이며, 사용자가 접근 가능한 시장 데이터와 Homily Software 클라우드 버전 서비스가 동일하게 적용되니, 참고하시기 바랍니다!',
+	overText_12:
+		'“AI 레이더는 유료 서비스이며, 사용자가 접근 가능한 시장 데이터와 Homily Software 클라우드 버전 서비스가 동일하게 적용되니, 참고하시기 바랍니다!',
+	zhutuqiangshixinhao: 'main chart K line',
+	shezhikxian: 'candle settings',
+	quxiao: '取消',
+	queding: '确定',
+	aiEmotion: 'AI 감정 모델',
+	StockTemperature: '주식 온도'
+}
diff --git a/src/lang/th.ts b/src/lang/th.ts
new file mode 100644
index 0000000..95dfc1f
--- /dev/null
+++ b/src/lang/th.ts
@@ -0,0 +1,352 @@
+//泰语
+export default {
+	language: 'ภาษาไทย',
+	suoxie: 'th',
+	greeting: 'Super cloud brain',
+	greeting1: 'Treasure Sword',
+	greeting2: 'AI คาดการณ์อัจฉริยะ',
+	//权限按钮
+	daoqi: 'ระยะเวลาบริการของ Treasure Hunt Raiders',
+	//首页
+	wei: 'คือ:',
+	hotStocks: 'หุ้นที่กำลังมาแรง',
+	sousuo: 'กรุณากรอกชื่อหุ้น/รหัสโค้ด',
+	content: 'Treasure Hunt Raiders',
+	content_1: '"Treasure Hunt Raiders"เป็นเครื่องมือในการวิเคราะห์หุ้น',
+	content_2: 'อัจฉริยะขั้นสูง',
+	content_3:
+		'โดยใช้ Big Data การเรียนรู้ของหุ่นยนต์และเทคโนโลยีปัญญาประดิษฐ์ (AI) เพื่อช่วยวิเคราะห์ความซับซ้อนของตลาดหุ้น สามารถหาแนวรับ-แนวต้านได้',
+	content_4: 'อย่างแม่นยำ',
+	content_5:
+		'ทิศทางของกระแสเงินทุน รวมถึงการวิเคราะห์แนวโน้มของหุ้น ซึ่ง"Treasure Hunt Raiders " กำลังกลายเป็น',
+	content_6: 'ผู้ช่วยที่ยอดเยี่ยมสำหรับนักลงทุนในตลาดหุ้น',
+	content_7:
+		'และใช้วิธีการวิเคราะห์ที่มีประสิทธิภาพด้วยอัลกอริทึมที่แม่นยำ เพื่อให้นักลงทุนตระหนักรู้ถึงความหมายของข้อมูลหล่านี้อย่างแท้จริง พร้อมทั้งช่วยให้นักลงทุนเข้าใจและเชี่ยวชาญการลงทุนในตลาดหุ้นอย่าง',
+	content_8: 'มีประสิทธิผล และสามารถลงทุนในตลาดหุ้นได้อย่างชาญฉลาด',
+	global: 'Global Index', // 没翻译
+	results: 'ตามผลลัพธ์การประมวลผลของ Big Data จาก Super Cloud:',
+	endTerm: 'Click to view service term',
+	noTerms: 'No permission',
+	//公共
+	shuru: 'กรุณากรอกชื่อหุ้น/รหัสโค้ด',
+	guzhi: 'ประเมิณมูลค่าหุ้น',
+	yunnaotanmi: 'สำรวจความลับซูเปอร์คลาวด์',
+	jigoudongxiang: 'ทิศทางรายใหญ่',
+	duobaolijian: 'Treasure Sword',
+	aidamoxing: 'AI คาดการณ์อัจฉริยะ ',
+	feixian: 'Flying',
+	zhoongxian: 'Middle',
+	liuxian: 'Stream',
+	tianxian: 'Sky',
+	maipan: 'แรงซื้อ',
+	maipan1: 'แรงขาย',
+	huolichouma: 'Profitable chips',
+	fudongchouma: 'Floating chips',
+	taolaochouma: 'Locked chips',
+	endDateText: 'ระยะเวลาทดลองใช้งานเหลือ:',
+	endTianShu: 'วัน',
+	newUsers: 'ผู้ใช้ใหม่ที่ลงทะเบียนจะได้รับสิทธิ์ใช้งาน 30 วัน',
+	kai: 'เปิด',
+	shou: 'รับ',
+	gao: 'สูง',
+	di: 'ต่ำ',
+	liuselp: 'วงล้อเข็มทิศ 6 สี',
+	gupiaoguzhi: 'ประเมิณมูลค่าหุ้น',
+	qushi1: 'เส้นแนวโน้ม 1',
+	qushi2: 'เส้นแนวโน้ม 2',
+	qushi3: 'เส้นแนวโน้ม 3',
+	dangrigujia: 'ราคาหุ้นของวัน',
+	gupiaodaima: 'รหัสสินค้า',
+	riqi: 'วันที่',
+	zhangdieedu: 'วงเงินขึ้น-ลง',
+	zhangdiebaifenbi: 'เปอร์เซ็นต์การขึ้นและลง',
+	//机构动向
+	dangrizijin: 'เงินทุนของวัน',
+	dangriduofangzijin: 'เงินทุนแรงซื้อของวัน',
+	liuru: 'ไหลเข้า',
+	liuchu: 'ไหลออก',
+	zhulizijin: 'เงินทุนรายใหญ่',
+	zhulizijin1: 'ปัจจุบันเงินทุนของแรงซื้อเริ่มเหนือกว่า.',
+	zhulizijin2: 'ขณะนี้เงินทุนของแรงซื้อชนะ และเงินทุนแรงซื้อมีการไหลเข้าอย่างต่อเนื่อง.',
+	zhulizijin3:
+		'ขณะนี้เงินทุนของแรงซื้อชนะ แต่ส่งสัญญาณทุนใหญ่เริ่มถอนตัว และดูเหมือนว่ารายใหญ่เขย่าหุ้น.',
+	zhulizijin4: 'ขณะนี้เงินทุนของแรงซื้อชนะ.',
+	zhulizijin5: 'ขณะนี้เงินทุนของแรงซื้อยังคงชนะ และพบว่าเงินทุนแรงซื้อมีการไหลออกอย่างต่อเนื่อง.',
+	zhulizijin6: 'ขณะนี้เงินทุนของแรงซื้อชนะและเงินทุนแรงซื้อจํานวนมากเริ่มไหลเข้าอีกครั้ง.',
+	zhulizijin7: 'ขณะนี้เงินทุนของแรงขายเริ่มมากกว่า.',
+	zhulizijin8: 'ขณะนี้เงินทุนของแรงขายชนะ และปริมาณแรงขายแนวโน้มเพิ่มขึ้น.',
+	zhulizijin9: 'ขณะนี้เงินทุนของแรงขายชนะ และดูเหมือนว่ารายใหญ่ทุบราคา.',
+	zhulizijin10: 'ขณะนี้เงินทุนของแรงขายชนะ แต่ส่งสัญญาณเงินทุนแรงขายเริ่มถอนตัว.',
+	zhulizijin11: 'ขณะนี้ตลาดหุ้นเงินทุนของแรงขายยังคงชนะ.',
+	zhulizijin12: 'ขณะนี้ตลาดหุ้นเงินทุนของแรงขายยังคงชนะ แต่ว่าปริมาณแรงซื้อมีแนวโน้มลดลง.',
+	zhulizijin13: 'ขณะนี้เงินทุนของแรงขายชนะ และปริมาณแรงขายมีแนวโน้มเพิ่มขึ้นอีกครั้ง.',
+	zhulixichou: 'banker chips',
+	zhulixichou1: 'ล่าสุดพบว่ารายใหญ่เก็บของ.',
+	zhulixichou2: 'ล่าสุดไม่พบว่ารายใหญ่เก็บของ.',
+	zhuangsanduijue: 'การแข่งขันของรายใหญ่และรายย่อย',
+	zhuangsanduijue1: 'ในช่วงนี้รายใหญ่ถือหุ้นมากกว่ารายย่อย.',
+	zhuangsanduijue2: 'ในช่วงนี้รายใหญ่ถือหุ้นน้อยกว่ารายย่อย.',
+	zhuangsanduijue3: 'แต่ในวันนี้การถือหุ้นของรายใหญ่เพิ่มขึ้น.',
+	zhuangsanduijue4: 'แต่ในวันนี้การถือหุ้นของรายใหญ่ลดลง.',
+	zhuangsanduijue5: 'ขณะที่การถือหุ้นของรายย่อยเพิ่มขึ้น.',
+	zhuangsanduijue6: 'ขณะที่การถือหุ้นของรายย่อยลดลง.',
+	//云脑探秘
+	anquanjibei: 'ระดับความปลอดภัย',
+	more: 'เพิ่มเติม',
+	chuyu1: 'จากผลลัพธ์ของข้อมูล Super Cloud วงล้อเข็มทิศ 6 สีประเมินว่าปัจจุบันหุ้นตัวนี้อยู่ในเขต',
+	chuyu2: 'ระดับความปลอดภัยอยู่ในระดับ',
+	dengji1: 'โซนแนวรับอ่อนแอแนวต้านแข็งแกร่ง',
+	dengji2: 'โซนแนวรับอ่อนแอแนวต้านปานกลาง',
+	dengji3: 'โซนแนวรับอ่อนแอแนวต้านอ่อนแอ',
+	dengji4: 'โซนแนวรับแข็งแกร่งแนวต้านแข็งแกร่ง',
+	dengji5: 'โซนแนวรับแข็งแกร่งแนวต้านปานกลาง',
+	dengji6: 'โซนแนวรับแข็งแกร่งแนวต้านอ่อนแอ',
+	dengji7: 'เสี่ยงสูงมาก',
+	dengji8: 'ค่อนข้างเสี่ยง',
+	dengji9: 'เสี่ยงกลาง',
+	dengji10: 'ปลอดภัยปกติ',
+	dengji11: 'ปลอดภัย',
+	dengji12: 'ปลอดภัยมาก',
+	yali: 'แนวรับแนวต้าน',
+	yali1: 'จากผลลัพธ์โมเดลชิปของ Big Data Super Cloud',
+	yali2: 'ราคาหุ้นล่าสุดคือ',
+	yali3: 'แนวต้านของหุ้นอยู่ที่',
+	yali_contral: 'ส่วนแนวรับของหุ้นอยู่ที่',
+	yali4: 'โดยแนวต้านค่อนข้างอ่อนแอ หากมีการเพิ่มปริมาณการซื้อขาย อาจมีโอกาสที่จะสามารถทะลุต้านได้ ',
+	yali5: 'แนวต้านแข็งแกร่งปานกลาง ต้องการปริมาณการซื้อขายจำนวนมากถึงจะสามารถทะลุต้านได้ ',
+	yali6: 'โดยแนวต้านค่อนข้างแข็งแกร่ง ต้องมีแรงซื้อจำนวนมาก ถึงจะสามารถทะลุต้านได้ ',
+	yali7: 'แนวรับค่อนข้างอ่อน.',
+	yali8: 'แนวรับค่อนข้างแข็งแกร่งปานกลาง.',
+	yali9: 'ซึ่งแนวรับค่อนข้างแข็งแกร่ง.',
+	yali10: 'โดยแนวต้านค่อนข้างอ่อนแอ',
+	yali11: 'แนวต้านแข็งแกร่งปานกลาง',
+	yali12: 'โดยแนวต้านค่อนข้างแข็งแกร่ง',
+	yali13: 'ขณะนี้ยังไม่มีข้อมูล',
+	qushi: 'วิเคราะห์แนวโน้ม',
+	qushitext1: 'หุ้นตัวนี้ระยะกลางและระยะยาวอยู่ในช่วง',
+	qushitext2: 'แนวโน้มขาขึ้น,',
+	qushitext3: 'ส่วนระยะสั้นอยู่ใน',
+	qushitext4: 'สภาวะแข็งแกร่ง.',
+	qushitext5: 'แนวโน้มขาลง,',
+	qushitext6: 'สถานะอ่อนแอ.',
+	zhuangjia: 'ต้นทุนรายใหญ่',
+	zhuangjia1:
+		'จากผลลัพธ์โมเดลชิปของ Big Data Super Cloud ต้นทุนของรายใหญ่ ในระยะกลางและระยะยาวอยู่ที่',
+	zhuangjia2: 'ต้นทุนระยะสั้นอยู่ที่',
+	zhuangjia3: 'หุ้นตัวนี้พบมีชิปกระจุกตัว,',
+	zhuangjia4: 'หุ้นตัวนี้พบมีชิปค่อนข้างกระจุกตัว,',
+	zhuangjia5: 'หุ้นตัวนี้พบมีชิปค่อนข้างกระจายตัว,',
+	zhuangjia6: 'หุ้นตัวนี้พบมีชิปกระจายตัว,',
+	zhuangjia7: 'ส่วนราคาต้นทุนของวันอยู่ที่',
+	zhibiaojieshao: 'การแนะนำอินดิเคเตอร์',
+	qingxujiazhi: 'คุณค่าทางอารมณ์',
+	qingxujiazhi1: 'จากผลลัพธ์โมเดลชิปของ Big Data Super Cloud ,',
+	qingxujiazhi2: 'ช่วงนี้ชิปทำกำไรอย่างเห็นได้ชัด และมีการขายทำกำไรในช่วงระยะสั้นค่อนข้างชัดเจน.',
+	qingxujiazhi3:
+		'ชิปทำกำไรเพิ่มขึ้น การทำกำไรของนักลงทุนนั้นไม่ชัดเจน ความเสถียรของนักลงทุนอยู่ในระดับค่อนข้างดี.',
+	qingxujiazhi4: 'ในช่วงนี้ชิปทำกำไรลดลง และมีขายทำกำไรในช่วงระยะสั้นค่อนข้างชัดเจน.',
+	qingxujiazhi5:
+		'ชิปทำกำไรเพิ่มขึ้น การทำกำไรของนักลงทุนนั้นไม่ชัดเจน ความเสถียรของนักลงทุนอยู่ในระดับค่อนข้างดี.',
+	qingxujiazhi6:
+		'ในช่วงนี้ชิปติดดอยเพิ่มขึ้นอย่างชัดเจน นักลงทุนที่ขาดทุนมีแนวโน้มที่จะขายหุ้นออกอย่างชัดเจน.',
+	qingxujiazhi7:
+		'ในช่วงนี้ชิปติดดอยเพิ่มขึ้นอย่างชัดเจน นักลงทุนออกจากตลาดนั้นไม่ชัดเจน มีชิปติดดอยอยู่.',
+	qingxujiazhi8: 'ในช่วงนี้ชิปติดดอยเริ่มลดลง มีเงินทุนใหม่เข้ามาและชิปติดดอยเบาบางลง.',
+	qingxujiazhi9:
+		'ชิปติดดอยลดลง ซึ่งการทำกำไรในช่วงระยะสั้นนั้นไม่ชัดเจน และนักลงทุนส่วนใหญ่อยู่ในสถานะที่กำลังรอดูสถานการณ์อยู่.',
+	//夺宝利剑
+	gongnengshuoming: 'คำอธิบายฟังก์ชั่น',
+	feitian: 'Flying Sky function',
+	liucaishenlong: 'Multi-Colour Dragon',
+	red: 'แท่งสีแดง:Profitable chips(เงินทุนของรายใหญ่)',
+	purple: 'เส้นสีม่วง:เส้นค่าเฉลี่ย10วันของรายใหญ่',
+	blue: 'เส้นสีฟ้า:เส้นค่าเฉลี่ย 10 วันของผู้ติดดอย',
+	yellow: 'แท่งเหลือง:Floating chips(รายย่อยเกร็งกำไร)',
+	green: 'แท่งสีเขียว:Locked chips(ผู้ติดดอย)',
+	pink: 'เส้นสีชมพู:เส้นค่าเฉลี่ย 10 วันของรายย่อยเกร็งกำไร',
+	bodongliang: 'Volitility CJ ประกอบด้วย',
+	gongneng: 'Volitility CJประกอบด้วย สีแดง คือ แรงซื้อ สีเขียว คือ แรงขาย Volitility CJ Line',
+	tebietongzhi: 'ประกาศพิเศษ',
+	tongzhi1: 'เรียน ผู้ใช้งานที่เคารพ',
+	tongzhi2:
+		'"คำอธิบายเพิ่มเติม:เรียน ผู้ใช้งานที่เคารพ เรายินดีอย่างยิ่งที่จะแจ้งให้ท่านทราบว่าฟังก์ชัน "Treasure Sword" ในช่วงเวลานี้ได้เปิดให้ทดลองใช้งานแบบจำกัดเวลา!ท่านจะได้สัมผัสกับฟังก์ชันใหม่ฟรี และสามารถรับรู้ถึงเสน่ห์อันเป็นเอกลักษณ์และทรงคุณค่า',
+	tongzhi3: 'ระยะเวลาทดลองใช้งาน',
+	tongzhi4: 'เวลาเริ่มต้น:ตั้งแต่วันนี้ (02/08/2024)',
+	tongzhi5: 'เวลาสิ้นสุด:โปรดติดตามการประกาศอีกครั้ง',
+	tongzhi6: 'ไฮไลท์ฟังก์ชัน',
+	tongzhi7:
+		'คือ การศึกษาพฤติกรรมต่าง ๆ ของรายใหญ่อย่างละเอียด โดยทุกการกระทำของรายใหญ่ไม่สามารถปกปิดข้อมูลได้! ขอให้ท่านใช้งานอย่างมีความสุข',
+	tongzhi8:
+		'มาพร้อมกับโมเดล AI Big Dataแบบใหม่ โดยอาศัยการวิเคราะห์ถึงเชิงลึกของตรรกะการทำกำไรเบื้องหลังการเคลื่อนไหวของราคาหุ้น ซึ่งได้รับการยกย่องว่าเป็น "เส้นค่าเฉลี่ย AI อัจฉริยะที่ฉลาดที่สุด"',
+	tongzhi9: 'ขอให้ท่านใช้งานอย่างมีความสุข!',
+	tongzhi10: 'ทีมวิจัยและพัฒนาอัจฉริยะHomily',
+	tongzhi11:
+		'เรายินดีอย่างยิ่งที่จะแจ้งให้ท่านทราบว่าฟังก์ชัน "AI คาดการณ์อัจฉริยะ" ในช่วงเวลานี้ได้เปิดให้ทดลองใช้งานแบบจำกัดเวลา!ท่านจะได้สัมผัสกับฟังก์ชันใหม่ฟรี และสามารถรับรู้ถึงเสน่ห์อันเป็นเอกลักษณ์และทรงคุณค่า',
+	tongzhi12:
+		'AI คาดการณ์อัจฉริยะถือว่าเป็นเครื่องมือคาดการณ์เชิงนวัตกรรม ที่ได้ลบล้างทฤษฏีการคาดการณ์ตลาดแบบดั้งเดิม โดยใช้วิธีการเรียนรู้เชิงลึกและอัลกอริทึมขั้นสูง เพื่อเจาะลึกข้อมูลในอดีตพร้อมกับการตรวจจับรูปแบบและแนวโน้มที่ซ่อนอยู่ในชุดข้อมูลที่ยากจะตระหนักรู้ได้อย่างแม่นยำ ถึงแม้จะเผชิญกับตลาดที่มีการเปลี่ยนแปลงอย่างรวดเร็วก็สามารถปรับกลยุทธ์ได้ทันที โดยคาดการณ์จุดสูงสุดและจุุดต่ำสุดที่กำลังจะเกิดขึ้น',
+	//AI预测
+	aiyuce: 'จากการประเมินผลของ AI คาดการณ์อัจฉริยะ,',
+	gujia: 'ราคาหุ้น',
+	stockPricePrediction: 'Stock Price Prediction',
+	timeSpacePrediction: 'Time-Space Prediction',
+	bodongfenxi: 'การวิเคราะห์ความผันผวนของราคาหุ้น',
+	jinrishangzhanglv: 'เพิ่มขึ้นล่าสุด ความน่าจะเป็น',
+	yucejia: 'คาดการณ์ราคา',
+	zuigaojia: 'ราคาสูงสุด',
+	zuidijia: 'ราคาต่ำสุด',
+	weilaizhangdiegailv: 'ความน่าจะเป็นการขึ้นหรือลงในอนาคต',
+	ri5: '5 Days',
+	ri13: '13 Days',
+	ri21: '21 Days',
+	lishibodongqujian: 'ประวัติความผันผวน โซน',
+	shangzhanggailv: 'ความน่าจะเป็นที่เพิ่มขึ้น',
+	gaodian: 'Highs',
+	didian: 'Lows',
+	jiage1: 'ราคาล่าสุด:',
+	jiage2: 'ราคาขาย',
+	jiage3: 'ราคาซื้อกลับ',
+	jiage4: 'คาดการณ์ราคาต่ำ1',
+	jiage5: 'คาดการณ์ราคาต่ำ2',
+	jiage6: 'คาดการณ์ราคาสูง1 ',
+	jiage7: 'คาดการณ์ราคาสูง2',
+	//skyc
+	bt: 'AIการสั่นพ้องของเวลาและช่องว่าง',
+	gnjx: 'คำอธิบายฟังก์ชัน',
+	gnjx_nr1: 'การสั่นพ้องของเวลาและช่องว่าง',
+	gnjx_nr2:
+		',ผสมผสานเทคโนโลยี AI ที่ทันสมัยที่สุดเข้ากับทฤษฎีการสั่นพ้องของเวลาและช่องว่าง จุดมุ่งหมายหลักคือการนำทฤษฎีการสั่นพ้องนี้มาใช้ในการวิเคราะห์,',
+	gnjx_nr3: 'เพื่อค้นหาและระบุจุดเปลี่ยนสำคัญในตลาด',
+	gnjx_nr4: 'หรือกระบวนการทางการลงทุน AIนี้เป็นเสมือน',
+	gnjx_nr5: '"ตาแห่งอนาคต"',
+	gnjx_nr6: 'ที่มีความสามารถในการคาดการณ์ที่ลึกซึ้ง เปิดมุมมองใหม่ในการวิเคราะห์ตลาดหุ้น.',
+	// gnjx_nr:
+	// 	'AI การสั่นพ้องของเวลาและช่องว่าง ผสมผสานเทคโนโลยี AI ที่ทันสมัยที่สุดเข้ากับทฤษฎีการสั่นพ้องของเวลาและช่องว่าง จุดมุ่งหมายหลักคือการนำทฤษฎีการสั่นพ้องนี้มาใช้ในการวิเคราะห์ เพื่อค้นหาและระบุจุดเปลี่ยนสำคัญในตลาด หรือกระบวนการทางการลงทุน AIนี้เป็นเสมือน "ตาแห่งอนาคต" ที่มีความสามารถในการคาดการณ์ที่ลึกซึ้ง เปิดมุมมองใหม่ในการวิเคราะห์ตลาดหุ้น',
+	jl: 'จุดเปลี่ยนทิศทางของตลาดคือ:',
+	jl_1: 'เหลืออีก',
+	jl_2: '',
+	wlyc1: 'ฟังก์ชันการคาดการณ์อนาคตนี้',
+	wlyc2: ',ถือเป็นนวัตกรรมที่เต็มไปด้วยความคิดสร้างสรรค์และจินตนาการ',
+	wlyc3: 'โดยมีหลักการคือ การผสานอัลกอริทึม高',
+	wlyc4: 'กับ',
+	wlyc6:
+		'ที่ผ่านการพัฒนามาเป็นอย่างดี เพื่อค้นหารูปแบบที่ซ่อนอยู่ในข้อมูลจำนวนมหาศาลให้ออกมาได้อย่างสมบูรณ์แบบ และเปิดเผยกฎเกณฑ์ภายในเพื่อสนับสนุนการคาดการณ์ในอนาคต สามารถช่วยให้นักลงทุนคว้า',
+	wlyc7: 'โอกาสสำคัญที่ไม่แน่นอนในตลาด',
+	wlyc8: ',และทำการตัดสินใจ',
+	wlyc9: 'ได้อย่างแม่นยำและรอบคอบที่สุด.',
+
+	// wlyc: 'ฟังก์ชันการคาดการณ์อนาคตนี้ ถือเป็นนวัตกรรมที่เต็มไปด้วยความคิดสร้างสรรค์และจินตนาการ โดยมีหลักการคือ การผสานอัลกอริทึมเข้ากับเทคโนโลยี AI ที่ผ่านการพัฒนามาเป็นอย่างดี เพื่อค้นหารูปแบบที่ซ่อนอยู่ในข้อมูลจำนวนมหาศาลให้ออกมาได้อย่างสมบูรณ์แบบ และเปิดเผยกฎเกณฑ์ภายในเพื่อสนับสนุนการคาดการณ์ในอนาคต สามารถช่วยให้นักลงทุนคว้าโอกาสสำคัญที่ไม่แน่นอนในตลาด และทำการตัดสินใจได้อย่างแม่นยำและรอบคอบที่สุด',
+	//全球指数
+	daima: 'รหัสโค้ด:',
+	gupiao: 'ชื่อ:',
+	up: '%change:',
+	now_price: 'ราคาล่าสุด:',
+	searchCode: 'กรุณากรอกชื่อหุ้น/รหัสโค้ด',
+	mostViewed: 'ยอดเข้าชมมากที่สุด',
+	//学习视频专区
+	toLearn: 'หากไม่ทราบวิธีการใช้งาน？ คลิกที่นี่เพื่อเรียนรู้เพิ่มเติม >',
+	learn: 'เรียนรู้',
+	toLogin: 'Go to log in',
+	login: 'Log in',
+	// AI探牛
+	aifindCow: 'AI สำรวจหุ้นกระทิง',
+	duanluo:
+		'ใช้เทคโนโลยี AIขั้นสูงและการวิเคราะห์ข้อมูลเพื่อระบุจุดเปลี่ยนของตลาดอย่างแม่นยำ ในสภาวะตลาดที่ผันผวนและซับซ้อน เพื่อแยกโอกาสการลงทุนที่แท้จริง มอบมุมมองใหม่ในการลงทุนให้กับนักลงทุน ทำให้การลงทุนมีประสิทธิภาพและมีเสถียรภาพมากยิ่งขึ้น',
+	gujiayuce_red: 'สีแดง: แท่งเทียนเชิงรุก ฝ่ายซื้อเริ่มการโจมตี',
+	gujiayuce_yello: 'สีเหลือง: แท่งเทียนป้องกัน จุดสำคัญสุดท้ายของการป้องกัน',
+	gujiayuce_blue: 'สีน้ำเงิน: แท่งเทียนขับเคลื่อน ถือครองต่อเนื่องตราบใดที่ยังเป็นสีน้ำเงิน',
+	cyan: 'สีฟ้าอ่อน: แท่งเทียนถอย ควรขายออกทั้งหมด',
+	findcowrope: 'เชือกจูงกระทิง: สีแดงแสดงแนวโน้มขาขึ้น สีเขียวแสดงแนวโน้มขาลง',
+	title_2: 'การแนะนำฟังก์ชัน',
+	Klinetext_1: 'แท่งเทียนเชิงรุก',
+	Klinetext_2: 'แท่งเทียนเชิงรับ',
+	Klinetext_3: 'แท่งเทียนขับเคลื่อน',
+	Klinetext_4: 'แท่งเทียนถอย',
+	Klinetext_5: 'Dragon line',
+	Klinetext_6: 'Worm line',
+	FCX: 'เชือกจูงกระทิง',
+	overText_1:
+		'"AI สำรวจหุ้นกระทิง" เป็นฟีเจอร์ที่ต้องเสียค่าใช้จ่าย ตลาดที่สามารถใช้งานได้จะตรงกับข้อมูลในเวอร์ชัน Cloud ของซอฟต์แวร์ Homily ของคุณ! กรุณาทราบไว้!',
+	// overText_2: 'เริ่มต้น: ตั้งแต่วันนี้ (12 พฤศจิกายน 2024)',
+	tiaoguo: 'ข้าม',
+	xiayiye: 'ถัดไป',
+	shangyiye: 'ก่อนหน้า',
+	kaishitiyan: 'เข้าใช้งาน',
+	overText_2: 'เริ่มต้น: ',
+	overText_3: 'เวลาสิ้นสุด:',
+	// 二期首页
+	zcw: 'ระดับการสนับสนุน',
+	ylw: 'ระดับความดัน',
+	cnxs: 'เดาว่าคุณต้องการค้นหา',
+	searchName: 'ไปที่ค้นหาการถือครองหุ้นของคุณ',
+	dqcb: 'ค่าใช้จ่ายระยะสั้น ',
+	zcqcb: 'ต้นทุนระยะกลางและระยะยาว ',
+	new_yali7: 'แนวรับค่อนข้างอ่อน',
+	new_yali8: 'แนวรับค่อนข้างแข็งแกร่งปานกลาง',
+	new_yali9: 'ซึ่งแนวรับค่อนข้างแข็งแกร่ง',
+	new_zhuangjia3: 'หุ้นตัวนี้พบมีชิปกระจุกตัว',
+	new_zhuangjia4: 'หุ้นตัวนี้พบมีชิปค่อนข้างกระจุกตัว',
+	new_zhuangjia5: 'หุ้นตัวนี้พบมีชิปค่อนข้างกระจายตัว',
+	new_zhuangjia6: 'หุ้นตัวนี้พบมีชิปกระจายตัว',
+	//AI探牛金牛版
+	goldCow: 'AI กระทิงทอง',
+	yiGn: 'ด้วย',
+	AIjianduan: 'เทคโนโลยี AI ที่ล้ำสมัย',
+	heGn: 'และ',
+	zhishitupu: 'การวิเคราะห์กราฟแผนภูมิ',
+	contentGN1:
+		'เป็นแกนหลัก สามารถระบุจุดเปลี่ยนแปลงเชิงรุกและเชิงรับของตลาดได้อย่างแม่นยำ ราวกับเป็นแสงสว่างที่ชี้ทางไปยังจุดที่มีโอกาสลงทุนในสภาวะตลาดที่ซับซ้อนและผันผวน เทคโนโลยีนี้สามารถกำจัดข้อมูลที่ไม่ถูกต้องและรักษาข้อมูลที่แท้จริงไว้ได้ ทำให้สามารถระบุโอกาสการลงทุนที่แท้จริงได้ .',
+	GN: 'Golden Bull',
+	contentGN2:
+		'ไม่เพียงแต่เปิดมุมมองการลงทุนใหม่ให้กับนักลงทุน แต่ยังทำให้เส้นทางการลงทุนมีความมั่นคงและมีประสิทธิภาพ นำพานักลงทุนทุกคนไปสู่เส้นทางแห่งความสำเร็จได้อย่างรวดเร็ว".',
+	ndaoxiaoshi: 'กระทิงทดลอง: เข้าใจรหัสพันธุกรรมของหุ้นกระทิงและคาดการณ์ดาวรุ่งแห่งตลาดหุ้นในอนาคต',
+	danyouxing:
+		'กระทิงเปล่งประกาย: สะท้อนถึงการพุ่งทะยานของหุ้นกระทิง และคว้าช่วงเวลาแห่งความสำเร็จในช่วงขาขึ้น',
+	jinnsongfu:
+		'กระทิงทองมอบโชค: พร้อมพลังแห่งการเพิ่มขึ้นเท่าตัว เป็นสัญญาณเริ่มต้นของบทใหม่ในความทะยานอย่างยิ่งใหญ่ของหุ้น',
+	yinbeiliang:
+		'Volumeแท่งแดงเท่าตัว: ปริมาณซื้อขายวันนี้เพิ่มขึ้นสองเท่าหรือมากกว่าวันก่อนหน้า (แท่งแดง)',
+	yangbeiliang:
+		'Volumeแท่งเขียวเท่าตัว: ปริมาณซื้อขายวันนี้เพิ่มขึ้นสองเท่าหรือมากกว่าวันก่อนหน้า (แท่งเขียว)',
+	huiyuanzhaunxiang: 'สิทธิพิเศษเฉพาะสมาชิก Homily',
+	yidaoqi: 'ฟังก์ชันนี้หมดอายุการใช้งานแล้ว',
+	fufeizanwuquanxian: 'ฟังก์ชันนี้สำหรับผู้ใช้งานแบบชำระเงิน คุณยังไม่มีสิทธิ์ใช้งาน',
+	zanwushichangquanxian: 'ขณะนี้คุณยังไม่มีสิทธิ์เข้าถึงตลาดนี้',
+	zanwugaiquanxian: 'ขณะนี้คุณยังไม่มีสิทธิ์ใช้งานฟังก์ชันนี้',
+	chengjiaoliang: 'Trading volume',
+	jinntitle1: 'Bullish stock Monster-revealing mirror',
+	jinntitle2: 'หุ้นกระทิงคลั่ง',
+	gupiaonoresult: 'ขณะนี้ยังไม่มีข้อมูล กรุณาติดต่อฝ่ายบริการลูกค้า',
+	jinnqibao: 'golden bull boom',
+	dunchi: 'ไม้บรรทัดหุ้นกระทิง: มาตรฐานสำหรับวัดหุ้นกระทิง.',
+	DNC: 'ไม้บรรทัดวัว',
+	dunqu: 'Bull Zone',
+	aiRadar: 'The AI radar',
+	tiangui: 'Heaven Track',
+	digui: 'Earth Track',
+	leidagongnengliangdian1:
+		'The AI radar,through dimensionality elevation analysis, elevates market data to a higher dimension, enabling it to overcome spatial barriers and provide investors with a comprehensive and in-depth investment perspective. It accurately reveals the real investment opportunities hidden in the complex market, helping investors understand market trends. At the same time, the dimensionality reduction strike function of the AI radar simplifies complex market information, allowing investors to quickly grasp key information in the rapidly changing market environment and make wise and timely investment decisions. Crossing space and seeing through the future, the AI radar is undoubtedly a powerful assistant for investors.',
+	tianguimiaoshu1: 'Heaven and Earth Double Tracks: Composed of two curves in total.',
+	tianguimiaoshu2:
+		'The upper blue line is the Heaven Track, representing the price space control line of the bullish major institutions.',
+	tianguimiaoshu3:
+		'The lower yellow line is the Earth Track, representing the price space control line of the bearish major institutions.',
+	tanbao: 'Treasure Hunting:',
+	tiandishaungxian:
+		'Heaven and Earth Double Tracks: This indicator ingeniously integrates space-time factors, reflecting the laws of stock price fluctuations in a novel form, and giving early warnings of the bottom precursors and top alerts of stock price movements.',
+	tancei:
+		'Detection: It refers to the in-depth analysis and identification of specific areas and targets, aiming to identify and confirm the primary, secondary, and tertiary bottoms of stock prices. These levels reflect different depths of stock price declines and possible rebound strengths.',
+	saoshe:
+		'Scanning: It is the process of quickly searching for and tracking targets within a certain range, with the aim of discovering acceleration points of different intensities. The intensities of these acceleration points increase in sequence when scanning to the right, to the left, and upwards.',
+	tanbao1: 'Treasure Hunting',
+	overText_11:
+		'"AI กระทิงทอง" เป็นฟีเจอร์ที่ต้องเสียค่าใช้จ่าย ตลาดที่สามารถใช้งานได้จะตรงกับข้อมูลในเวอร์ชัน Cloud ของซอฟต์แวร์ Homily ของคุณ! กรุณาทราบไว้!',
+	overText_12:
+		'"The AI radar" เป็นฟีเจอร์ที่ต้องเสียค่าใช้จ่าย ตลาดที่สามารถใช้งานได้จะตรงกับข้อมูลในเวอร์ชัน Cloud ของซอฟต์แวร์ Homily ของคุณ! กรุณาทราบไว้!',
+	zhutuqiangshixinhao: 'main chart K line',
+	shezhikxian: 'candle settings',
+	quxiao: '取消',
+	queding: '确定',
+	aiEmotion: 'โมเดลอารมณ์ AI',
+	ait: 'เทอร์โมมิเตอร์ตลาดหุ้น',
+	aie: 'ตัวถอดรหัสอารมณ์'
+}
diff --git a/src/lang/type.ts b/src/lang/type.ts
new file mode 100644
index 0000000..ed287f2
--- /dev/null
+++ b/src/lang/type.ts
@@ -0,0 +1,188 @@
+//类型校验
+export interface LanguagePack {
+	suoxie: string
+	language: string
+	greeting: string
+	//首页
+	sousuo: string
+	content_1: string
+	content_2: string
+	content_3: string
+	content_4: string
+	content_5: string
+	content_6: string
+	content_7: string
+	content_8: string
+	//公共
+	shuru: string
+	guzhi: string
+	yunnaotanmi: string
+	jigoudongxiang: string
+	duobaolijian: string
+	aidamoxing: string
+	feixian: string
+	zhoongxian: string
+	liuxian: string
+	tianxian: string
+	maipan: string
+	maipan1: string
+	huolichouma: string
+	fudongchouma: string
+	taolaochouma: string
+	kai: string
+	shou: string
+	gao: string
+	di: string
+	liuselp: string
+	gupiaoguzhi: string
+	qushi1: string
+	qushi2: string
+	qushi3: string
+	dangrigujia: string
+	gupiaodaima: string
+	riqi: string
+	zhangdieefu: string
+	zhangdiebaifenbi: string
+	//机构动向
+	dangrizijin: string
+	dangriduofangzijin: string
+	liuru: string
+	zhulizijin: string
+	zhulixichou: string
+	zhuangsanduijue: string
+	//云脑探秘
+	anquanjibei: string
+	more: string
+	chuyu1: string
+	chuyu2: string
+	dengji1: string
+	dengji2: string
+	dengji3: string
+	dengji4: string
+	dengji5: string
+	dengji6: string
+	dengji7: string
+	dengji8: string
+	dengji9: string
+	dengji10: string
+	dengji11: string
+	dengji12: string
+	yali: string
+	qushi: string
+	zhuangjia: string
+	zhibiaojieshao: string
+	qingxujiazhi: string
+	//夺宝利剑
+	gongnengshuoming: string
+	feitian: string
+	liucaishenlong: string
+	red: string
+	purple: string
+	blue: string
+	yellow: string
+	green: string
+	pink: string
+	bodongliang: string
+	gongneng: string
+	tebietongzhi: string
+	tongzhi1: string
+	tongzhi2: string
+	tongzhi3: string
+	tongzhi4: string
+	tongzhi5: string
+	tongzhi6: string
+	tongzhi7: string
+	tongzhi8: string
+	tongzhi9: string
+	tongzhi10: string
+	tongzhi11: string
+	tongzhi12: string
+	//AI预测
+	stockPricePrediction: string
+	timeSpacePrediction: string
+	bodongfenxi: string
+	jinrishangzhanglv: string
+	yucejia: string
+	zuigaojia: string
+	tonzuidijiagzhi3: string
+	weilaizhangdiegailv: string
+	ri5: string
+	ri13: string
+	ri21: string
+	lishibodongqujian: string
+	shangzhanggailv: string
+	gaodian: string
+	didian: string
+	jiage1: string
+	jiage2: string
+	jiage3: string
+	jiage4: string
+	jiage5: string
+	jiage6: string
+	jiage7: string
+	//skyc
+	bt: string
+	gnjx: string
+	gnjx_nr: string
+	jl: string
+	jl_1: string
+	jl_2: string
+	wlyc_bt: string
+	wlyc: string
+	//全球指数
+	daima: string
+	gupiao: string
+	up: string
+	now_price: string
+	searchCode: string
+	mostViewed: string
+	//AI探牛
+	aifindCow: string
+	duanluo: string
+	gujiayuce_red: string
+	gujiayuce_yello: string
+	gujiayuce_blue: string
+	cyan: string
+	findcowrope: string
+	title_2: string
+	Klinetext_1: string
+	Klinetext_2: string
+	Klinetext_3: string
+	Klinetext_4: string
+	Klinetext_5: string
+	Klinetext_6: string
+	FCX: string
+	//AI探牛金牛版
+	goldCow: string
+	ndaoxiaoshi: string
+	danyouxing: string
+	jinnsongfu: string
+	yinbeiliang: string
+	yangbeiliang: string
+	yiGn: string
+	AIjianduan: string
+	heGn: string
+	zhishitupu: string
+	contentGN1: string
+	GN: string
+	contentGN2: string
+	huiyuanzhaunxiang: string
+	yidaoqi: string
+	fufeizanwuquanxian: string
+	zanwushichangquanxian: string
+	zanwugaiquanxian: string
+	countryNames: string
+	chengjiaoliang: string
+	jinntitle1: string
+	jinntitle2: string
+	gupiaonoresult: string
+	jinnqibao: string
+	dunchi: string
+	DNC: string
+	dunqu: string
+	aiRadar: string
+	tiangui: string
+	digui: string
+	leidagongnengliangdian1: string
+	leidagongnengliangdian2: string
+}
diff --git a/src/lang/zhcn.ts b/src/lang/zhcn.ts
new file mode 100644
index 0000000..fbf970e
--- /dev/null
+++ b/src/lang/zhcn.ts
@@ -0,0 +1,364 @@
+//中文简体
+export default {
+	language: '简体中文',
+	suoxie: 'cn',
+	greeting: '超级云脑',
+	greeting1: '夺宝利剑',
+	greeting2: 'AI预测大模型',
+	greeting3: 'AI探牛',
+	// 权限按钮
+	daoqi: '夺宝奇兵服务期限',
+	//首页
+	wei: '为：',
+	hotStocks: '热门股票',
+	content: '夺宝奇兵',
+	content_1: '“夺宝奇兵”是一款',
+	content_2: '高度智能化',
+	content_3:
+		'的股票分析工具，利用大数据、机器学习和人工智能技术，挖掘并解析股票市场的复杂性，以提供',
+	content_4: '精准',
+	content_5:
+		'的的压力支撑点，资金流向和趋势分析。“夺宝奇兵”凭借其精密的算法及高效的分析，正快速成为',
+	content_6: '股市投资者的绝佳助手',
+	content_7:
+		',它使投资者能够清楚地理解这些数据的真正含义，帮助投资者理解和掌握股市，助力投资者实现',
+	content_8: '高效、智慧的投资管理。',
+	global: '全球指数', // 没翻译
+	results: '根据超级云脑大数据计算引擎的结果：',
+	endTerm: '点击查看服务期限',
+	noTerms: '暂无权限',
+	//公共部分
+	shuru: '请输入股票名称/代码',
+	guzhi: '股票估值',
+	yunnaotanmi: '云脑探秘',
+	jigoudongxiang: '机构动向',
+	duobaolijian: '夺宝利剑',
+	aidamoxing: 'AI预测大模型',
+	feixian: '飞线',
+	zhoongxian: '中线',
+	liuxian: '流线',
+	tianxian: '天线',
+	maipan: '买盘',
+	maipan1: '卖盘',
+	kai: '开',
+	shou: '收',
+	gao: '高',
+	di: '低',
+	huolichouma: '获利筹码',
+	fudongchouma: '浮动筹码',
+	taolaochouma: '套牢筹码',
+	liuselp: '六色罗盘',
+	gupiaoguzhi: '股票估值',
+	qushi1: '趋势线1',
+	qushi2: '趋势线2',
+	qushi3: '趋势线3',
+	endDateText: '试用期限剩余:',
+	endTianShu: '天',
+	newUsers: '新用户注册可得30天使用权',
+	dangrigujia: '当日股价',
+	gupiaodaima: '股票代码',
+	riqi: '日期',
+	zhangdieedu: '涨跌额度',
+	zhangdiebaifenbi: '涨跌百分比',
+	//机构动向
+	dangrizijin: '当日资金',
+	dangriduofangzijin: '当日多方资金',
+	liuru: '流入',
+	liuchu: '流出',
+	zhulizijin: '主力资金',
+	zhulizijin1: '当前市场多头资金开始占优。',
+	zhulizijin2: '当前市场多头资金占优，且多头资金呈现持续流入状态。',
+	zhulizijin3: '当前市场多头资金占优，但多头资金出现撤退迹象, 主力似乎有洗盘的动作。',
+	zhulizijin4: '当前市场多头资金占优。',
+	zhulizijin5: '当前市场仍是多头资金占优，但多头资金出现持续流出。',
+	zhulizijin6: '当前市场多头资金占优，且多头资金再次开始流入。',
+	zhulizijin7: '当前市场空头资金开始占优。',
+	zhulizijin8: '当前市场空头资金占优，且空头力量呈增加趋势。',
+	zhulizijin9: '当前市场空头资金占优，主力似乎有砸盘的动作。',
+	zhulizijin10: '当前市场空头资金占优，但空头资金出现撤退迹象。',
+	zhulizijin11: '当前市场仍是空头资金占优。',
+	zhulizijin12: '当前市场仍是空头资金占优，但空头力量呈下降趋势。',
+	zhulizijin13: '当前市场空头资金占优，且空头力量再次呈增加趋势。',
+	zhulixichou: '主力吸筹',
+	zhulixichou1: '近日出现主力集中吸筹。',
+	zhulixichou2: '近日没有出现主力集中吸筹。',
+	zhuangsanduijue: '庄散对决',
+	zhuangsanduijue1: '近期主力持仓比例大于散户持仓比例。',
+	zhuangsanduijue2: '近期主力持仓比例小于散户持仓比例。',
+	zhuangsanduijue3: '当日主力持仓增加。',
+	zhuangsanduijue4: '当日主力持仓减少。',
+	zhuangsanduijue5: '当日散户持仓增加。',
+	zhuangsanduijue6: '当日散户持仓减少。',
+	//云脑探秘
+	anquanjibei: '安全级别',
+	more: '更多',
+	chuyu1: '根据超级云脑六色罗盘的全方位检测结果，该股当前处于',
+	chuyu2: '安全级别为',
+	dengji1: '弱撑强压区',
+	dengji2: '弱撑中压区',
+	dengji3: '弱撑弱压区',
+	dengji4: '强撑强压区',
+	dengji5: '强撑中压区',
+	dengji6: '强撑弱压区',
+	dengji7: '极高风险',
+	dengji8: '较高风险',
+	dengji9: '中等风险',
+	dengji10: '一般安全',
+	dengji11: '较为安全',
+	dengji12: '非常安全',
+	yali: '压力支撑',
+	yali1: '根据超级云脑大数据计算引擎的结果',
+	yali2: '该股当前股价为',
+	yali3: '该股压力位为',
+	yali_contral: '该股支撑位为',
+	yali4: '压力强度较弱，温和放量即可突破。',
+	yali5: '压力强度一般，需明显放量方可突破。',
+	yali6: '压力强度较大，需放出巨量方可有效突破。',
+	yali7: '支撑强度较弱。',
+	yali8: '支撑强度一般。',
+	yali9: '支撑强度较大。',
+	yali10: '压力强度较弱。',
+	yali11: '压力强度一般。',
+	yali12: '压力强度较大。',
+	yali13: '暂无数据',
+	qushi: '趋势研判',
+	qushitext1: '该股中长期处于',
+	qushitext2: '上升趋势，',
+	qushitext3: '短期处于',
+	qushitext4: '强势状态。',
+	qushitext5: '下降趋势，',
+	qushitext6: '弱势状态。',
+	zhuangjia: '庄家成本',
+	zhuangjia1: '根据超级云脑大数据筹码模型的结果，该股庄家中长期筹码成本价格为',
+	zhuangjia2: '短期资金成本价格为',
+	zhuangjia3: '该股筹码集中。',
+	zhuangjia4: '该股筹码较为集中。',
+	zhuangjia5: '该股筹码较为分散。',
+	zhuangjia6: '该股筹码分散。',
+	zhuangjia7: '当日筹码成本价格为',
+	zhibiaojieshao: '指标介绍',
+	qingxujiazhi: '情绪价值',
+	qingxujiazhi1: '根据超级云脑大数据筹码模型的结果，',
+	qingxujiazhi2: '近期获利筹码显著增加，短期获利了结抛售明显。',
+	qingxujiazhi3: '近期获利筹码显著增加，股民获利了结意愿不明显，筹码稳定性较好。',
+	qingxujiazhi4: '近期获利筹码出现减少，短期获利盘抛售明显。',
+	qingxujiazhi5: '近期获利筹码出现增加，股民获利了结意愿不明显，筹码稳定性较好。',
+	qingxujiazhi6: '近期套牢筹码显著增加，割肉离场筹码显著明显。',
+	qingxujiazhi7: '近期套牢筹码显著增加，股民离场意愿不明显，筹码被套牢锁定。',
+	qingxujiazhi8: '近期套牢筹码出现减少，有新资金入场吸货和前期套牢筹码进行摊薄。',
+	qingxujiazhi9: '近期套牢筹码出现减少，短期获利了解意愿不明显，多数筹码呈现观望状态。',
+	//夺宝利剑
+	gongnengshuoming: '功能说明',
+	feitian: '飞天功能',
+	liucaishenlong: '六彩神龙',
+	red: '红色柱线：获利筹码（主力资金）',
+	purple: '紫色柱线：获利筹码10日均线',
+	blue: '蓝色柱线：套牢筹码10日均线',
+	yellow: '黄色柱线：浮动筹码（游资）',
+	green: '绿色柱线：套牢筹码（散户资金）',
+	pink: '粉色柱线：浮动筹码10日均线',
+	bodongliang: '波动量',
+	gongneng: '波动量指标由红色的买盘、绿色的卖盘和能量波动线构成。',
+	tebietongzhi: '特别通知',
+	tongzhi1: '尊敬的用户',
+	tongzhi2:
+		'我们非常高兴地通知您，“夺宝利剑”模块现正开放限时体验！在此期间，您将免费体验这个全新功能，感受其独特魅力和强大功能。',
+	tongzhi3: '体验时间',
+	tongzhi4: '开始时间：即日起(2024年8月2日)',
+	tongzhi5: '结束时间：请持续关注后续通知',
+	tongzhi6: '功能亮点',
+	tongzhi7: '深度研究庄家的各种行为，让庄家的动作无处遁形。祝您使用愉快！',
+	tongzhi8: '搭载全新AI大数据模型，深入探究股价运行背后的盈利逻辑,被誉为“最聪明的AI智能均线”。',
+	tongzhi9: '祝您使用愉快！',
+	tongzhi10: '弘历智能研发团队',
+	tongzhi11:
+		'我们非常高兴地通知您，AI预测大模型模块现正开放限时体验！在此期间，您将免费体验这个全新功能，感受其独特魅力和强大功能。',
+	tongzhi12:
+		'AI预测大模型是一种创新的预测工具，颠覆了传统股市的预测理念，运用深度学习和先进算法，对历史数据进行深度挖掘，精准捕捉藏在数据之中的难以察觉的模式和趋势。即使面对市场的快速变化，也能迅速调整策略，预测出即将来到的高点和低点。',
+	//AI预测
+	aiyuce: '根据AI预测大模型测算，',
+	gujia: '股价',
+	stockPricePrediction: '股价预测',
+	timeSpacePrediction: '时空预测',
+	bodongfenxi: '股价波动分析',
+	jinrishangzhanglv: '近日上涨概率',
+	yucejia: '预测价：',
+	zuidijia: '最低价',
+	zuigaojia: '最高价',
+	weilaizhangdiegailv: '未来涨跌概率',
+	ri5: '5日',
+	ri13: '13日',
+	ri21: '21日',
+	lishibodongqujian: '历史波动区间',
+	shangzhanggailv: '上涨概率',
+	gaodian: '高点',
+	didian: '低点',
+	jiage1: '现价：',
+	jiage2: '卖出价',
+	jiage3: '买回价',
+	jiage4: '预测低一',
+	jiage5: '预测低二',
+	jiage6: '预测高一',
+	jiage7: '预测高二',
+	//skyc
+	bt: 'AI时空共振',
+	gnjx: '功能简介',
+	gnjx_nr1: 'AI时空共振',
+	gnjx_nr2: '，结合了最前沿的AI技术和时空共振理念，其主旨在于通过借鉴和运用时空共振理论的原理，',
+	gnjx_nr3: '精准探索和识别',
+	gnjx_nr4: '出特定情境、环境或过程中的变盘点。是一种具备',
+	gnjx_nr5: '深度预测能力',
+	gnjx_nr6: '的“未来眼”，为股市分析提供了一种全新的视角。',
+	jl: '下一个变盘点是：',
+	jl_1: '距离下下次股市变盘点还有',
+	jl_2: '',
+	wlyc1: '未来预测',
+	wlyc2: '，是一个充满创新与想象力的功能,其核心在于将',
+	wlyc3: '高阶数据科学',
+	wlyc4: '和',
+	wlyc5: 'AI科技',
+	wlyc6:
+		'相结合，利用经过训练的AI来找出隐藏在海量数据之中的模式，揭示内在规律，为预测提供强大的技术支持。使我们能够在变化莫测的世界中抓住',
+	wlyc7: '关键机遇',
+	wlyc8: '，做出最',
+	wlyc9: '科学决策。',
+	daima: '代码：',
+	gupiao: '名称：',
+	up: '涨幅：',
+	now_price: '现价：',
+	searchCode: '请输入股票名称/代码',
+	mostViewed: '浏览最多',
+	//学习视频专区
+	toLearn: '不知道应该如何使用？点击学习 >',
+	learn: '学习',
+	toLogin: '去登录',
+	login: '登录',
+	// AI探牛
+	aifindCow: 'AI探牛',
+	duanluo:
+		'以AI尖端技术和知识图谱分析为核心，精确识别市场攻防转换点，在复杂震荡行情中，去伪存真，识别真正的投资机会。为投资者提供投资新视角，让投资更加高效稳健。',
+	gujiayuce_red: '红色：进攻K线，多方展开进攻；',
+	gujiayuce_yello: '黄色：防守K线，多空临界点，最后的防守；',
+	gujiayuce_blue: '蓝色：推进K线，一直蓝一直持有；',
+	cyan: '青色：撤退K线，坚决空仓；',
+	findcowrope: '牵牛绳：红色表示上升趋势，绿色表示下降趋势。',
+	title_2: '功能介绍',
+	Klinetext_1: '进攻K线',
+	Klinetext_2: '防守K线',
+	Klinetext_3: '推进K线',
+	Klinetext_4: '撤退K线',
+	Klinetext_5: '龙线',
+	Klinetext_6: '虫线',
+	FCX: '牵牛绳',
+	overText_1: '“AI探牛”为付费功能，可用市场与您的弘历软件云版静态一致！敬请知悉！',
+	overText_2: '开始时间：',
+	overText_3: '结束时间：',
+	xinshouyunnaoText1: '轻松识别股票的压力支撑及安全级别，机构动向一览无余',
+	xinshoulijianText1: '一飞冲天，精准捕捉市场行情',
+	xinshouAiText1: '未来股价的及变盘点预测，一目了然',
+	xinshoutannText: '专为夺市场投资者量身打造的智能助手！',
+	tiaoguo: '跳过',
+	xiayiye: '下一页',
+	shangyiye: '上一页',
+	kaishitiyan: '开始体验',
+	// 二期首页
+	zcw: '支撑位',
+	ylw: '压力位',
+	cnxs: '猜你想搜',
+	searchName: '前往搜索所持股票',
+	dqcb: '短期成本',
+	zcqcb: '中长期成本',
+	new_yali7: '支撑强度较弱',
+	new_yali8: '支撑强度一般',
+	new_yali9: '支撑强度较大',
+	new_zhuangjia3: '该股筹码集中',
+	new_zhuangjia4: '该股筹码较为集中',
+	new_zhuangjia5: '该股筹码较为分散',
+	new_zhuangjia6: '该股筹码分散',
+	//AI探牛金牛版
+	goldCow: 'AI金牛',
+	yiGn: '以',
+	AIjianduan: 'AI尖端技术',
+	heGn: '和',
+	zhishitupu: '知识图谱分析',
+	contentGN1:
+		'为核心，精确识别市场攻防转换点，犹如明灯照亮金牛所在之处，在复杂震荡行情中，去伪存真，识别真正的投资机会。',
+	GN: '金牛版',
+	contentGN2:
+		'不仅为投资者开辟了全新的投资视野，更让投资之旅变得稳定且高效，是引领每一位投资者走向成功的快车道。',
+	ndaoxiaoshi: '牛刀小试：洞悉牛股基因，预判股市未来股市之星；',
+	danyouxing: '大牛有形：彰显牛股飙升之姿，把握迅猛上涨的辉煌阶段；',
+	jinnsongfu: '金牛送福：携翻倍拉升之威，预示个股将启壮阔上涨的辉煌篇章；',
+	yinbeiliang: '阴倍量：较昨日成交量放大一倍及以上（阴线）；',
+	yangbeiliang: '阳倍量：较昨日成交量放大一倍及以上（阳线）。',
+	huiyuanzhaunxiang: '弘历会员专享',
+	yidaoqi: '该功能已到期',
+	fufeizanwuquanxian: '付费功能，暂无权限',
+	zanwushichangquanxian: '您目前暂无该市场权限',
+	zanwugaiquanxian: '您暂无该功能权限',
+	chengjiaoliang: '成交量',
+	jinntitle1: '牛股照妖镜',
+	jinntitle2: '疯牛出栏',
+	gupiaonoresult: '暂无数据，请联系客服',
+	jinnqibao: '金牛起爆',
+	dunchi: '度牛尺：衡量牛股的标尺。',
+	DNC: '度牛尺',
+	dunqu: '度牛区',
+	aiRadar: 'AI雷达',
+	tiangui: '天轨',
+	digui: '地轨',
+	leidagongnengliangdian1:
+		'AI雷达，通过升维分析，将市场数据提升至更高维度，从而能够跨越空间障碍，为投资者提供全面且深入的投资视角。它精准地揭示隐藏在复杂市场中的真正投资机会，帮助投资者洞悉市场走势。同时，AI雷达的降维打击功能将复杂的市场信息简化，让投资者在瞬息万变的市场环境中迅速抓住关键信息，从而做出明智且及时的投资决策。跨越空间，透视未来，AI雷达无疑是投资者的得力助手。',
+	tianguimiaoshu1: '天地双轨：共由两条曲线组成。',
+	tianguimiaoshu2: '上方的蓝色线为天轨，代表着做多的主力机构对价格空间的控制线。',
+	tianguimiaoshu3: '下方的黄色线为地轨，代表着做空的主力机构对价格空间的控制线。',
+	tanbao: '探宝:',
+	tiandishaungxian:
+		'天地双线：该指标巧妙的融合了时空因素，用新颖的形式体现股价波动的规律，提前提示股价运动的底部前兆和顶部预警。',
+	tancei:
+		'探测：对特定区域和目标的深入分析和识别，旨在识别并确认股价的一级底部、二级底部和三级底部，这些级别反映了股价下跌的不同深和可能的反弹力度。',
+	saoshe:
+		'扫射：在一定范围内快速搜索和追踪目标的过程，目的是发现不同强度的加速点。这些加速点在向右扫描、向左扫描和向上扫描时，其强度依次增强。',
+	tanbao1: '探宝',
+	overText_11: '“AI金牛”为付费功能，可用市场与您的弘历软件云版静态一致！敬请知悉！',
+	overText_12: '“AI雷达”为付费功能，可用市场与您的弘历软件云版静态一致！敬请知悉！',
+	zhutuqiangshixinhao: '主图K线',
+	shezhikxian: 'k线设置',
+	quxiao: '取消',
+	queding: '确定',
+	aiEmotion: 'AI情绪大模型',
+	StockTemperature: '股票温度',
+	MarketTemperature: '市场温度',
+	CurrentStockPopularity: '当前股票热度为',
+	StockPopularity: '股票热度',
+	MarketPopularity: '市场热度',
+	StockMarketTemperatureTrend: '股市温度趋势',
+	TemperatureTrend: '温度趋势',
+	StockMarketTemperatureCalendar: '股市温度日历',
+	TemperatureCalendar: '温度日历',
+	FunctionOverview: '功能介绍',
+	FeatureHighlights: '功能亮点',
+	current1_1: '当前股票温度为',
+	current1: '处于狂热区间',
+	current2: '处于过热区间',
+	current3: '处于中性区间',
+	current4: '处于冷淡区间',
+	current5: '处于冰冷区间',
+	current2_1: '当前市场温度为',
+	current6: '行情处于狂热区间',
+	current7: '行情处于过热区间',
+	current8: '行情处于中性区间',
+	current9: '行情处于冷淡区间',
+	current10: '行情处于冰冷区间',
+	current11: '当前温度趋势说明',
+	yi: '周一',
+	er: '周二',
+	san: '周三',
+	si: '周四',
+	wu: '周五',
+	liu: '周六',
+	ri: '周日',
+	// WDRL: '当股票温度高于市场温度，日历背景色为紫色；当股票温度低于市场温度，日历背景色为蓝色；当股票温度等于市场温度，日历背景色为白色',
+	ait: '股票温度计',
+	aie: '情绪解码器'
+}
diff --git a/src/lang/zhhk.ts b/src/lang/zhhk.ts
new file mode 100644
index 0000000..f50fc15
--- /dev/null
+++ b/src/lang/zhhk.ts
@@ -0,0 +1,328 @@
+//中文繁体
+export default {
+	language: '繁体中文',
+	suoxie: 'hk',
+	greeting: '超級雲腦',
+	greeting1: '奪寶利劍',
+	greeting2: 'AI預測大模型',
+	// 权限按钮
+	daoqi: '奪寶奇兵服務期限',
+	//首页
+	wei: '為：',
+	hotStocks: '熱門股票',
+	sousuo: '請輸入股票名稱/代碼',
+	content: '奪寶奇兵',
+	content_1: '奪寶奇兵”是一款',
+	content_2: '高度智能化',
+	content_3:
+		'的股票分析工具，利用大數據、機器學習和人工智能技術，挖掘並解析股票市場的複雜性，以提供',
+	content_4: '精準',
+	content_5: '的壓力支撐點，資金流向和趨勢分析。“奪寶奇兵”憑藉其精密的算法及高效的分析，正快速成為',
+	content_6: '股市投資者的絕佳助手',
+	content_7:
+		'，它使投資者能夠清楚地理解這些數據的真正含義，幫助投資者理解和掌握股市，助力投資者實現',
+	content_8: '高效、智慧的投資管理。',
+	global: '全球指數', // 没翻译
+	results: '根據超級雲腦大數據計算引擎的結果：',
+	endTerm: '點擊查看服務期限',
+	noTerms: '暫無權限',
+	//公共
+	shuru: '請輸入股票名稱/程式碼',
+	guzhi: '股票估值',
+	yunnaotanmi: '雲腦探秘',
+	jigoudongxiang: '機構動向',
+	duobaolijian: '奪寶利劍',
+	aidamoxing: 'AI預測大模型',
+	feixian: '飛線',
+	zhoongxian: '中線',
+	liuxian: '流線',
+	tianxian: '天線',
+	maipan: '買盤',
+	maipan1: '賣盤',
+	huolichouma: '獲利籌碼',
+	fudongchouma: '浮動籌碼',
+	taolaochouma: '套牢籌碼',
+	kai: '開',
+	shou: '收',
+	gao: '高',
+	di: '低',
+	liuselp: '六色羅盤',
+	gupiaoguzhi: '股票估值',
+	qushi1: '趨勢線1',
+	qushi2: '趨勢線2',
+	qushi3: '趨勢線3',
+	endDateText: '試用期限剩餘：',
+	endTianShu: '天',
+	newUsers: '新用戶註冊可得30天使用權',
+	dangrigujia: '當日股價',
+	gupiaodaima: '股票代碼',
+	riqi: '日期',
+	zhangdieedu: '漲跌額度',
+	zhangdiebaifenbi: '漲跌百分比',
+	//机构动向
+	dangrizijin: '當日資金',
+	dangriduofangzijin: '當日多方資金',
+	liuru: '流入',
+	liuchu: '流出',
+	zhulizijin: '主力資金',
+	zhulizijin1: '當前市場多頭資金開始占優。',
+	zhulizijin2: '當前市場多頭資金占優，且多頭資金呈現持續流入狀態。',
+	zhulizijin3: '當前市場多頭資金占優，但多頭資金出現撤退迹象, 主力似乎有洗盤的動作。',
+	zhulizijin4: '當前市場多頭資金占優。',
+	zhulizijin5: '當前市場仍是多頭資金占優，但多頭資金出現持續流出。',
+	zhulizijin6: '當前市場多頭資金占優，且多頭資金再次開始流入。',
+	zhulizijin7: '當前市場空頭資金開始占優。',
+	zhulizijin8: '當前市場空頭資金占優，且空頭力量呈增加趨勢。',
+	zhulizijin9: '當前市場空頭資金占優，主力似乎有砸盤的動作。',
+	zhulizijin10: '當前市場空頭資金占優，但空頭資金出現撤退迹象。',
+	zhulizijin11: '當前市場仍是空頭資金占優。',
+	zhulizijin12: '當前市場仍是空頭資金占優，但空頭力量呈下降趨勢。',
+	zhulizijin13: '當前市場空頭資金占優，且空頭力量再次呈增加趨勢。',
+	zhulixichou: '主力吸籌',
+	zhulixichou1: '近日出現主力集中吸籌。',
+	zhulixichou2: '近日沒有出現主力集中吸籌。',
+	zhuangsanduijue: '莊散對決',
+	zhuangsanduijue1: '近期主力持倉比例大於散户持倉比例。',
+	zhuangsanduijue2: '近期主力持倉比例小於散户持倉比例。',
+	zhuangsanduijue3: '當日主力持倉增加。',
+	zhuangsanduijue4: '當日主力持倉減少。',
+	zhuangsanduijue5: '當日散户持倉增加。',
+	zhuangsanduijue6: '當日散户持倉減少。',
+	//云脑探秘
+	anquanjibei: '安全級別',
+	more: '更多',
+	chuyu1: '根據超級雲腦六色羅盤的全方位檢測結果，該股當前處於',
+	chuyu2: '安全級別為',
+	dengji1: '弱撐強壓區',
+	dengji2: '弱撐中壓區',
+	dengji3: '弱撐弱壓區',
+	dengji4: '强撐強壓區',
+	dengji5: '强撐中壓區',
+	dengji6: '强撐弱壓區',
+	dengji7: '極高風險',
+	dengji8: '較高風險',
+	dengji9: '中等風險',
+	dengji10: '一般安全',
+	dengji11: '較為安全',
+	dengji12: '非常安全',
+	yali: '壓力支撐',
+	yali1: '根據超級雲腦大數據計算引擎的結果',
+	yali2: '該股當前股價為',
+	yali3: '該股壓力位為',
+	yali_contral: '該股支撐位為',
+	yali4: '壓力強度較弱，温和放量即可突破。',
+	yali5: '壓力強度一般，需明顯放量方可突破。',
+	yali6: '壓力強度較大，需放出巨量方可有效突破。',
+	yali7: '支撐強度較弱。',
+	yali8: '支撐強度一般。',
+	yali9: '支撐強度較大。',
+	yali10: '壓力強度較弱。',
+	yali11: '壓力強度一般。',
+	yali12: '壓力強度較大。',
+	yali13: '暫無數據',
+	qushi: '趨勢研判',
+	qushitext1: '該股中長期處於',
+	qushitext2: '上升趨勢，',
+	qushitext3: '短期處於',
+	qushitext4: '強勢狀態。',
+	qushitext5: '下降趨勢，',
+	qushitext6: '弱勢狀態。',
+	zhuangjia: '莊家成本',
+	zhuangjia1: '根據超級雲腦大數據籌碼模型的結果，該股莊家中長期籌碼成本價格為',
+	zhuangjia2: '短期資金成本價格為',
+	zhuangjia3: '該股籌碼集中，',
+	zhuangjia4: '該股籌碼較為集中，',
+	zhuangjia5: '该股筹码较为分散，',
+	zhuangjia6: '該股籌碼較為分散，',
+	zhuangjia7: '當日籌碼成本價格為',
+	zhibiaojieshao: '名額介紹',
+	qingxujiazhi: '情緒價值',
+	qingxujiazhi1: '根據超級雲腦大數據籌碼模型的結果，',
+	qingxujiazhi2: '近期獲利籌碼顯著增加，短期獲利了結拋售明顯。',
+	qingxujiazhi3: '近期獲利籌碼顯著增加，股民獲利了結意願不明顯，籌碼穩定性較好。',
+	qingxujiazhi4: '近期獲利籌碼出現減少，短期獲利盤拋售明顯。',
+	qingxujiazhi5: '近期獲利籌碼出現增加，股民獲利了結意願不明顯，籌碼穩定性較好。',
+	qingxujiazhi6: '近期套牢籌碼顯著增加，割肉離場籌碼顯著明顯。',
+	qingxujiazhi7: '近期套牢籌碼顯著增加，股民離場意願不明顯，籌碼被套牢鎖定。',
+	qingxujiazhi8: '近期套牢籌碼出現減少，有新資金入場吸貨和前期套牢籌碼進行攤薄。',
+	qingxujiazhi9: '近期套牢籌碼出現減少，短期獲利了解意願不明顯，多數籌碼呈現觀望狀態。',
+	//夺宝利剑
+	gongnengshuoming: '功能說明',
+	feitian: '飛天功能',
+	liucaishenlong: '六彩神龍',
+	red: '紅色柱線：獲利籌碼（主力資金）',
+	purple: '紫色柱線：獲利籌碼10日均線',
+	blue: '藍色柱線：套牢籌碼10日均線',
+	yellow: '黃色柱線：浮動籌碼（遊資）',
+	green: '綠色柱線：套牢籌碼（散戶資金）',
+	pink: '粉色柱線：浮動籌碼10日均線',
+	bodongliang: '波動量',
+	gongneng: '波動量指標由紅色的買盤、綠色的賣盤和能量波動線構成。',
+	tebietongzhi: '特別通知',
+	tongzhi1: '尊敬的用戶',
+	tongzhi2:
+		'我們非常高興地通知您，“奪寶利劍”模塊現正開放限時體驗！在此期間，您將免費體驗這個全新功能，感受其獨特魅力和强大功能。',
+	tongzhi3: '體驗時間',
+	tongzhi4: '開始時間：即日起(2024年8月2日)',
+	tongzhi5: '結束時間：請持續關注後續通知',
+	tongzhi6: '功能亮點',
+	tongzhi7: '深度研究莊家的各種行為，讓莊家的動作無處遁形。祝您使用愉快！',
+	tongzhi8: '搭載全新AI大資料模型，深入探究股價運行背後的盈利邏輯，被譽為“最聰明的AI智慧均線”。',
+	tongzhi9: '祝您使用愉快！',
+	tongzhi10: '弘曆智慧研發團隊',
+	tongzhi11:
+		'我們非常高興地通知您，AI預測大模型模塊現正開放限時體驗！在此期間，您將免費體驗這個全新功能，感受其獨特魅力和强大功能。',
+	tongzhi12:
+		'AI預測大模型是一種創新的預測工具，顛覆了傳統股市的預測理念，運用深度學習和先進算法，對歷史資料進行深度挖掘，精准捕捉藏在數據之中的難以察覺的模式和趨勢。 即使面對市場的快速變化，也能迅速調整策略，預測出即將來到的高點和低點。',
+	//AI预测
+	aiyuce: '根據AI預測大模型估算，',
+	gujia: '股價',
+	stockPricePrediction: '股價預測',
+	timeSpacePrediction: '時空預測',
+	bodongfenxi: '股價波動分析',
+	jinrishangzhanglv: '近日上漲概率',
+	yucejia: '預測價：',
+	zuidijia: '最低價',
+	zuigaojia: '最高價',
+	weilaizhangdiegailv: '未來漲跌概率',
+	ri5: '5日',
+	ri13: '13日',
+	ri21: '21日',
+	lishibodongqujian: '歷史波動區間',
+	shangzhanggailv: '上漲概率',
+	gaodian: '高點',
+	didian: '低點',
+	jiage1: '現價：',
+	jiage2: '賣出價',
+	jiage3: '買回價',
+	jiage4: '預測低一',
+	jiage5: '預測低二',
+	jiage6: '預測高一',
+	jiage7: '預測高二',
+	//skyc
+	bt: 'AI時空共振',
+	gnjx: '功能簡介',
+	gnjx_nr1: 'AI時空共振',
+	gnjx_nr2: '，結合了最前沿的AI技術和時空共振理念，其主旨在於通過借鑒和運用時空共振理論的原理，',
+	gnjx_nr3: '精准探索和識別',
+	gnjx_nr4: '出特定情境、環境或過程中的變盤點。是一種具備',
+	gnjx_nr5: '深度預測能力',
+	gnjx_nr6: '的“未來眼”，為股市分析提供了一種全新的視角。',
+	jl: '下一个變盤點是：',
+	jl_1: '距離下下次股市變盤點還有',
+	jl_2: '',
+	wlyc1: '未來預測',
+	wlyc2: '，是一個充滿創新與想像力的功能，其核心在於將',
+	wlyc3: '高階數據科學',
+	wlyc4: '和',
+	wlyc5: 'AI科技',
+	wlyc6:
+		'相結合，利用經過訓練的AI來找出隱藏在海量數據之中的模式，揭示內在規律，為預測提供強大的技術支持。使我們能夠在變化莫測的世界中抓住',
+	wlyc7: '關鍵機遇',
+	wlyc8: '，做出最',
+	wlyc9: '科學決策。',
+	//全球指数
+	daima: '代碼：',
+	gupiao: '名稱：',
+	up: '漲幅：',
+	now_price: '現價：',
+	searchCode: '請輸入股票名稱/代碼',
+	mostViewed: '瀏覽最多',
+	//学习视频专区
+	toLearn: '不知道應該如何使用？點擊學習 >',
+	learn: '學習',
+	toLogin: '去登録',
+	login: '登録',
+	// AI探牛
+	aifindCow: 'AI探牛',
+	duanluo:
+		'以AI尖端技術和知識圖譜分析為核心，精確識別市場攻防轉換點，在複雜震盪行情中，去偽存真，識別真正的投資機會。為投資者提供投資新視角，讓投資更加高效穩健。',
+	gujiayuce_red: '紅色：進攻K線，多方展開進攻',
+	gujiayuce_yello: '黃色：防守K線，多空臨界點，最後的防守',
+	gujiayuce_blue: '藍色：推進K線，一直藍一直持有',
+	cyan: '淺藍色：撤退K線，堅決空倉',
+	findcowrope: '牽牛繩：紅色表示上升趨勢，綠色表示下降趨勢',
+	title_2: '功能介紹',
+	Klinetext_1: '進攻K線',
+	Klinetext_2: '防守K線',
+	Klinetext_3: '推進K線',
+	Klinetext_4: '撤退K線',
+	Klinetext_5: '龍線',
+	Klinetext_6: '蟲線',
+	FCX: '牽牛繩',
+	overText_1: '“AI探牛”為付費功能，可用市場與您的弘曆軟體雲版靜態一致！ 敬請知悉！',
+	// overText_2: '開始時間：即日起(2024年11月12日) ',
+	tiaoguo: '跳過',
+	xiayiye: '下一頁',
+	shangyiye: '上一頁',
+	kaishitiyan: '開始體驗',
+	overText_2: '開始時間：',
+	overText_3: '結束時間：',
+	// 二期首页
+	zcw: '支撐位',
+	ylw: '壓力位',
+	cnxs: '猜你想搜',
+	searchName: '前往搜索所持股票',
+	dqcb: '短期成本',
+	zcqcb: '中長期成本',
+	new_yali7: '支撐強度較弱',
+	new_yali8: '支撐強度一般',
+	new_yali9: '支撐強度較大',
+	new_zhuangjia3: '該股籌碼集中',
+	new_zhuangjia4: '該股籌碼較為集中',
+	new_zhuangjia5: '该股筹码较为分散',
+	new_zhuangjia6: '該股籌碼較為分散',
+	//AI探牛金牛版
+	goldCow: 'AI金牛',
+	yiGn: '以',
+	AIjianduan: 'AI尖端技術',
+	heGn: '和',
+	zhishitupu: '知識圖譜分析',
+	contentGN1:
+		'為核心，精確識別市場攻防轉換點，猶如明燈照亮金牛所在之處，在複雜震蕩行情中，去偽存真，識別真正的投資機會。',
+	GN: '金牛版',
+	contentGN2:
+		'不僅為投資者開闢了全新的投資視野，更讓投資之旅變得穩定且高效，是引領每一位投資者走向成功的快車道。',
+	ndaoxiaoshi: '牛刀小試：洞悉牛股基因，預判股市未來股市之星',
+	danyouxing: '大牛有形：彰顯牛股飆升之姿，把握迅猛上漲的輝煌階段',
+	jinnsongfu: '金牛送福：攜翻倍拉升之威，預示個股將啟壯闊上漲的輝煌篇章',
+	yinbeiliang: '陰倍量、較昨日成交量放大一倍及以上（陰線）',
+	yangbeiliang: '陽倍量：較昨日成交量放大一倍及以上（陽線）',
+	huiyuanzhaunxiang: '弘歷會員專享',
+	yidaoqi: '該功能已到期',
+	fufeizanwuquanxian: '付費功能，暫無許可權',
+	zanwushichangquanxian: '您目前暫無該市場許可權',
+	zanwugaiquanxian: '您暫無該功能許可權',
+	chengjiaoliang: '成交量',
+	jinntitle1: '牛股照妖鏡',
+	jinntitle2: '瘋牛出欄',
+	gupiaonoresult: '暫無數據，請聯繫客服',
+	jinnqibao: '金牛起爆',
+	dunchi: '度牛尺：衡量牛股的標尺。',
+	DNC: '度牛尺',
+	dunqu: '度牛區',
+	aiRadar: 'AI雷達',
+	tiangui: '天軌',
+	digui: '地軌',
+	leidagongnengliangdian1:
+		'AI雷達，通過升維分析，將市場數據提升至更高維度，從而能夠跨越空間障礙，為投資者提供全面且深入的投資視角。 它精準地揭示隱藏在複雜市場中的真正投資機會，幫助投資者洞悉市場走勢。同時，AI雷達的降維打擊功能將複雜的市場信息簡化，讓投資者在瞬息萬變的市場環境中迅速抓住關鍵資訊，從而做出明智且及時的投資決策。跨越空間，透視未來，AI雷達無疑是投資者的得力助手。',
+	tianguimiaoshu1: '天地雙軌：共由兩條曲線組成。',
+	tianguimiaoshu2: '上方的蓝色線為天軌，代表著做多的主力機構對價格空間的控制線。',
+	tianguimiaoshu3: '下方的黄色線為地軌，代表著做空的主力機構對價格空間的控制線。',
+	tanbao: '探寶：',
+	tiandishaungxian:
+		'天地雙線：該指標巧妙的融合了時空因素，用新穎的形式體現股價波動的規律，提前提示股價運動的底部前兆和頂部預警。',
+	tancei:
+		'探測：對特定區域和目標的深入分析和識別，旨在識別並確認股價的一級底部、二級底部和三級底部，這些級別反映了股價下跌的不同深和可能的反彈力度。',
+	saoshe:
+		'掃射：在一定範圍內快速搜索和追蹤目標的過程，目的是發現不同強度的加速點。這些加速點在向右掃描、向左掃描和向上掃描時，其強度依次增強。',
+	tanbao1: '探寶',
+	overText_11: '“AI金牛”为付费功能，可用市场与您的弘历软件云版静态一致！敬请知悉！',
+	overText_12: '“AI雷達”为付费功能，可用市场与您的弘历软件云版静态一致！敬请知悉！',
+	zhutuqiangshixinhao: '主圖K线',
+	shezhikxian: 'k線設置',
+	quxiao: '取消',
+	queding: '确定',
+	aiEmotion: 'AI情緒大模型',
+	StockTemperature: '股票溫度'
+}
diff --git a/src/router/index.js b/src/router/index.js
index cd0de5d..8cbc000 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -66,7 +66,7 @@ const routes = [
 
         path: '/marketTemperature',
         name: 'marketTemperature',
-        component: () => import('@/views/marketTemperature.vue')
+        component: () => import('@/views/components/marketTemperature.vue')
 
     }
 
diff --git a/src/utils/languageService.js b/src/utils/languageService.js
index 53cfd9f..071f2d2 100644
--- a/src/utils/languageService.js
+++ b/src/utils/languageService.js
@@ -1,5 +1,5 @@
 import { ref, computed } from 'vue'
-// import { t, changeLanguage, availableLanguages, languagePacks } from '../lang/index'
+import { t, changeLanguage, availableLanguages, languagePacks } from '../lang/index'
 
 export const useLanguage = () => {
     const translate = computed(() => (key) => {
diff --git a/src/views/marketTemperature.vue b/src/views/components/marketTemperature.vue
similarity index 96%
rename from src/views/marketTemperature.vue
rename to src/views/components/marketTemperature.vue
index d3002a4..5202f29 100644
--- a/src/views/marketTemperature.vue
+++ b/src/views/components/marketTemperature.vue
@@ -1,1508 +1,1508 @@
-<template>
-	<div class="home">
-		<div class="home-bgc">
-			<div class="container">
-				<header class="top">
-					<!-- 搜索框 修改-->
-				</header>
-				<main class="content">
-					<div class="border1">
-						<div
-							class="dial1"
-							:style="{
-								backgroundImage:
-									data2 >= 50
-										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
-										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
-							}"
-						>
-							{{ data2 }}
-						</div>
-						<div
-							class="dial2"
-							:style="{
-								backgroundImage:
-									data1 >= 50
-										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
-										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
-							}"
-						>
-							{{ data1 }}
-						</div>
-						<div class="text1">{{ translate('StockTemperature') }}</div>
-						<div class="text2">{{ translate('MarketTemperature') }}</div>
-						<div class="text3">{{ data3 }}</div>
-					</div>
-					<div class="border2" :style="{ color: tempInfo1.color }">
-						{{ translate('StockPopularity') }} {{ translate('current1_1') }}{{ data2 }},{{
-							translate(tempInfo1.text)
-						}}
-					</div>
-					<div class="border2" :style="{ color: tempInfo2.color }">
-						{{ translate('MarketTemperature') }} {{ translate('current2_1') }}{{ data1 }},{{
-							translate(tempInfo2.text)
-						}}
-					</div>
-					<div>
-						<smallTitle titleKey="StockMarketTemperatureTrend" />
-					</div>
-					<div class="name"></div>
-					<div class="border3">
-						<section class="chart-section">
-							<div>
-								<div class="trapezoid">
-									<span>{{ StockInformation.Name }}</span>
-									<span>{{ StockInformation.Code }}</span>
-								</div>
-								<img
-									v-if="showLoading"
-									alt="加载中"
-									src="../../assets/img/huntingSword/loading.gif"
-									class="loading-img"
-								/>
-								<div ref="KlineCanvs" class="KlineClass"></div>
-							</div>
-						</section>
-					</div>
-					<div class="border2" :style="{ color: tempInfo2.color }">
-						{{ translate('TemperatureTrend') }}
-					</div>
-					<!-- <el-button @click="toggleChartDisplay">点击查看股市温度趋势</el-button> -->
-					<div>
-						<smallTitle titleKey="StockMarketTemperatureCalendar" />
-					</div>
-					<div class="name">{{ currentDate }}</div>
-					<div class="border4">
-						<el-table
-							:data="groupedWDRL"
-							border
-							:row-style="{ height: '8.6vw' }"
-							header-cell-class-name="table_header"
-							:cell-style="tableCellStyle"
-						>
-							<!-- 循环渲染 7 列（周一至周日） -->
-							<el-table-column
-								v-for="(day, colIndex) in ['yi', 'er', 'san', 'si', 'wu', 'liu', 'ri']"
-								:key="colIndex"
-								:label="translate(day)"
-							>
-								<template #default="{ $index: rowIndex }">
-									<div v-if="getDayData(rowIndex, colIndex + 1)">
-										<p class="WDRL_date">
-											{{ formatDate(getDayData(rowIndex, colIndex + 1).date) }}
-											<span class="month-display">
-												{{ formatMonth(getDayData(rowIndex, colIndex + 1).date) }}
-											</span>
-										</p>
-										<p class="WDRL_data">
-											<!-- 如果是指数，只显示 market温度 -->
-											<template v-if="isIndexCode">
-												<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
-													{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
-												</span>
-											</template>
-
-											<!-- 如果是个股，显示 stock | market -->
-											<template v-else>
-												<template v-if="isBothRest(rowIndex, colIndex + 1)" class="myclass">
-													休市
-												</template>
-												<template v-else>
-													<span v-if="getDayData(rowIndex, colIndex + 1)?.stock_temperature">
-														{{ getDayData(rowIndex, colIndex + 1).stock_temperature }}
-													</span>
-													<span v-if="shouldShowDivider(rowIndex, colIndex + 1)"> | </span>
-													<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
-														{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
-													</span>
-												</template>
-											</template>
-										</p>
-									</div>
-									<!-- 无数据时（工作日显示休市） -->
-									<div v-else-if="shouldShowRest(rowIndex, colIndex + 1)">
-										<p class="WDRL_date">休市</p>
-									</div>
-								</template>
-							</el-table-column>
-						</el-table>
-					</div>
-					<div class="border5">
-						<div class="border5-text1">{{ translate('TemperatureCalendar') }}</div>
-						<div class="border5-text2">
-							<div class="temp-item">
-								<span class="level">冰点区：0~20</span><span class="color">对应颜色：浅蓝色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">回暖区：20~50</span><span class="color"> 对应颜色：绿色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">温热区：50~70</span><span class="color"> 对应颜色：紫色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">高温区：70~90</span><span class="color"> 对应颜色：橙色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">沸点区：90~100</span><span class="color"> 对应颜色：红色</span>
-							</div>
-							<div class="temp-note">
-								当搜索的股票为个股时，展示【个股温度｜指数温度】，按照个股的温度展示颜色；<br />
-								当搜索的为指数时，展示【指数数据】，按照指数的温度展示颜色。
-							</div>
-						</div>
-					</div>
-					<div>
-						<smallTitle titleKey="FunctionOverview" />
-					</div>
-					<div class="introduction">
-						<ol>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range hot">温度数值:90~100(沸点区)</span>
-								<br />市场极度狂热，价格剧烈波动，易现“加速冲顶”与暴跌风险。强烈警惕！逢高减仓，防范踩踏。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range high">温度数值:70~90(高温区)</span>
-								<br />情绪持续升温，股价加速上涨，但潜在风险也在同步累积保持冷静，分批兑现，警惕回调。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range warm">温度数值:50~70(温热区)</span>
-								<br />情绪积极向上，资金稳步进场，趋势健康，量价配合良好。积极跟随趋势，顺势而为。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range mild">温度数值:20~50(回暖区)</span>
-								<br />市场逐步摆脱冰点，震荡筑底，情绪分歧大，主力吸筹等与散户观望并存。做好准备，精选标的，伺机加仓。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range cold">温度数值:0~20(冰点区)</span>
-								<br />情绪冰冷，信心缺失，市场悲观恐慌，杀跌频发，往往是机会孕育的起点。反人性布局，逢低潜伏潜力股。
-							</li>
-						</ol>
-					</div>
-
-					<div>
-						<smallTitle titleKey="FeatureHighlights" />
-					</div>
-					<div class="highlight">
-						<h3>量化“情绪热度”的智能工具！</h3>
-						<p>
-							在股市中，影响涨跌的不只是基本面与技术面，更关键的是情绪面。情绪影响资金流向，
-							资金推动股价，股价变化反映市场热度，而市场热度的高低反应在股民的情绪波动中。
-							股市温度计，正是用来量化这种“情绪热度”！帮助你读懂市场情绪，抢占先机！
-						</p>
-					</div>
-				</main>
-			</div>
-		</div>
-		<el-dialog v-model="helpVisible" class="helpDialog" style="width: 300px">
-			<div style="text-align: center; font-size: 25px; font-weight: bold">AI情绪大模型</div>
-			<div style="margin-top: 25px; font-size: 18px; text-indent: 2em">
-				通过7大维度重构解析矩阵，利用人性波动规律，捕捉市场情绪奇点，用AI重构交易法则，重新定义智能投资新时代！
-			</div>
-			<div style="font-size: 18px; text-indent: 2em">
-				AI情绪大模型即将上线，更多功能，敬请期待！
-			</div>
-			<div style="margin-top: 25px; font-size: 17px">弘历智能研发团队祝您使用愉快！</div>
-			<div style="height: 50px"></div>
-		</el-dialog>
-		<!-- 获取报告图 -->
-		<!-- <div class="getReport">
-			<div class="getReport-bn"></div>
-			<div @click="goToReport()" class="getReport-text">点击获取股票情绪测评报告→</div>
-		</div> -->
-	</div>
-</template>
-
-<script setup>
-import * as echarts from 'echarts'
-// import smallTitle from '../component/smallTitle.vue'
-import axios from 'axios'
-import { useDataStore } from '@/store/dataList'
-import { storeToRefs } from 'pinia'
-import { useLanguage } from '@/utils/languageService'
-import { useRouter, useRoute } from 'vue-router'
-import { min } from 'lodash'
-import { setHeight } from '@/utils/setHeight'
-
-function isBothRest(rowIndex, colIndex) {
-	const data = getDayData(rowIndex, colIndex)
-	return data && data.stock_temperature === '休市' && data.market_temperature === '休市'
-}
-
-// 指数代码集合（可补充）
-const indexCodes = [
-	'NDX',
-	'DJIA',
-	'SPX',
-	'STI',
-	'KLSE',
-	'TSX',
-	'N225',
-	'KS11',
-	'JKSE',
-	'1A0001',
-	'HSI',
-	'I63',
-	'VNINDE'
-]
-
-// 当前是否为指数
-const isIndexCode = computed(() => {
-	const code = localStorage.getItem('localCode')
-	return indexCodes.includes(code)
-})
-const windowHeight = ref(window.innerHeight) // 响应式变量存储窗口高度
-// 更新窗口高度
-const updateHeight = () => {
-	windowHeight.value = window.innerHeight // 更新响应式变量
-}
-onMounted(() => {
-	window.addEventListener('resize', updateHeight) // 监听窗口变化
-})
-const KlineCanvs = ref() // Echarts实例
-const dataStore = useDataStore()
-const { priceDataList } = storeToRefs(dataStore)
-const { translate, t } = useLanguage()
-t.value = t.value || { suoxie: 'cn' }
-const helpVisible = ref(false)
-const zhiyin = () => {
-	helpVisible.value = !helpVisible.value
-}
-
-const roundedData = ref([])
-const WDRL = ref([])
-function getDayData(rowIndex, dayIndex) {
-	const weekData = groupedWDRL.value[rowIndex]
-	if (weekData && weekData.length >= dayIndex) {
-		return weekData[dayIndex - 1] // 返回对应列的数据
-	}
-	return null
-}
-
-// 跳转报告页的方法
-// async function goToReport() {
-// 	await router.push({
-// 		path: '/reports'
-// 	})
-// }
-// 将 WDRL 数据按 7 天一组拆分
-const groupedWDRL = computed(() => {
-	const result = []
-	for (let i = 0; i < WDRL.value.length; i += 7) {
-		result.push(WDRL.value.slice(i, i + 7))
-	}
-	return result
-})
-// 格式化日期，返回月份
-function formatMonth(dateStr) {
-	if (!dateStr) return ''
-	// 假设 dateStr 格式为 "2025/05/13"
-	const month = dateStr.split('/')[1] // 获取月份 "05"
-	const monthMap = {
-		'01': '一月',
-		'02': '二月',
-		'03': '三月',
-		'04': '四月',
-		'05': '五月',
-		'06': '六月',
-		'07': '七月',
-		'08': '八月',
-		'09': '九月',
-		10: '十月',
-		11: '十一月',
-		12: '十二月'
-	}
-	return monthMap[month] || '' // 返回中文月份
-}
-function formatDate(dateStr) {
-	if (!dateStr) return ''
-	// 假设 dateStr 格式为 "2025/05/13"
-	return dateStr.split('/')[2] // 返回 "13"
-}
-// function shouldShowRest(rowIndex, dayIndex) {
-// 	const data = getDayData(rowIndex, dayIndex)
-// 	// 有数据就不显示“休市”
-// 	if (data && (data.stock_temperature || data.market_temperature)) return false
-// 	// 获取这格子的日期（根据第一天是周几推算）
-// 	const flatIndex = rowIndex * 7 + (dayIndex - 1)
-// 	const targetDay = WDRL.value[flatIndex]
-// 	if (!targetDay || !targetDay.date) return false
-// 	const [year, month, day] = targetDay.date.split('/').map(Number)
-// 	if (!year || !month || !day) return false
-// 	const dateObj = new Date(year, month - 1, day)
-// 	const today = new Date()
-// 	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
-// 		return false // 非本月
-// 	}
-// 	const weekday = dateObj.getDay()
-// 	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
-// }
-
-function shouldShowRest(rowIndex, dayIndex) {
-	const data = getDayData(rowIndex, dayIndex)
-	// 有数据就不显示“休市”
-	if (data && (data.stock_temperature || data.market_temperature)) return false
-
-	// 获取这格子的日期（根据第一天是周几推算）
-	const flatIndex = rowIndex * 7 + (dayIndex - 1)
-	const targetDay = WDRL.value[flatIndex]
-	if (!targetDay || !targetDay.date) return false
-
-	const [year, month, day] = targetDay.date.split('/').map(Number)
-	if (!year || !month || !day) return false
-
-	const dateObj = new Date(year, month - 1, day)
-	const today = new Date()
-
-	// 判断是否为本月
-	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
-		return false // 非本月
-	}
-
-	// 判断是否为工作日（周一至周五）
-	const weekday = dateObj.getDay()
-	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
-}
-
-function shouldShowDivider(rowIndex, dayIndex) {
-	const data = getDayData(rowIndex, dayIndex)
-
-	return data?.market_temperature && data?.stock_temperature
-}
-// 动态返回单元格类名
-// function tableCellStyle({ row, column, rowIndex, columnIndex }) {
-// 	let data = getDayData(rowIndex, columnIndex + 1)
-// 	if (data && data.stock_temperature && data.market_temperature) {
-// 		const stock = Number(data.stock_temperature)
-// 		const market = Number(data.market_temperature)
-// 		if (stock > market) {
-// 			return {
-// 				backgroundColor: '#BD10E0',
-// 				color: 'white'
-// 			}
-// 		} else if (stock < market) {
-// 			return { backgroundColor: '#0076FF', color: 'white' }
-// 		}
-// 	}
-// 	return {} // 默认样式
-// }
-const mode = ref('stock')
-function tableCellStyle({ row, column, rowIndex, columnIndex }) {
-	let data = getDayData(rowIndex, columnIndex + 1)
-	if (!data) return {}
-	let value = null
-	if (mode.value === 'stock') {
-		value = Number(data.stock_temperature)
-		console.log('股票温度:', value)
-	} else {
-		value = Number(data.market_temperature)
-	}
-
-	if (isNaN(value))
-		return {
-			backgroundColor: '#4b759f',
-			color: 'white'
-		}
-
-	// 区间染色
-	if (value >= 90) return { backgroundColor: '#BD0000', color: 'white' } // 红（沸点）
-	else if (value >= 70) return { backgroundColor: '#FF5638', color: 'white' } // 橙（高温）
-	else if (value >= 50) return { backgroundColor: '#C929E6', color: 'white' } // 紫（温热）
-	else if (value >= 20) return { backgroundColor: '#00AB00', color: 'white' } // 绿（回暖）
-	else if (value > 0) return { backgroundColor: '#87CEEB', color: 'white' } // 浅蓝（冰点）
-	else return { backgroundColor: '#4b759f', color: 'white' }
-	// else return
-}
-const today = new Date()
-const currentDate = `${String(today.getMonth() + 1).padStart(2, '0')}/${today.getFullYear()}`
-
-const tempInfo1 = computed(() => getTempInfo(data1.value)) //大盘温度
-const tempInfo2 = computed(() => getTempInfo(data2.value)) //个股温度
-// 计算区间文本和颜色
-function getTempInfo(value) {
-	if (value >= 90) return { text: 'current1', color: '#FF4500' } // 红
-	else if (value >= 70) return { text: 'current2', color: '#FF4500' } // 橙红
-	else if (value >= 50) return { text: 'current3', color: '#FFD700' } // 黄
-	else if (value >= 20) return { text: 'current4', color: '#00BFFF' } // 浅蓝
-	else return { text: 'current5', color: '#00EEFF' } // 青
-}
-const chartContainer = ref(null)
-const Data = ref([])
-// 定义响应式变量存储最后两个数字
-const data1 = ref() //大盘温度
-const data2 = ref() //个股温度
-const data3 = ref()
-// const getDayData = (dayIndex) => {
-//     // 假设数据是按周一到周五顺序排列的
-//     const dataIndex = dayIndex - 1;
-//     return roundedData.value[dataIndex] ? roundedData.value[dataIndex].join('|') : '-';
-// }
-const fetchData = async () => {
-	try {
-		const response = await axios.post(
-			'https://api.homilychart.com/link/api/aiEmotion/client/getAiEmotionData',
-			{
-				token: localStorage.getItem('localToken'),
-				market: localStorage.getItem('localMarket'),
-				code: localStorage.getItem('localCode'),
-				language: localStorage.getItem('userLanguage')
-			},
-			{
-				headers: { 'Content-Type': 'application/json' }
-			}
-		)
-
-		if (response.data.code === 200) {
-			Data.value = response.data.data.GSWDJ
-			WDRL.value = response.data.data.WDRL
-
-			// 数据清洗并四舍五入
-			roundedData.value = Data.value.map(([date, num1, num2]) => [
-				date,
-				Math.round(num1),
-				Math.round(num2)
-			])
-
-			// 取最后一条数据
-			const lastTwoNumbers = roundedData.value.at(-1)
-			data1.value = lastTwoNumbers[1] // 市场温度
-			data3.value = lastTwoNumbers[0] // 日期
-
-			// 指数代码判断逻辑
-			const indexCodes = [
-				'NDX',
-				'DJIA',
-				'SPX',
-				'STI',
-				'KLSE',
-				'TSX',
-				'N225',
-				'KS11',
-				'JKSE',
-				'1A0001',
-				'HSI',
-				'I63',
-				'VNINDE'
-			]
-			const currentCode = localStorage.getItem('localCode')
-
-			if (indexCodes.includes(currentCode)) {
-				data2.value = 'NA' // 股票温度为 NA
-			} else {
-				data2.value = lastTwoNumbers[2] // 股票温度
-			}
-
-			// 渲染图表
-			if (priceDataList.value) {
-				const currentData = JSON.parse(JSON.stringify(toRaw(priceDataList.value)))
-				KlineCanvsEcharts(currentData)
-			}
-		} else {
-			ElMessage.error(response.data.msg || '请求失败')
-		}
-	} catch (error) {
-		console.error('API Error:', error)
-		ElMessage.error('网络请求失败')
-	}
-}
-// 组件挂载时自动执行
-// onMounted(fetchData)
-onBeforeMount(fetchData)
-const { swordDataList, showALLData } = storeToRefs(dataStore)
-const tableData = []
-watch(
-	showALLData,
-	(newValue) => {
-		const currentData = JSON.parse(JSON.stringify(toRaw(newValue)))
-		if (currentData) {
-			nextTick(() => {
-				fnGetDataShow(currentData)
-			})
-		}
-	},
-	{ immediate: true, deep: true }
-)
-let StockInformation = ref({})
-const fnGetDataShow = (data) => {
-	StockInformation.value = data.StockInformation
-}
-
-watch(
-	priceDataList,
-	(newValue) => {
-		const currentData = JSON.parse(JSON.stringify(toRaw(newValue))) // 深拷贝防止切换回来数据更改
-		if (currentData) {
-			nextTick(() => {
-				KlineCanvsEcharts(currentData)
-			})
-		}
-	},
-	{ immediate: true, deep: true }
-)
-// 监听数据变化或语言变化
-watch(
-	() => t.value,
-	(newLang) => {
-		// 更新 textEcharts 内容并重新渲染图表
-		if (priceDataList.value) {
-			const currentData = JSON.parse(JSON.stringify(toRaw(priceDataList.value)))
-			nextTick(() => {
-				KlineCanvsEcharts(currentData)
-			})
-		}
-	},
-	{ immediate: true, deep: true }
-)
-async function KlineCanvsEcharts(datatok) {
-	const textEcahrts = t.value
-	const data = datatok.KLine20
-
-	// 切割数据方法
-	const spliteDate = (a) => {
-		const categoryData = []
-		let value = []
-		for (let i = 0; i < a.length; i++) {
-			categoryData.push(a[i].splice(0, 1)[0])
-			value.push(a[i])
-		}
-		return { categoryData, value }
-	}
-	const dealData = spliteDate(data)
-
-	// 处理折线数据
-	const lineData1 = roundedData.value.map((item) => item[1])
-	const lineData2 = roundedData.value.map((item) => item[2])
-	const showStockLine = !(
-		lineData1.length === lineData2.length && lineData1.every((v, i) => v === lineData2[i])
-	)
-	const series = [
-		{
-			type: 'candlestick',
-			name: 'K线',
-			data: dealData.value,
-			yAxisIndex: 0,
-			itemStyle: {
-				normal: {
-					color0: '#FD1050',
-					color: '#0CF49B',
-					borderColor0: '#FD1050',
-					borderColor: '#0CF49B'
-				}
-			}
-		},
-		{
-			name: '市场温度',
-			type: 'line',
-			data: lineData1,
-			yAxisIndex: 1,
-			symbol: 'circle',
-			symbolSize: 6,
-			smooth: true,
-			lineStyle: { width: 2 },
-			emphasis: { lineStyle: { width: 3 } }
-		}
-	]
-
-	if (showStockLine) {
-		series.push({
-			name: '股票温度',
-			type: 'line',
-			data: lineData2,
-			yAxisIndex: 1,
-			symbol: 'circle',
-			symbolSize: 6,
-			smooth: true,
-			lineStyle: { width: 2 },
-			emphasis: {
-				lineStyle: {
-					color: '#ffffff',
-					width: 3
-				}
-			}
-		})
-	}
-	// 给配置项
-	const KlineOption = {
-		title: {
-			text: '',
-			left: 0
-		},
-		tooltip: {
-			trigger: 'axis',
-			formatter: function (a) {
-				let def = a[0].name
-
-				// K线数据
-				if (a[0].seriesType === 'candlestick') {
-					def +=
-						'<br/>' +
-						textEcahrts.kai +
-						a[0].data[1] +
-						'<br/>' +
-						textEcahrts.shou +
-						a[0].data[2] +
-						'<br/>' +
-						textEcahrts.di +
-						a[0].data[3] +
-						'<br/>' +
-						textEcahrts.gao +
-						a[0].data[4]
-				}
-
-				// 折线数据
-				a.forEach((item) => {
-					if (item.seriesType === 'line') {
-						def += '<br/>' + item.seriesName + ': ' + item.value
-					}
-				})
-
-				return def
-			},
-			axisPointer: {
-				animation: false,
-				type: 'line',
-				linestyle: {
-					color: '#376df4',
-					width: 2,
-					opacity: 1
-				}
-			}
-		},
-		legend: {
-			data: [
-				{
-					name: 'K线',
-					// icon: 'rect',
-					textStyle: {
-						color: 'white'
-					}
-				},
-				{
-					name: '市场温度',
-					// icon: 'circle',
-					textStyle: {
-						color: 'white'
-					}
-				},
-				{
-					name: '股票温度',
-					// icon: 'circle',
-					textStyle: {
-						color: 'white'
-					}
-				}
-			],
-			color: 'white',
-			selected: {
-				K线: true,
-				市场温度: true,
-				股票温度: true
-			},
-			// left: '220vw',
-			top: '60vw'
-		},
-		xAxis: {
-			type: 'category',
-			data: dealData.categoryData,
-			axisLine: { lineStyle: { color: '#8392A5' } }
-		},
-		grid: {
-			left: '12%',
-			right: '10%',
-			bottom: '60vw',
-			top: '18%'
-		},
-		yAxis: [
-			// 左侧Y轴（K线使用）
-			{
-				scale: true,
-				axisLabel: {
-					formatter: function (value) {
-						return value
-					}
-				},
-				axisLine: {
-					lineStyle: { color: '#8392A5' },
-					show: true
-				},
-				splitLine: {
-					show: false
-				}
-			},
-			// 右侧Y轴（折线使用）
-			{
-				scale: true,
-				position: 'right',
-				min: 1,
-				max: 100,
-				axisLabel: {
-					formatter: function (value) {
-						return value
-					},
-					color: '#FFA500'
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'purple',
-						width: 2
-					},
-					show: true
-				},
-				splitLine: {
-					show: false
-				}
-			}
-		],
-		color: ['#f00', '#9370DB'],
-		dataZoom: [
-			{
-				textStyle: {
-					color: '#8392A5'
-				},
-				handleIcon:
-					'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
-				handleSize: '80%',
-				dataBackground: {
-					areaStyle: {
-						color: '#8392A5'
-					},
-					lineStyle: {
-						opacity: 0.8,
-						color: '#8392A5'
-					}
-				},
-				handleStyle: {
-					color: '#fff',
-					shadowBlur: 3,
-					shadowColor: 'rgba(0, 0, 0, 0.6)',
-					shadowOffsetX: 2,
-					shadowOffsetY: 2
-				}
-			},
-			{
-				show: false,
-				type: 'slider'
-			},
-			{
-				type: 'inside'
-			}
-		],
-		animation: true,
-		series: series
-	}
-	// 	const chart = echarts.init(KlineCanvs.value)
-	// chart.clear() // 清空旧图表
-	// chart.setOption(KlineOption) // 设置新图表
-
-	// 创建图表实例
-	const KlineCanvsChart = echarts.init(KlineCanvs.value)
-	KlineCanvsChart.setOption(KlineOption)
-
-	// 窗口大小变化时重置图表大小
-	window.addEventListener('resize', () => {
-		KlineCanvsChart.resize()
-	})
-
-	return KlineCanvsChart // 返回图表实例以便外部控制
-}
-</script>
-
-<style scoped lang="less">
-/* 获取报告图按钮样式 */
-// .getReport {
-// 	background-image: url('https://d31zlh4on95l9h.cloudfront.net/images/f111e488ad3efb5af20d6c25b1bfd7b4.png');
-// 	position: fixed;
-// 	background-repeat: no-repeat;
-// 	background-size: 100% 80%;
-// 	background-position: center;
-// 	bottom: -3vw;
-// 	left: 50%;
-// 	transform: translateX(-50%);
-// 	width: 50vw;
-// 	height: 13vw;
-// 	.getReport-text {
-// 		color: #fff; /* 文字颜色 */
-// 		text-align: center; /* 文字居中 */
-// 		font-size: 2vw; /* 字体大小 */
-// 		z-index: 1; /* 层级高于背景图 */
-// 		position: absolute;
-// 		top: 36%;
-// 		left: 50%;
-// 		width: 100%;
-// 		transform: translate(-50%, -50%);
-// 	}
-// }
-.home {
-	min-height: 100vh;
-	background-color: rgb(0, 22, 65);
-
-	&-bgc {
-		width: 100%;
-		min-height: 100%;
-		background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/9127b508676df658e270b0bc558d533d.png);
-		background-size: 100%;
-		background-repeat: no-repeat;
-	}
-}
-
-.top {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	// margin-bottom: 30px;
-}
-
-.container {
-	margin: 0 auto;
-	padding: 20px;
-	max-width: 70vw;
-
-	.content {
-		// margin: 0 auto;
-		// padding: 20px;
-		max-width: 70vw;
-
-		.border1 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 60vw;
-			height: 220px;
-			position: relative;
-			left: -10px;
-
-			.dial1 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				position: absolute;
-				top: 4vw;
-				left: 3vw;
-				width: 22vw;
-				height: 22vw;
-				color: white;
-				font-size: 30px;
-				text-align: center;
-				padding-top: 8vw;
-			}
-
-			.dial2 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				position: absolute;
-				top: 4vw;
-				left: 35vw;
-				width: 22vw;
-				height: 22vw;
-				color: white;
-				font-size: 30px;
-				text-align: center;
-				padding-top: 8vw;
-			}
-
-			.text1 {
-				color: white;
-				position: absolute;
-				font-size: 18px;
-				top: 75%;
-				left: 15.5%;
-			}
-
-			.text2 {
-				color: white;
-				position: absolute;
-				font-size: 18px;
-				top: 75%;
-				left: 68%;
-			}
-
-			.text3 {
-				color: white;
-				position: absolute;
-				font-size: 20px;
-				top: 30%;
-				left: 38%;
-			}
-		}
-
-		.border2 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 57vw;
-			height: 43px;
-			// color: #00EEFF;
-			font-size: 16px;
-			padding-left: 30px;
-			padding-top: 5px;
-			display: none;
-		}
-
-		.name {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			position: absolute;
-			width: 13vw;
-			height: 6vw;
-			left: 43%;
-			margin-top: 10px;
-			z-index: 1;
-			color: white;
-			text-align: center;
-			font-size: 2.5vw;
-			padding-top: 8px;
-		}
-
-		.border3 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 57vw;
-			height: 270px;
-			margin-top: 50px;
-			position: relative;
-			z-index: 2;
-
-			.chart {
-				position: absolute;
-				top: 0;
-				left: 0;
-				width: 100%;
-				height: 100%;
-			}
-
-			.trapezoid {
-				text-align: center;
-				color: white;
-				position: absolute;
-				width: 10vw;
-				left: 41%;
-				top: -32px;
-				font-size: 1.5vw;
-			}
-
-			.KlineClass {
-				position: absolute;
-				width: 58vw;
-				height: 100%;
-				left: 0;
-				bottom: 5%;
-			}
-		}
-
-		.border4 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
-			background-size: 100%;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 57vw;
-			height: 430px;
-			margin-top: 25px;
-			position: relative;
-			z-index: 2;
-			.el-table {
-				// /deep/.cell {
-				// 	line-height: 30px;
-				// }
-				/deep/.el-table__cell {
-					text-align: center;
-					font-size: 1.5vw;
-				}
-				/deep/ .table_header {
-					height: 4vw;
-				}
-				/deep/ .el-table__header {
-					.cell {
-						line-height: 30px;
-					}
-				}
-				top: 5vw;
-				width: 55.5vw;
-				height: 47vw;
-				margin-left: 0.9vw;
-				position: absolute;
-			}
-
-			.WDRL_date {
-				margin-top: 2px;
-				/* 将文字往上移动 */
-				text-align: center;
-				font-size: 1.6vw;
-				font-weight: bold;
-				padding-top: 0%;
-
-				.month-display {
-					position: absolute;
-					top: 0;
-					right: 0;
-					font-size: 1vw;
-					color: rgb(58, 58, 58);
-				}
-			}
-
-			.WDRL_data {
-				height: 100%;
-				margin-top: 5px;
-				text-align: center;
-				font-size: 1vw;
-				font-weight: bold;
-			}
-
-			.temperature-cell {
-			}
-
-			/* 穿透 el-table 的单元格样式 */
-			/deep/ .market-hot-cell {
-				background-color: #da2020 !important;
-				/* 浅红色 */
-			}
-
-			/deep/ .stock-hot-cell {
-				background-color: #4a31d4 !important;
-				/* 浅绿色 */
-			}
-		}
-
-		.border5 {
-			position: relative;
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/414c6163a6bb7013add2ec026ceb5539.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 100%;
-			max-width: 57vw;
-			margin: 0 auto;
-			padding: 2vw;
-			box-sizing: border-box;
-			height: auto;
-
-			.border5-text1 {
-				font-size: 2vw;
-				color: white;
-				position: absolute;
-				top: 5.5vw;
-				left: 3.5vw;
-				white-space: nowrap;
-			}
-
-			.border5-text2 {
-				margin-left: 14vw;
-				font-family: 'Microsoft Yahei', sans-serif;
-				color: #fff;
-				font-size: 1.2rem;
-				line-height: 1rem;
-				box-sizing: border-box;
-
-				.temp-item {
-					margin-bottom: 0.6rem;
-					display: flex;
-					justify-content: flex-start;
-					flex-wrap: wrap;
-					font-weight: 500;
-				}
-
-				.level {
-					font-weight: bold;
-					margin-right: 0.5rem;
-					white-space: nowrap;
-				}
-
-				.color {
-					font-weight: bold;
-					margin-left: 0.5rem;
-					white-space: nowrap;
-				}
-
-				.temp-note {
-					font-size: 1.2rem;
-					line-height: 1.5rem;
-					margin-top: 1.2rem;
-					color: #ddd;
-					margin-bottom: 5%;
-				}
-			}
-		}
-
-		.introduction,
-		.highlight {
-			color: #fff;
-			font-size: 16px;
-			line-height: 1.8;
-			padding: 16px;
-		}
-
-		.introduction ol {
-			list-style: decimal;
-			padding-left: 20px;
-		}
-
-		.temp-range {
-			font-weight: bold;
-		}
-
-		.temp-range.hot {
-			color: #ff3333;
-		}
-
-		.temp-range.high {
-			color: #ff9900;
-		}
-
-		.temp-range.warm {
-			color: #cc66ff;
-		}
-
-		.temp-range.mild {
-			color: #33cc33;
-		}
-
-		.temp-range.cold {
-			color: #66ccff;
-		}
-
-		.highlight h3 {
-			text-align: center;
-			font-size: 2rem;
-			font-weight: bold;
-			margin-bottom: 1rem;
-			color: #ffffff;
-		}
-
-		.highlight p {
-			text-indent: 1.5rem;
-			// font-size: ;
-		}
-	}
-
-	// /* ✅ 适配：平板 */
-	// @media (min-width: 768px) and (max-width: 1024px) {
-	//   .introduction, .highlight {
-	//     font-size: 15px;
-	//     padding: 14px;
-	//   }
-	// }
-
-	// /* ✅ 适配：PC大屏 */
-	// @media (min-width: 1025px) {
-	//   .introduction, .highlight {
-	//     max-width: 800px;
-	//     margin: 0 auto;
-	//   }
-	// }
-}
-</style>
-<style scoped lang="less">
-/* ✅ 适配：平板 */
-@media (min-width: 768px) and (max-width: 1024px) {
-	.introduction,
-	.highlight {
-		font-size: 15px;
-		padding: 14px;
-	}
-
-	.highlight h3 {
-		font-size: 1.5rem;
-	}
-
-	.border5-text2 {
-		font-size: 1rem;
-		line-height: 1.6rem;
-		padding: 1.2rem;
-	}
-
-	.border5 {
-		height: 21rem;
-	}
-}
-
-/* ✅ 适配：PC大屏 */
-@media (min-width: 1025px) {
-	.introduction,
-	.highlight {
-		max-width: 800px;
-		margin: 0 auto;
-	}
-
-	.highlight h3 {
-		font-size: 1.5rem;
-	}
-}
-
-@media (max-width: 768px) {
-	.container {
-		margin: 0 auto;
-		padding: 20px;
-		max-width: 100vw;
-
-		.content {
-			margin: 0 auto;
-			// padding: 20px;
-			max-width: 70vw;
-
-			.border1 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				left: -75px;
-				width: 90vw;
-				height: 300px;
-				position: relative;
-
-				.dial1 {
-					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
-					background-size: cover;
-					background-position: center;
-					background-repeat: no-repeat;
-					position: absolute;
-					top: 4vw;
-					left: 10vw;
-					width: 30vw;
-					height: 30vw;
-					padding-top: 12vw;
-				}
-
-				.dial2 {
-					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
-					background-size: cover;
-					background-position: center;
-					background-repeat: no-repeat;
-					position: absolute;
-					top: 4vw;
-					left: 52vw;
-					width: 30vw;
-					height: 30vw;
-					padding-top: 12vw;
-				}
-
-				.text1 {
-					color: white;
-					position: absolute;
-					font-size: 18px;
-					top: 75%;
-					left: 20.5%;
-				}
-
-				.text2 {
-					color: white;
-					position: absolute;
-					font-size: 18px;
-					top: 75%;
-					left: 67.5%;
-				}
-
-				.text3 {
-					color: white;
-					position: absolute;
-					font-size: 20px;
-					top: 35%;
-					left: 42%;
-				}
-			}
-
-			.border2 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				width: 95vw;
-				height: 70px;
-				// color: #00EEFF;
-				font-size: 18px;
-				margin-left: -18%;
-				padding-left: 50px;
-				padding-top: 9px;
-			}
-
-			.name {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				position: absolute;
-				width: 23vw;
-				height: 11vw;
-				left: 38%;
-				margin-top: 10px;
-				z-index: 1;
-				padding-top: 0.7rem;
-				font-size: 0.8rem;
-			}
-
-			.border3 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				width: 95vw;
-				height: 450px;
-				margin-top: 88px;
-				position: relative;
-				left: -18%;
-				z-index: 2;
-
-				.chart {
-					position: absolute;
-					top: 0;
-					left: 0;
-					width: 100%;
-					height: 100%;
-				}
-
-				.trapezoid {
-					text-align: center;
-					color: white;
-					position: absolute;
-					width: 20vw;
-					left: 39.5%;
-					top: -65px;
-					font-size: 12px;
-
-					span {
-						display: block;
-						font-size: 0.7rem;
-					}
-				}
-
-				.KlineClass {
-					position: absolute;
-					width: 90vw;
-					height: 100%;
-					left: 3vw;
-					bottom: 5%;
-				}
-			}
-
-			.border4 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
-				background-size: 100%;
-				background-position: center;
-				background-repeat: no-repeat;
-				width: 95vw;
-				height: 630px;
-				margin-top: 78px;
-				position: relative;
-				left: -18%;
-				z-index: 2;
-
-				.el-table {
-					/deep/ .table_header {
-						height: 5vw;
-					}
-
-					/deep/ .el-table__header th,
-					/deep/ .el-table__body td {
-						width: auto !important;
-						/* 小屏幕下自动调整 */
-					}
-
-					top: 15px;
-					width: 93vw !important;
-					height: 80vw;
-					margin-left: 0.9vw;
-					position: absolute;
-				}
-
-				.WDRL_date {
-					text-align: center;
-					font-size: 2vw;
-					font-weight: bold;
-				}
-
-				.WDRL_data {
-					text-align: center;
-					font-size: 1.5vw;
-					font-weight: bold;
-				}
-
-				.temperature-cell {
-				}
-
-				/* 穿透 el-table 的单元格样式 */
-				/deep/ .market-hot-cell {
-					background-color: #da2020 !important;
-					/* 浅红色 */
-				}
-
-				/deep/ .stock-hot-cell {
-					background-color: #4a31d4 !important;
-					/* 浅绿色 */
-				}
-			}
-
-			.border5 {
-				height: auto;
-
-				.border5-text2 {
-					margin-left: 0 !important;
-					padding: 0 0.3rem;
-					font-size: 0.7rem;
-					line-height: 1rem;
-					white-space: normal;
-					word-break: break-word;
-					text-align: left;
-					margin-top: 9%;
-
-					.temp-item {
-						display: flex !important;
-						flex-direction: row !important;
-						/* 水平排列 */
-						justify-content: flex-start;
-						align-items: center !important;
-						margin-bottom: 0.6rem;
-						flex-wrap: wrap;
-						/* 小屏幕自动换行 */
-					}
-
-					.temp-item .level {
-						font-weight: bold;
-						margin-right: 0.5rem;
-						white-space: nowrap;
-						/* 避免文字拆开 */
-					}
-
-					.temp-item .color {
-						font-weight: bold;
-						margin-left: 0.5rem;
-					}
-
-					.temp-note {
-						font-size: 0.8rem;
-						margin-bottom: 12%;
-					}
-				}
-			}
-
-			.highlight h3 {
-				font-size: 0.5rem;
-			}
-		}
-	}
-}
-
-/* 适配手机小屏幕 */
-@media (max-width: 480px) {
-	.border5-text2 {
-		font-size: 0.8rem;
-		line-height: 1.4rem;
-
-		.temp-item {
-			flex-direction: column !important;
-			/* 更小屏幕下竖排 */
-			align-items: flex-start !important;
-		}
-	}
-}
-</style>
+<template>
+	<div class="home">
+		<div class="home-bgc">
+			<div class="container">
+				<header class="top">
+					<!-- 搜索框 修改-->
+				</header>
+				<main class="content">
+					<div class="border1">
+						<div
+							class="dial1"
+							:style="{
+								backgroundImage:
+									data2 >= 50
+										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
+										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
+							}"
+						>
+							{{ data2 }}
+						</div>
+						<div
+							class="dial2"
+							:style="{
+								backgroundImage:
+									data1 >= 50
+										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
+										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
+							}"
+						>
+							{{ data1 }}
+						</div>
+						<div class="text1">{{ translate('StockTemperature') }}</div>
+						<div class="text2">{{ translate('MarketTemperature') }}</div>
+						<div class="text3">{{ data3 }}</div>
+					</div>
+					<div class="border2" :style="{ color: tempInfo1.color }">
+						{{ translate('StockPopularity') }} {{ translate('current1_1') }}{{ data2 }},{{
+							translate(tempInfo1.text)
+						}}
+					</div>
+					<div class="border2" :style="{ color: tempInfo2.color }">
+						{{ translate('MarketTemperature') }} {{ translate('current2_1') }}{{ data1 }},{{
+							translate(tempInfo2.text)
+						}}
+					</div>
+					<div>
+						<smallTitle titleKey="StockMarketTemperatureTrend" />
+					</div>
+					<div class="name"></div>
+					<div class="border3">
+						<section class="chart-section">
+							<div>
+								<div class="trapezoid">
+									<span>{{ StockInformation.Name }}</span>
+									<span>{{ StockInformation.Code }}</span>
+								</div>
+								<img
+									v-if="showLoading"
+									alt="加载中"
+									src="../../assets/img/huntingSword/loading.gif"
+									class="loading-img"
+								/>
+								<div ref="KlineCanvs" class="KlineClass"></div>
+							</div>
+						</section>
+					</div>
+					<div class="border2" :style="{ color: tempInfo2.color }">
+						{{ translate('TemperatureTrend') }}
+					</div>
+					<!-- <el-button @click="toggleChartDisplay">点击查看股市温度趋势</el-button> -->
+					<div>
+						<smallTitle titleKey="StockMarketTemperatureCalendar" />
+					</div>
+					<div class="name">{{ currentDate }}</div>
+					<div class="border4">
+						<el-table
+							:data="groupedWDRL"
+							border
+							:row-style="{ height: '8.6vw' }"
+							header-cell-class-name="table_header"
+							:cell-style="tableCellStyle"
+						>
+							<!-- 循环渲染 7 列（周一至周日） -->
+							<el-table-column
+								v-for="(day, colIndex) in ['yi', 'er', 'san', 'si', 'wu', 'liu', 'ri']"
+								:key="colIndex"
+								:label="translate(day)"
+							>
+								<template #default="{ $index: rowIndex }">
+									<div v-if="getDayData(rowIndex, colIndex + 1)">
+										<p class="WDRL_date">
+											{{ formatDate(getDayData(rowIndex, colIndex + 1).date) }}
+											<span class="month-display">
+												{{ formatMonth(getDayData(rowIndex, colIndex + 1).date) }}
+											</span>
+										</p>
+										<p class="WDRL_data">
+											<!-- 如果是指数，只显示 market温度 -->
+											<template v-if="isIndexCode">
+												<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
+													{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
+												</span>
+											</template>
+
+											<!-- 如果是个股，显示 stock | market -->
+											<template v-else>
+												<template v-if="isBothRest(rowIndex, colIndex + 1)" class="myclass">
+													休市
+												</template>
+												<template v-else>
+													<span v-if="getDayData(rowIndex, colIndex + 1)?.stock_temperature">
+														{{ getDayData(rowIndex, colIndex + 1).stock_temperature }}
+													</span>
+													<span v-if="shouldShowDivider(rowIndex, colIndex + 1)"> | </span>
+													<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
+														{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
+													</span>
+												</template>
+											</template>
+										</p>
+									</div>
+									<!-- 无数据时（工作日显示休市） -->
+									<div v-else-if="shouldShowRest(rowIndex, colIndex + 1)">
+										<p class="WDRL_date">休市</p>
+									</div>
+								</template>
+							</el-table-column>
+						</el-table>
+					</div>
+					<div class="border5">
+						<div class="border5-text1">{{ translate('TemperatureCalendar') }}</div>
+						<div class="border5-text2">
+							<div class="temp-item">
+								<span class="level">冰点区：0~20</span><span class="color">对应颜色：浅蓝色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">回暖区：20~50</span><span class="color"> 对应颜色：绿色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">温热区：50~70</span><span class="color"> 对应颜色：紫色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">高温区：70~90</span><span class="color"> 对应颜色：橙色</span>
+							</div>
+							<div class="temp-item">
+								<span class="level">沸点区：90~100</span><span class="color"> 对应颜色：红色</span>
+							</div>
+							<div class="temp-note">
+								当搜索的股票为个股时，展示【个股温度｜指数温度】，按照个股的温度展示颜色；<br />
+								当搜索的为指数时，展示【指数数据】，按照指数的温度展示颜色。
+							</div>
+						</div>
+					</div>
+					<div>
+						<smallTitle titleKey="FunctionOverview" />
+					</div>
+					<div class="introduction">
+						<ol>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range hot">温度数值:90~100(沸点区)</span>
+								<br />市场极度狂热，价格剧烈波动，易现“加速冲顶”与暴跌风险。强烈警惕！逢高减仓，防范踩踏。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range high">温度数值:70~90(高温区)</span>
+								<br />情绪持续升温，股价加速上涨，但潜在风险也在同步累积保持冷静，分批兑现，警惕回调。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range warm">温度数值:50~70(温热区)</span>
+								<br />情绪积极向上，资金稳步进场，趋势健康，量价配合良好。积极跟随趋势，顺势而为。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range mild">温度数值:20~50(回暖区)</span>
+								<br />市场逐步摆脱冰点，震荡筑底，情绪分歧大，主力吸筹等与散户观望并存。做好准备，精选标的，伺机加仓。
+							</li>
+							<li>
+								<span class="temptext">温度数值:</span
+								><span class="temp-range cold">温度数值:0~20(冰点区)</span>
+								<br />情绪冰冷，信心缺失，市场悲观恐慌，杀跌频发，往往是机会孕育的起点。反人性布局，逢低潜伏潜力股。
+							</li>
+						</ol>
+					</div>
+
+					<div>
+						<smallTitle titleKey="FeatureHighlights" />
+					</div>
+					<div class="highlight">
+						<h3>量化“情绪热度”的智能工具！</h3>
+						<p>
+							在股市中，影响涨跌的不只是基本面与技术面，更关键的是情绪面。情绪影响资金流向，
+							资金推动股价，股价变化反映市场热度，而市场热度的高低反应在股民的情绪波动中。
+							股市温度计，正是用来量化这种“情绪热度”！帮助你读懂市场情绪，抢占先机！
+						</p>
+					</div>
+				</main>
+			</div>
+		</div>
+		<el-dialog v-model="helpVisible" class="helpDialog" style="width: 300px">
+			<div style="text-align: center; font-size: 25px; font-weight: bold">AI情绪大模型</div>
+			<div style="margin-top: 25px; font-size: 18px; text-indent: 2em">
+				通过7大维度重构解析矩阵，利用人性波动规律，捕捉市场情绪奇点，用AI重构交易法则，重新定义智能投资新时代！
+			</div>
+			<div style="font-size: 18px; text-indent: 2em">
+				AI情绪大模型即将上线，更多功能，敬请期待！
+			</div>
+			<div style="margin-top: 25px; font-size: 17px">弘历智能研发团队祝您使用愉快！</div>
+			<div style="height: 50px"></div>
+		</el-dialog>
+		<!-- 获取报告图 -->
+		<!-- <div class="getReport">
+			<div class="getReport-bn"></div>
+			<div @click="goToReport()" class="getReport-text">点击获取股票情绪测评报告→</div>
+		</div> -->
+	</div>
+</template>
+
+<script setup>
+import * as echarts from 'echarts'
+// import smallTitle from '../component/smallTitle.vue'
+import axios from 'axios'
+import { useDataStore } from '@/store/dataList'
+import { storeToRefs } from 'pinia'
+import { useLanguage } from '@/utils/languageService'
+import { useRouter, useRoute } from 'vue-router'
+import { min } from 'lodash'
+import { setHeight } from '@/utils/setHeight'
+
+function isBothRest(rowIndex, colIndex) {
+	const data = getDayData(rowIndex, colIndex)
+	return data && data.stock_temperature === '休市' && data.market_temperature === '休市'
+}
+
+// 指数代码集合（可补充）
+const indexCodes = [
+	'NDX',
+	'DJIA',
+	'SPX',
+	'STI',
+	'KLSE',
+	'TSX',
+	'N225',
+	'KS11',
+	'JKSE',
+	'1A0001',
+	'HSI',
+	'I63',
+	'VNINDE'
+]
+
+// 当前是否为指数
+const isIndexCode = computed(() => {
+	const code = localStorage.getItem('localCode')
+	return indexCodes.includes(code)
+})
+const windowHeight = ref(window.innerHeight) // 响应式变量存储窗口高度
+// 更新窗口高度
+const updateHeight = () => {
+	windowHeight.value = window.innerHeight // 更新响应式变量
+}
+onMounted(() => {
+	window.addEventListener('resize', updateHeight) // 监听窗口变化
+})
+const KlineCanvs = ref() // Echarts实例
+const dataStore = useDataStore()
+const { priceDataList } = storeToRefs(dataStore)
+const { translate, t } = useLanguage()
+t.value = t.value || { suoxie: 'cn' }
+const helpVisible = ref(false)
+const zhiyin = () => {
+	helpVisible.value = !helpVisible.value
+}
+
+const roundedData = ref([])
+const WDRL = ref([])
+function getDayData(rowIndex, dayIndex) {
+	const weekData = groupedWDRL.value[rowIndex]
+	if (weekData && weekData.length >= dayIndex) {
+		return weekData[dayIndex - 1] // 返回对应列的数据
+	}
+	return null
+}
+
+// 跳转报告页的方法
+// async function goToReport() {
+// 	await router.push({
+// 		path: '/reports'
+// 	})
+// }
+// 将 WDRL 数据按 7 天一组拆分
+const groupedWDRL = computed(() => {
+	const result = []
+	for (let i = 0; i < WDRL.value.length; i += 7) {
+		result.push(WDRL.value.slice(i, i + 7))
+	}
+	return result
+})
+// 格式化日期，返回月份
+function formatMonth(dateStr) {
+	if (!dateStr) return ''
+	// 假设 dateStr 格式为 "2025/05/13"
+	const month = dateStr.split('/')[1] // 获取月份 "05"
+	const monthMap = {
+		'01': '一月',
+		'02': '二月',
+		'03': '三月',
+		'04': '四月',
+		'05': '五月',
+		'06': '六月',
+		'07': '七月',
+		'08': '八月',
+		'09': '九月',
+		10: '十月',
+		11: '十一月',
+		12: '十二月'
+	}
+	return monthMap[month] || '' // 返回中文月份
+}
+function formatDate(dateStr) {
+	if (!dateStr) return ''
+	// 假设 dateStr 格式为 "2025/05/13"
+	return dateStr.split('/')[2] // 返回 "13"
+}
+// function shouldShowRest(rowIndex, dayIndex) {
+// 	const data = getDayData(rowIndex, dayIndex)
+// 	// 有数据就不显示“休市”
+// 	if (data && (data.stock_temperature || data.market_temperature)) return false
+// 	// 获取这格子的日期（根据第一天是周几推算）
+// 	const flatIndex = rowIndex * 7 + (dayIndex - 1)
+// 	const targetDay = WDRL.value[flatIndex]
+// 	if (!targetDay || !targetDay.date) return false
+// 	const [year, month, day] = targetDay.date.split('/').map(Number)
+// 	if (!year || !month || !day) return false
+// 	const dateObj = new Date(year, month - 1, day)
+// 	const today = new Date()
+// 	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
+// 		return false // 非本月
+// 	}
+// 	const weekday = dateObj.getDay()
+// 	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
+// }
+
+function shouldShowRest(rowIndex, dayIndex) {
+	const data = getDayData(rowIndex, dayIndex)
+	// 有数据就不显示“休市”
+	if (data && (data.stock_temperature || data.market_temperature)) return false
+
+	// 获取这格子的日期（根据第一天是周几推算）
+	const flatIndex = rowIndex * 7 + (dayIndex - 1)
+	const targetDay = WDRL.value[flatIndex]
+	if (!targetDay || !targetDay.date) return false
+
+	const [year, month, day] = targetDay.date.split('/').map(Number)
+	if (!year || !month || !day) return false
+
+	const dateObj = new Date(year, month - 1, day)
+	const today = new Date()
+
+	// 判断是否为本月
+	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
+		return false // 非本月
+	}
+
+	// 判断是否为工作日（周一至周五）
+	const weekday = dateObj.getDay()
+	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
+}
+
+function shouldShowDivider(rowIndex, dayIndex) {
+	const data = getDayData(rowIndex, dayIndex)
+
+	return data?.market_temperature && data?.stock_temperature
+}
+// 动态返回单元格类名
+// function tableCellStyle({ row, column, rowIndex, columnIndex }) {
+// 	let data = getDayData(rowIndex, columnIndex + 1)
+// 	if (data && data.stock_temperature && data.market_temperature) {
+// 		const stock = Number(data.stock_temperature)
+// 		const market = Number(data.market_temperature)
+// 		if (stock > market) {
+// 			return {
+// 				backgroundColor: '#BD10E0',
+// 				color: 'white'
+// 			}
+// 		} else if (stock < market) {
+// 			return { backgroundColor: '#0076FF', color: 'white' }
+// 		}
+// 	}
+// 	return {} // 默认样式
+// }
+const mode = ref('stock')
+function tableCellStyle({ row, column, rowIndex, columnIndex }) {
+	let data = getDayData(rowIndex, columnIndex + 1)
+	if (!data) return {}
+	let value = null
+	if (mode.value === 'stock') {
+		value = Number(data.stock_temperature)
+		console.log('股票温度:', value)
+	} else {
+		value = Number(data.market_temperature)
+	}
+
+	if (isNaN(value))
+		return {
+			backgroundColor: '#4b759f',
+			color: 'white'
+		}
+
+	// 区间染色
+	if (value >= 90) return { backgroundColor: '#BD0000', color: 'white' } // 红（沸点）
+	else if (value >= 70) return { backgroundColor: '#FF5638', color: 'white' } // 橙（高温）
+	else if (value >= 50) return { backgroundColor: '#C929E6', color: 'white' } // 紫（温热）
+	else if (value >= 20) return { backgroundColor: '#00AB00', color: 'white' } // 绿（回暖）
+	else if (value > 0) return { backgroundColor: '#87CEEB', color: 'white' } // 浅蓝（冰点）
+	else return { backgroundColor: '#4b759f', color: 'white' }
+	// else return
+}
+const today = new Date()
+const currentDate = `${String(today.getMonth() + 1).padStart(2, '0')}/${today.getFullYear()}`
+
+const tempInfo1 = computed(() => getTempInfo(data1.value)) //大盘温度
+const tempInfo2 = computed(() => getTempInfo(data2.value)) //个股温度
+// 计算区间文本和颜色
+function getTempInfo(value) {
+	if (value >= 90) return { text: 'current1', color: '#FF4500' } // 红
+	else if (value >= 70) return { text: 'current2', color: '#FF4500' } // 橙红
+	else if (value >= 50) return { text: 'current3', color: '#FFD700' } // 黄
+	else if (value >= 20) return { text: 'current4', color: '#00BFFF' } // 浅蓝
+	else return { text: 'current5', color: '#00EEFF' } // 青
+}
+const chartContainer = ref(null)
+const Data = ref([])
+// 定义响应式变量存储最后两个数字
+const data1 = ref() //大盘温度
+const data2 = ref() //个股温度
+const data3 = ref()
+// const getDayData = (dayIndex) => {
+//     // 假设数据是按周一到周五顺序排列的
+//     const dataIndex = dayIndex - 1;
+//     return roundedData.value[dataIndex] ? roundedData.value[dataIndex].join('|') : '-';
+// }
+const fetchData = async () => {
+	try {
+		const response = await axios.post(
+			'https://api.homilychart.com/link/api/aiEmotion/client/getAiEmotionData',
+			{
+				token: localStorage.getItem('localToken'),
+				market: localStorage.getItem('localMarket'),
+				code: localStorage.getItem('localCode'),
+				language: localStorage.getItem('userLanguage')
+			},
+			{
+				headers: { 'Content-Type': 'application/json' }
+			}
+		)
+
+		if (response.data.code === 200) {
+			Data.value = response.data.data.GSWDJ
+			WDRL.value = response.data.data.WDRL
+
+			// 数据清洗并四舍五入
+			roundedData.value = Data.value.map(([date, num1, num2]) => [
+				date,
+				Math.round(num1),
+				Math.round(num2)
+			])
+
+			// 取最后一条数据
+			const lastTwoNumbers = roundedData.value.at(-1)
+			data1.value = lastTwoNumbers[1] // 市场温度
+			data3.value = lastTwoNumbers[0] // 日期
+
+			// 指数代码判断逻辑
+			const indexCodes = [
+				'NDX',
+				'DJIA',
+				'SPX',
+				'STI',
+				'KLSE',
+				'TSX',
+				'N225',
+				'KS11',
+				'JKSE',
+				'1A0001',
+				'HSI',
+				'I63',
+				'VNINDE'
+			]
+			const currentCode = localStorage.getItem('localCode')
+
+			if (indexCodes.includes(currentCode)) {
+				data2.value = 'NA' // 股票温度为 NA
+			} else {
+				data2.value = lastTwoNumbers[2] // 股票温度
+			}
+
+			// 渲染图表
+			if (priceDataList.value) {
+				const currentData = JSON.parse(JSON.stringify(toRaw(priceDataList.value)))
+				KlineCanvsEcharts(currentData)
+			}
+		} else {
+			ElMessage.error(response.data.msg || '请求失败')
+		}
+	} catch (error) {
+		console.error('API Error:', error)
+		ElMessage.error('网络请求失败')
+	}
+}
+// 组件挂载时自动执行
+// onMounted(fetchData)
+onBeforeMount(fetchData)
+const { swordDataList, showALLData } = storeToRefs(dataStore)
+const tableData = []
+watch(
+	showALLData,
+	(newValue) => {
+		const currentData = JSON.parse(JSON.stringify(toRaw(newValue)))
+		if (currentData) {
+			nextTick(() => {
+				fnGetDataShow(currentData)
+			})
+		}
+	},
+	{ immediate: true, deep: true }
+)
+let StockInformation = ref({})
+const fnGetDataShow = (data) => {
+	StockInformation.value = data.StockInformation
+}
+
+watch(
+	priceDataList,
+	(newValue) => {
+		const currentData = JSON.parse(JSON.stringify(toRaw(newValue))) // 深拷贝防止切换回来数据更改
+		if (currentData) {
+			nextTick(() => {
+				KlineCanvsEcharts(currentData)
+			})
+		}
+	},
+	{ immediate: true, deep: true }
+)
+// 监听数据变化或语言变化
+watch(
+	() => t.value,
+	(newLang) => {
+		// 更新 textEcharts 内容并重新渲染图表
+		if (priceDataList.value) {
+			const currentData = JSON.parse(JSON.stringify(toRaw(priceDataList.value)))
+			nextTick(() => {
+				KlineCanvsEcharts(currentData)
+			})
+		}
+	},
+	{ immediate: true, deep: true }
+)
+async function KlineCanvsEcharts(datatok) {
+	const textEcahrts = t.value
+	const data = datatok.KLine20
+
+	// 切割数据方法
+	const spliteDate = (a) => {
+		const categoryData = []
+		let value = []
+		for (let i = 0; i < a.length; i++) {
+			categoryData.push(a[i].splice(0, 1)[0])
+			value.push(a[i])
+		}
+		return { categoryData, value }
+	}
+	const dealData = spliteDate(data)
+
+	// 处理折线数据
+	const lineData1 = roundedData.value.map((item) => item[1])
+	const lineData2 = roundedData.value.map((item) => item[2])
+	const showStockLine = !(
+		lineData1.length === lineData2.length && lineData1.every((v, i) => v === lineData2[i])
+	)
+	const series = [
+		{
+			type: 'candlestick',
+			name: 'K线',
+			data: dealData.value,
+			yAxisIndex: 0,
+			itemStyle: {
+				normal: {
+					color0: '#FD1050',
+					color: '#0CF49B',
+					borderColor0: '#FD1050',
+					borderColor: '#0CF49B'
+				}
+			}
+		},
+		{
+			name: '市场温度',
+			type: 'line',
+			data: lineData1,
+			yAxisIndex: 1,
+			symbol: 'circle',
+			symbolSize: 6,
+			smooth: true,
+			lineStyle: { width: 2 },
+			emphasis: { lineStyle: { width: 3 } }
+		}
+	]
+
+	if (showStockLine) {
+		series.push({
+			name: '股票温度',
+			type: 'line',
+			data: lineData2,
+			yAxisIndex: 1,
+			symbol: 'circle',
+			symbolSize: 6,
+			smooth: true,
+			lineStyle: { width: 2 },
+			emphasis: {
+				lineStyle: {
+					color: '#ffffff',
+					width: 3
+				}
+			}
+		})
+	}
+	// 给配置项
+	const KlineOption = {
+		title: {
+			text: '',
+			left: 0
+		},
+		tooltip: {
+			trigger: 'axis',
+			formatter: function (a) {
+				let def = a[0].name
+
+				// K线数据
+				if (a[0].seriesType === 'candlestick') {
+					def +=
+						'<br/>' +
+						textEcahrts.kai +
+						a[0].data[1] +
+						'<br/>' +
+						textEcahrts.shou +
+						a[0].data[2] +
+						'<br/>' +
+						textEcahrts.di +
+						a[0].data[3] +
+						'<br/>' +
+						textEcahrts.gao +
+						a[0].data[4]
+				}
+
+				// 折线数据
+				a.forEach((item) => {
+					if (item.seriesType === 'line') {
+						def += '<br/>' + item.seriesName + ': ' + item.value
+					}
+				})
+
+				return def
+			},
+			axisPointer: {
+				animation: false,
+				type: 'line',
+				linestyle: {
+					color: '#376df4',
+					width: 2,
+					opacity: 1
+				}
+			}
+		},
+		legend: {
+			data: [
+				{
+					name: 'K线',
+					// icon: 'rect',
+					textStyle: {
+						color: 'white'
+					}
+				},
+				{
+					name: '市场温度',
+					// icon: 'circle',
+					textStyle: {
+						color: 'white'
+					}
+				},
+				{
+					name: '股票温度',
+					// icon: 'circle',
+					textStyle: {
+						color: 'white'
+					}
+				}
+			],
+			color: 'white',
+			selected: {
+				K线: true,
+				市场温度: true,
+				股票温度: true
+			},
+			// left: '220vw',
+			top: '60vw'
+		},
+		xAxis: {
+			type: 'category',
+			data: dealData.categoryData,
+			axisLine: { lineStyle: { color: '#8392A5' } }
+		},
+		grid: {
+			left: '12%',
+			right: '10%',
+			bottom: '60vw',
+			top: '18%'
+		},
+		yAxis: [
+			// 左侧Y轴（K线使用）
+			{
+				scale: true,
+				axisLabel: {
+					formatter: function (value) {
+						return value
+					}
+				},
+				axisLine: {
+					lineStyle: { color: '#8392A5' },
+					show: true
+				},
+				splitLine: {
+					show: false
+				}
+			},
+			// 右侧Y轴（折线使用）
+			{
+				scale: true,
+				position: 'right',
+				min: 1,
+				max: 100,
+				axisLabel: {
+					formatter: function (value) {
+						return value
+					},
+					color: '#FFA500'
+				},
+				axisLine: {
+					lineStyle: {
+						color: 'purple',
+						width: 2
+					},
+					show: true
+				},
+				splitLine: {
+					show: false
+				}
+			}
+		],
+		color: ['#f00', '#9370DB'],
+		dataZoom: [
+			{
+				textStyle: {
+					color: '#8392A5'
+				},
+				handleIcon:
+					'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
+				handleSize: '80%',
+				dataBackground: {
+					areaStyle: {
+						color: '#8392A5'
+					},
+					lineStyle: {
+						opacity: 0.8,
+						color: '#8392A5'
+					}
+				},
+				handleStyle: {
+					color: '#fff',
+					shadowBlur: 3,
+					shadowColor: 'rgba(0, 0, 0, 0.6)',
+					shadowOffsetX: 2,
+					shadowOffsetY: 2
+				}
+			},
+			{
+				show: false,
+				type: 'slider'
+			},
+			{
+				type: 'inside'
+			}
+		],
+		animation: true,
+		series: series
+	}
+	// 	const chart = echarts.init(KlineCanvs.value)
+	// chart.clear() // 清空旧图表
+	// chart.setOption(KlineOption) // 设置新图表
+
+	// 创建图表实例
+	const KlineCanvsChart = echarts.init(KlineCanvs.value)
+	KlineCanvsChart.setOption(KlineOption)
+
+	// 窗口大小变化时重置图表大小
+	window.addEventListener('resize', () => {
+		KlineCanvsChart.resize()
+	})
+
+	return KlineCanvsChart // 返回图表实例以便外部控制
+}
+</script>
+
+<style scoped lang="less">
+/* 获取报告图按钮样式 */
+// .getReport {
+// 	background-image: url('https://d31zlh4on95l9h.cloudfront.net/images/f111e488ad3efb5af20d6c25b1bfd7b4.png');
+// 	position: fixed;
+// 	background-repeat: no-repeat;
+// 	background-size: 100% 80%;
+// 	background-position: center;
+// 	bottom: -3vw;
+// 	left: 50%;
+// 	transform: translateX(-50%);
+// 	width: 50vw;
+// 	height: 13vw;
+// 	.getReport-text {
+// 		color: #fff; /* 文字颜色 */
+// 		text-align: center; /* 文字居中 */
+// 		font-size: 2vw; /* 字体大小 */
+// 		z-index: 1; /* 层级高于背景图 */
+// 		position: absolute;
+// 		top: 36%;
+// 		left: 50%;
+// 		width: 100%;
+// 		transform: translate(-50%, -50%);
+// 	}
+// }
+.home {
+	min-height: 100vh;
+	background-color: rgb(0, 22, 65);
+
+	&-bgc {
+		width: 100%;
+		min-height: 100%;
+		background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/9127b508676df658e270b0bc558d533d.png);
+		background-size: 100%;
+		background-repeat: no-repeat;
+	}
+}
+
+.top {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	// margin-bottom: 30px;
+}
+
+.container {
+	margin: 0 auto;
+	padding: 20px;
+	max-width: 70vw;
+
+	.content {
+		// margin: 0 auto;
+		// padding: 20px;
+		max-width: 70vw;
+
+		.border1 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 60vw;
+			height: 220px;
+			position: relative;
+			left: -10px;
+
+			.dial1 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				position: absolute;
+				top: 4vw;
+				left: 3vw;
+				width: 22vw;
+				height: 22vw;
+				color: white;
+				font-size: 30px;
+				text-align: center;
+				padding-top: 8vw;
+			}
+
+			.dial2 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				position: absolute;
+				top: 4vw;
+				left: 35vw;
+				width: 22vw;
+				height: 22vw;
+				color: white;
+				font-size: 30px;
+				text-align: center;
+				padding-top: 8vw;
+			}
+
+			.text1 {
+				color: white;
+				position: absolute;
+				font-size: 18px;
+				top: 75%;
+				left: 15.5%;
+			}
+
+			.text2 {
+				color: white;
+				position: absolute;
+				font-size: 18px;
+				top: 75%;
+				left: 68%;
+			}
+
+			.text3 {
+				color: white;
+				position: absolute;
+				font-size: 20px;
+				top: 30%;
+				left: 38%;
+			}
+		}
+
+		.border2 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 57vw;
+			height: 43px;
+			// color: #00EEFF;
+			font-size: 16px;
+			padding-left: 30px;
+			padding-top: 5px;
+			display: none;
+		}
+
+		.name {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			position: absolute;
+			width: 13vw;
+			height: 6vw;
+			left: 43%;
+			margin-top: 10px;
+			z-index: 1;
+			color: white;
+			text-align: center;
+			font-size: 2.5vw;
+			padding-top: 8px;
+		}
+
+		.border3 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 57vw;
+			height: 270px;
+			margin-top: 50px;
+			position: relative;
+			z-index: 2;
+
+			.chart {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+			}
+
+			.trapezoid {
+				text-align: center;
+				color: white;
+				position: absolute;
+				width: 10vw;
+				left: 41%;
+				top: -32px;
+				font-size: 1.5vw;
+			}
+
+			.KlineClass {
+				position: absolute;
+				width: 58vw;
+				height: 100%;
+				left: 0;
+				bottom: 5%;
+			}
+		}
+
+		.border4 {
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
+			background-size: 100%;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 57vw;
+			height: 430px;
+			margin-top: 25px;
+			position: relative;
+			z-index: 2;
+			.el-table {
+				// /deep/.cell {
+				// 	line-height: 30px;
+				// }
+				/deep/.el-table__cell {
+					text-align: center;
+					font-size: 1.5vw;
+				}
+				/deep/ .table_header {
+					height: 4vw;
+				}
+				/deep/ .el-table__header {
+					.cell {
+						line-height: 30px;
+					}
+				}
+				top: 5vw;
+				width: 55.5vw;
+				height: 47vw;
+				margin-left: 0.9vw;
+				position: absolute;
+			}
+
+			.WDRL_date {
+				margin-top: 2px;
+				/* 将文字往上移动 */
+				text-align: center;
+				font-size: 1.6vw;
+				font-weight: bold;
+				padding-top: 0%;
+
+				.month-display {
+					position: absolute;
+					top: 0;
+					right: 0;
+					font-size: 1vw;
+					color: rgb(58, 58, 58);
+				}
+			}
+
+			.WDRL_data {
+				height: 100%;
+				margin-top: 5px;
+				text-align: center;
+				font-size: 1vw;
+				font-weight: bold;
+			}
+
+			.temperature-cell {
+			}
+
+			/* 穿透 el-table 的单元格样式 */
+			/deep/ .market-hot-cell {
+				background-color: #da2020 !important;
+				/* 浅红色 */
+			}
+
+			/deep/ .stock-hot-cell {
+				background-color: #4a31d4 !important;
+				/* 浅绿色 */
+			}
+		}
+
+		.border5 {
+			position: relative;
+			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/414c6163a6bb7013add2ec026ceb5539.png);
+			background-size: cover;
+			background-position: center;
+			background-repeat: no-repeat;
+			width: 100%;
+			max-width: 57vw;
+			margin: 0 auto;
+			padding: 2vw;
+			box-sizing: border-box;
+			height: auto;
+
+			.border5-text1 {
+				font-size: 2vw;
+				color: white;
+				position: absolute;
+				top: 5.5vw;
+				left: 3.5vw;
+				white-space: nowrap;
+			}
+
+			.border5-text2 {
+				margin-left: 14vw;
+				font-family: 'Microsoft Yahei', sans-serif;
+				color: #fff;
+				font-size: 1.2rem;
+				line-height: 1rem;
+				box-sizing: border-box;
+
+				.temp-item {
+					margin-bottom: 0.6rem;
+					display: flex;
+					justify-content: flex-start;
+					flex-wrap: wrap;
+					font-weight: 500;
+				}
+
+				.level {
+					font-weight: bold;
+					margin-right: 0.5rem;
+					white-space: nowrap;
+				}
+
+				.color {
+					font-weight: bold;
+					margin-left: 0.5rem;
+					white-space: nowrap;
+				}
+
+				.temp-note {
+					font-size: 1.2rem;
+					line-height: 1.5rem;
+					margin-top: 1.2rem;
+					color: #ddd;
+					margin-bottom: 5%;
+				}
+			}
+		}
+
+		.introduction,
+		.highlight {
+			color: #fff;
+			font-size: 16px;
+			line-height: 1.8;
+			padding: 16px;
+		}
+
+		.introduction ol {
+			list-style: decimal;
+			padding-left: 20px;
+		}
+
+		.temp-range {
+			font-weight: bold;
+		}
+
+		.temp-range.hot {
+			color: #ff3333;
+		}
+
+		.temp-range.high {
+			color: #ff9900;
+		}
+
+		.temp-range.warm {
+			color: #cc66ff;
+		}
+
+		.temp-range.mild {
+			color: #33cc33;
+		}
+
+		.temp-range.cold {
+			color: #66ccff;
+		}
+
+		.highlight h3 {
+			text-align: center;
+			font-size: 2rem;
+			font-weight: bold;
+			margin-bottom: 1rem;
+			color: #ffffff;
+		}
+
+		.highlight p {
+			text-indent: 1.5rem;
+			// font-size: ;
+		}
+	}
+
+	// /* ✅ 适配：平板 */
+	// @media (min-width: 768px) and (max-width: 1024px) {
+	//   .introduction, .highlight {
+	//     font-size: 15px;
+	//     padding: 14px;
+	//   }
+	// }
+
+	// /* ✅ 适配：PC大屏 */
+	// @media (min-width: 1025px) {
+	//   .introduction, .highlight {
+	//     max-width: 800px;
+	//     margin: 0 auto;
+	//   }
+	// }
+}
+</style>
+<style scoped lang="less">
+/* ✅ 适配：平板 */
+@media (min-width: 768px) and (max-width: 1024px) {
+	.introduction,
+	.highlight {
+		font-size: 15px;
+		padding: 14px;
+	}
+
+	.highlight h3 {
+		font-size: 1.5rem;
+	}
+
+	.border5-text2 {
+		font-size: 1rem;
+		line-height: 1.6rem;
+		padding: 1.2rem;
+	}
+
+	.border5 {
+		height: 21rem;
+	}
+}
+
+/* ✅ 适配：PC大屏 */
+@media (min-width: 1025px) {
+	.introduction,
+	.highlight {
+		max-width: 800px;
+		margin: 0 auto;
+	}
+
+	.highlight h3 {
+		font-size: 1.5rem;
+	}
+}
+
+@media (max-width: 768px) {
+	.container {
+		margin: 0 auto;
+		padding: 20px;
+		max-width: 100vw;
+
+		.content {
+			margin: 0 auto;
+			// padding: 20px;
+			max-width: 70vw;
+
+			.border1 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				left: -75px;
+				width: 90vw;
+				height: 300px;
+				position: relative;
+
+				.dial1 {
+					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
+					background-size: cover;
+					background-position: center;
+					background-repeat: no-repeat;
+					position: absolute;
+					top: 4vw;
+					left: 10vw;
+					width: 30vw;
+					height: 30vw;
+					padding-top: 12vw;
+				}
+
+				.dial2 {
+					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
+					background-size: cover;
+					background-position: center;
+					background-repeat: no-repeat;
+					position: absolute;
+					top: 4vw;
+					left: 52vw;
+					width: 30vw;
+					height: 30vw;
+					padding-top: 12vw;
+				}
+
+				.text1 {
+					color: white;
+					position: absolute;
+					font-size: 18px;
+					top: 75%;
+					left: 20.5%;
+				}
+
+				.text2 {
+					color: white;
+					position: absolute;
+					font-size: 18px;
+					top: 75%;
+					left: 67.5%;
+				}
+
+				.text3 {
+					color: white;
+					position: absolute;
+					font-size: 20px;
+					top: 35%;
+					left: 42%;
+				}
+			}
+
+			.border2 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				width: 95vw;
+				height: 70px;
+				// color: #00EEFF;
+				font-size: 18px;
+				margin-left: -18%;
+				padding-left: 50px;
+				padding-top: 9px;
+			}
+
+			.name {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				position: absolute;
+				width: 23vw;
+				height: 11vw;
+				left: 38%;
+				margin-top: 10px;
+				z-index: 1;
+				padding-top: 0.7rem;
+				font-size: 0.8rem;
+			}
+
+			.border3 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
+				background-size: cover;
+				background-position: center;
+				background-repeat: no-repeat;
+				width: 95vw;
+				height: 450px;
+				margin-top: 88px;
+				position: relative;
+				left: -18%;
+				z-index: 2;
+
+				.chart {
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 100%;
+				}
+
+				.trapezoid {
+					text-align: center;
+					color: white;
+					position: absolute;
+					width: 20vw;
+					left: 39.5%;
+					top: -65px;
+					font-size: 12px;
+
+					span {
+						display: block;
+						font-size: 0.7rem;
+					}
+				}
+
+				.KlineClass {
+					position: absolute;
+					width: 90vw;
+					height: 100%;
+					left: 3vw;
+					bottom: 5%;
+				}
+			}
+
+			.border4 {
+				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
+				background-size: 100%;
+				background-position: center;
+				background-repeat: no-repeat;
+				width: 95vw;
+				height: 630px;
+				margin-top: 78px;
+				position: relative;
+				left: -18%;
+				z-index: 2;
+
+				.el-table {
+					/deep/ .table_header {
+						height: 5vw;
+					}
+
+					/deep/ .el-table__header th,
+					/deep/ .el-table__body td {
+						width: auto !important;
+						/* 小屏幕下自动调整 */
+					}
+
+					top: 15px;
+					width: 93vw !important;
+					height: 80vw;
+					margin-left: 0.9vw;
+					position: absolute;
+				}
+
+				.WDRL_date {
+					text-align: center;
+					font-size: 2vw;
+					font-weight: bold;
+				}
+
+				.WDRL_data {
+					text-align: center;
+					font-size: 1.5vw;
+					font-weight: bold;
+				}
+
+				.temperature-cell {
+				}
+
+				/* 穿透 el-table 的单元格样式 */
+				/deep/ .market-hot-cell {
+					background-color: #da2020 !important;
+					/* 浅红色 */
+				}
+
+				/deep/ .stock-hot-cell {
+					background-color: #4a31d4 !important;
+					/* 浅绿色 */
+				}
+			}
+
+			.border5 {
+				height: auto;
+
+				.border5-text2 {
+					margin-left: 0 !important;
+					padding: 0 0.3rem;
+					font-size: 0.7rem;
+					line-height: 1rem;
+					white-space: normal;
+					word-break: break-word;
+					text-align: left;
+					margin-top: 9%;
+
+					.temp-item {
+						display: flex !important;
+						flex-direction: row !important;
+						/* 水平排列 */
+						justify-content: flex-start;
+						align-items: center !important;
+						margin-bottom: 0.6rem;
+						flex-wrap: wrap;
+						/* 小屏幕自动换行 */
+					}
+
+					.temp-item .level {
+						font-weight: bold;
+						margin-right: 0.5rem;
+						white-space: nowrap;
+						/* 避免文字拆开 */
+					}
+
+					.temp-item .color {
+						font-weight: bold;
+						margin-left: 0.5rem;
+					}
+
+					.temp-note {
+						font-size: 0.8rem;
+						margin-bottom: 12%;
+					}
+				}
+			}
+
+			.highlight h3 {
+				font-size: 0.5rem;
+			}
+		}
+	}
+}
+
+/* 适配手机小屏幕 */
+@media (max-width: 480px) {
+	.border5-text2 {
+		font-size: 0.8rem;
+		line-height: 1.4rem;
+
+		.temp-item {
+			flex-direction: column !important;
+			/* 更小屏幕下竖排 */
+			align-items: flex-start !important;
+		}
+	}
+}
+</style>

From 42f1e3cb48fff80e5e65e3e3f185615f1e06b860 Mon Sep 17 00:00:00 2001
From: dongqian <3475123872@qq.com>
Date: Sat, 7 Jun 2025 17:31:49 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=B8=A9=E5=BA=A6?=
 =?UTF-8?q?=E8=AE=A1=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AiEmotion.vue                    |    5 +-
 src/views/Emotionsmodel.vue                |    2 +-
 src/views/components/marketTemperature.vue | 1580 +++-------------------------
 3 files changed, 168 insertions(+), 1419 deletions(-)

diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue
index 7662751..f4a67f9 100644
--- a/src/views/AiEmotion.vue
+++ b/src/views/AiEmotion.vue
@@ -1,10 +1,7 @@
 <template>
     <div class="ai-emotion-container">
         <!-- 消息显示区域 -->
-          <div class="03">
-      <marketTemperature/>
-        </div>
-               </div>
+         
         <div class="user-input-display">
             <div v-for="(message, index) in messages" :key="index" class="message-container">
                 <!-- 用户输入内容 -->
diff --git a/src/views/Emotionsmodel.vue b/src/views/Emotionsmodel.vue
index 8bef924..03c46aa 100644
--- a/src/views/Emotionsmodel.vue
+++ b/src/views/Emotionsmodel.vue
@@ -45,7 +45,7 @@ const goToAiEmotion = () => {
   // 设置 sessionStorage 控制 homepage.vue 激活 AiEmotion tab
   sessionStorage.setItem("activeTabAI", "AiEmotion")
   sessionStorage.setItem("activeIndexAI", "2")
-  router.push("/marketTemperature")
+  router.push("/homePage")
 }
 </script>
 
diff --git a/src/views/components/marketTemperature.vue b/src/views/components/marketTemperature.vue
index 5202f29..2c5d646 100644
--- a/src/views/components/marketTemperature.vue
+++ b/src/views/components/marketTemperature.vue
@@ -1,455 +1,169 @@
 <template>
-	<div class="home">
-		<div class="home-bgc">
-			<div class="container">
-				<header class="top">
-					<!-- 搜索框 修改-->
-				</header>
-				<main class="content">
-					<div class="border1">
-						<div
-							class="dial1"
-							:style="{
-								backgroundImage:
-									data2 >= 50
-										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
-										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
-							}"
-						>
-							{{ data2 }}
-						</div>
-						<div
-							class="dial2"
-							:style="{
-								backgroundImage:
-									data1 >= 50
-										? 'url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png)'
-										: 'url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png)'
-							}"
-						>
-							{{ data1 }}
-						</div>
-						<div class="text1">{{ translate('StockTemperature') }}</div>
-						<div class="text2">{{ translate('MarketTemperature') }}</div>
-						<div class="text3">{{ data3 }}</div>
-					</div>
-					<div class="border2" :style="{ color: tempInfo1.color }">
-						{{ translate('StockPopularity') }} {{ translate('current1_1') }}{{ data2 }},{{
-							translate(tempInfo1.text)
-						}}
-					</div>
-					<div class="border2" :style="{ color: tempInfo2.color }">
-						{{ translate('MarketTemperature') }} {{ translate('current2_1') }}{{ data1 }},{{
-							translate(tempInfo2.text)
-						}}
-					</div>
-					<div>
-						<smallTitle titleKey="StockMarketTemperatureTrend" />
-					</div>
-					<div class="name"></div>
-					<div class="border3">
-						<section class="chart-section">
-							<div>
-								<div class="trapezoid">
-									<span>{{ StockInformation.Name }}</span>
-									<span>{{ StockInformation.Code }}</span>
-								</div>
-								<img
-									v-if="showLoading"
-									alt="加载中"
-									src="../../assets/img/huntingSword/loading.gif"
-									class="loading-img"
-								/>
-								<div ref="KlineCanvs" class="KlineClass"></div>
-							</div>
-						</section>
-					</div>
-					<div class="border2" :style="{ color: tempInfo2.color }">
-						{{ translate('TemperatureTrend') }}
-					</div>
-					<!-- <el-button @click="toggleChartDisplay">点击查看股市温度趋势</el-button> -->
-					<div>
-						<smallTitle titleKey="StockMarketTemperatureCalendar" />
-					</div>
-					<div class="name">{{ currentDate }}</div>
-					<div class="border4">
-						<el-table
-							:data="groupedWDRL"
-							border
-							:row-style="{ height: '8.6vw' }"
-							header-cell-class-name="table_header"
-							:cell-style="tableCellStyle"
-						>
-							<!-- 循环渲染 7 列（周一至周日） -->
-							<el-table-column
-								v-for="(day, colIndex) in ['yi', 'er', 'san', 'si', 'wu', 'liu', 'ri']"
-								:key="colIndex"
-								:label="translate(day)"
-							>
-								<template #default="{ $index: rowIndex }">
-									<div v-if="getDayData(rowIndex, colIndex + 1)">
-										<p class="WDRL_date">
-											{{ formatDate(getDayData(rowIndex, colIndex + 1).date) }}
-											<span class="month-display">
-												{{ formatMonth(getDayData(rowIndex, colIndex + 1).date) }}
-											</span>
-										</p>
-										<p class="WDRL_data">
-											<!-- 如果是指数，只显示 market温度 -->
-											<template v-if="isIndexCode">
-												<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
-													{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
-												</span>
-											</template>
-
-											<!-- 如果是个股，显示 stock | market -->
-											<template v-else>
-												<template v-if="isBothRest(rowIndex, colIndex + 1)" class="myclass">
-													休市
-												</template>
-												<template v-else>
-													<span v-if="getDayData(rowIndex, colIndex + 1)?.stock_temperature">
-														{{ getDayData(rowIndex, colIndex + 1).stock_temperature }}
-													</span>
-													<span v-if="shouldShowDivider(rowIndex, colIndex + 1)"> | </span>
-													<span v-if="getDayData(rowIndex, colIndex + 1)?.market_temperature">
-														{{ getDayData(rowIndex, colIndex + 1).market_temperature }}
-													</span>
-												</template>
-											</template>
-										</p>
-									</div>
-									<!-- 无数据时（工作日显示休市） -->
-									<div v-else-if="shouldShowRest(rowIndex, colIndex + 1)">
-										<p class="WDRL_date">休市</p>
-									</div>
-								</template>
-							</el-table-column>
-						</el-table>
-					</div>
-					<div class="border5">
-						<div class="border5-text1">{{ translate('TemperatureCalendar') }}</div>
-						<div class="border5-text2">
-							<div class="temp-item">
-								<span class="level">冰点区：0~20</span><span class="color">对应颜色：浅蓝色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">回暖区：20~50</span><span class="color"> 对应颜色：绿色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">温热区：50~70</span><span class="color"> 对应颜色：紫色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">高温区：70~90</span><span class="color"> 对应颜色：橙色</span>
-							</div>
-							<div class="temp-item">
-								<span class="level">沸点区：90~100</span><span class="color"> 对应颜色：红色</span>
-							</div>
-							<div class="temp-note">
-								当搜索的股票为个股时，展示【个股温度｜指数温度】，按照个股的温度展示颜色；<br />
-								当搜索的为指数时，展示【指数数据】，按照指数的温度展示颜色。
-							</div>
-						</div>
-					</div>
-					<div>
-						<smallTitle titleKey="FunctionOverview" />
-					</div>
-					<div class="introduction">
-						<ol>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range hot">温度数值:90~100(沸点区)</span>
-								<br />市场极度狂热，价格剧烈波动，易现“加速冲顶”与暴跌风险。强烈警惕！逢高减仓，防范踩踏。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range high">温度数值:70~90(高温区)</span>
-								<br />情绪持续升温，股价加速上涨，但潜在风险也在同步累积保持冷静，分批兑现，警惕回调。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range warm">温度数值:50~70(温热区)</span>
-								<br />情绪积极向上，资金稳步进场，趋势健康，量价配合良好。积极跟随趋势，顺势而为。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range mild">温度数值:20~50(回暖区)</span>
-								<br />市场逐步摆脱冰点，震荡筑底，情绪分歧大，主力吸筹等与散户观望并存。做好准备，精选标的，伺机加仓。
-							</li>
-							<li>
-								<span class="temptext">温度数值:</span
-								><span class="temp-range cold">温度数值:0~20(冰点区)</span>
-								<br />情绪冰冷，信心缺失，市场悲观恐慌，杀跌频发，往往是机会孕育的起点。反人性布局，逢低潜伏潜力股。
-							</li>
-						</ol>
-					</div>
-
-					<div>
-						<smallTitle titleKey="FeatureHighlights" />
-					</div>
-					<div class="highlight">
-						<h3>量化“情绪热度”的智能工具！</h3>
-						<p>
-							在股市中，影响涨跌的不只是基本面与技术面，更关键的是情绪面。情绪影响资金流向，
-							资金推动股价，股价变化反映市场热度，而市场热度的高低反应在股民的情绪波动中。
-							股市温度计，正是用来量化这种“情绪热度”！帮助你读懂市场情绪，抢占先机！
-						</p>
-					</div>
-				</main>
-			</div>
-		</div>
-		<el-dialog v-model="helpVisible" class="helpDialog" style="width: 300px">
-			<div style="text-align: center; font-size: 25px; font-weight: bold">AI情绪大模型</div>
-			<div style="margin-top: 25px; font-size: 18px; text-indent: 2em">
-				通过7大维度重构解析矩阵，利用人性波动规律，捕捉市场情绪奇点，用AI重构交易法则，重新定义智能投资新时代！
-			</div>
-			<div style="font-size: 18px; text-indent: 2em">
-				AI情绪大模型即将上线，更多功能，敬请期待！
-			</div>
-			<div style="margin-top: 25px; font-size: 17px">弘历智能研发团队祝您使用愉快！</div>
-			<div style="height: 50px"></div>
-		</el-dialog>
-		<!-- 获取报告图 -->
-		<!-- <div class="getReport">
-			<div class="getReport-bn"></div>
-			<div @click="goToReport()" class="getReport-text">点击获取股票情绪测评报告→</div>
-		</div> -->
-	</div>
+  <div class="home">
+    <div class="container">
+      <div class="border3">
+        <section class="chart-section">
+          <div>
+            <div class="trapezoid">
+              <span>NVIDIA</span>
+              <span>NVDA</span>
+            </div>
+            <div ref="KlineCanvs" class="KlineClass"></div>
+          </div>
+        </section>
+      </div>
+
+      <div class="border4">
+        <el-table
+          :data="groupedWDRL"
+          border
+          :row-style="{ height: '8.6vw' }"
+          header-cell-class-name="table_header"
+          :cell-style="tableCellStyle"
+        >
+          <el-table-column
+            v-for="(day, colIndex) in ['一', '二', '三', '四', '五', '六', '日']"
+            :key="colIndex"
+            :label="day"
+          >
+            <template #default="{ $index: rowIndex }">
+              <div v-if="getDayData(rowIndex, colIndex + 1)">
+                <p class="WDRL_date">
+                  {{ formatDate(getDayData(rowIndex, colIndex + 1).date) }}<span class="month-display">{{ formatMonth(getDayData(rowIndex, colIndex + 1).date) }}</span>
+                </p>
+                <p class="WDRL_data">
+                  <span v-if="getDayData(rowIndex, colIndex + 1).stock_temperature">{{ getDayData(rowIndex, colIndex + 1).stock_temperature }}</span>
+                  <span v-if="shouldShowDivider(rowIndex, colIndex + 1)"> | </span>
+                  <span v-if="getDayData(rowIndex, colIndex + 1).market_temperature">{{ getDayData(rowIndex, colIndex + 1).market_temperature }}</span>
+                </p>
+              </div>
+              <div v-else>
+                <p class="WDRL_date">休市</p>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
 import * as echarts from 'echarts'
-// import smallTitle from '../component/smallTitle.vue'
+import { ref, onMounted, computed } from 'vue'
 import axios from 'axios'
-import { useDataStore } from '@/store/dataList'
-import { storeToRefs } from 'pinia'
-import { useLanguage } from '@/utils/languageService'
-import { useRouter, useRoute } from 'vue-router'
-import { min } from 'lodash'
-import { setHeight } from '@/utils/setHeight'
-
-function isBothRest(rowIndex, colIndex) {
-	const data = getDayData(rowIndex, colIndex)
-	return data && data.stock_temperature === '休市' && data.market_temperature === '休市'
-}
 
-// 指数代码集合（可补充）
-const indexCodes = [
-	'NDX',
-	'DJIA',
-	'SPX',
-	'STI',
-	'KLSE',
-	'TSX',
-	'N225',
-	'KS11',
-	'JKSE',
-	'1A0001',
-	'HSI',
-	'I63',
-	'VNINDE'
-]
+const KlineCanvs = ref()
+const WDRL = ref([
+  { date: '2025/06/01', stock_temperature: 65, market_temperature: 70 },
+  { date: '2025/06/02', stock_temperature: 50, market_temperature: 55 },
+  { date: '2025/06/03', stock_temperature: 40, market_temperature: 60 },
+  { date: '2025/06/04', stock_temperature: 85, market_temperature: 80 },
+  { date: '2025/06/05', stock_temperature: 95, market_temperature: 90 },
+  { date: '2025/06/06', stock_temperature: 30, market_temperature: 35 },
+  { date: '2025/06/07', stock_temperature: 60, market_temperature: 65 },
+  // 第二周
+  { date: '2025/06/08', stock_temperature: 70, market_temperature: 75 },
+  { date: '2025/06/09', stock_temperature: 80, market_temperature: 85 },
+  { date: '2025/06/10', stock_temperature: 90, market_temperature: 95 },
+  { date: '2025/06/11', stock_temperature: 100, market_temperature: 100 },
+])
 
-// 当前是否为指数
-const isIndexCode = computed(() => {
-	const code = localStorage.getItem('localCode')
-	return indexCodes.includes(code)
-})
-const windowHeight = ref(window.innerHeight) // 响应式变量存储窗口高度
-// 更新窗口高度
-const updateHeight = () => {
-	windowHeight.value = window.innerHeight // 更新响应式变量
-}
-onMounted(() => {
-	window.addEventListener('resize', updateHeight) // 监听窗口变化
+const groupedWDRL = computed(() => {
+  const result = []
+  for (let i = 0; i < WDRL.value.length; i += 7) {
+    result.push(WDRL.value.slice(i, i + 7))
+  }
+  return result
 })
-const KlineCanvs = ref() // Echarts实例
-const dataStore = useDataStore()
-const { priceDataList } = storeToRefs(dataStore)
-const { translate, t } = useLanguage()
-t.value = t.value || { suoxie: 'cn' }
-const helpVisible = ref(false)
-const zhiyin = () => {
-	helpVisible.value = !helpVisible.value
-}
 
-const roundedData = ref([])
-const WDRL = ref([])
 function getDayData(rowIndex, dayIndex) {
-	const weekData = groupedWDRL.value[rowIndex]
-	if (weekData && weekData.length >= dayIndex) {
-		return weekData[dayIndex - 1] // 返回对应列的数据
-	}
-	return null
+  const weekData = groupedWDRL.value[rowIndex]
+  if (weekData && weekData.length >= dayIndex) {
+    return weekData[dayIndex - 1] || {}
+  }
+  return {}
 }
 
-// 跳转报告页的方法
-// async function goToReport() {
-// 	await router.push({
-// 		path: '/reports'
-// 	})
-// }
-// 将 WDRL 数据按 7 天一组拆分
-const groupedWDRL = computed(() => {
-	const result = []
-	for (let i = 0; i < WDRL.value.length; i += 7) {
-		result.push(WDRL.value.slice(i, i + 7))
-	}
-	return result
-})
-// 格式化日期，返回月份
-function formatMonth(dateStr) {
-	if (!dateStr) return ''
-	// 假设 dateStr 格式为 "2025/05/13"
-	const month = dateStr.split('/')[1] // 获取月份 "05"
-	const monthMap = {
-		'01': '一月',
-		'02': '二月',
-		'03': '三月',
-		'04': '四月',
-		'05': '五月',
-		'06': '六月',
-		'07': '七月',
-		'08': '八月',
-		'09': '九月',
-		10: '十月',
-		11: '十一月',
-		12: '十二月'
-	}
-	return monthMap[month] || '' // 返回中文月份
-}
-function formatDate(dateStr) {
-	if (!dateStr) return ''
-	// 假设 dateStr 格式为 "2025/05/13"
-	return dateStr.split('/')[2] // 返回 "13"
+function shouldShowDivider(rowIndex, dayIndex) {
+  const data = getDayData(rowIndex, dayIndex)
+  return data?.market_temperature && data?.stock_temperature
 }
-// function shouldShowRest(rowIndex, dayIndex) {
-// 	const data = getDayData(rowIndex, dayIndex)
-// 	// 有数据就不显示“休市”
-// 	if (data && (data.stock_temperature || data.market_temperature)) return false
-// 	// 获取这格子的日期（根据第一天是周几推算）
-// 	const flatIndex = rowIndex * 7 + (dayIndex - 1)
-// 	const targetDay = WDRL.value[flatIndex]
-// 	if (!targetDay || !targetDay.date) return false
-// 	const [year, month, day] = targetDay.date.split('/').map(Number)
-// 	if (!year || !month || !day) return false
-// 	const dateObj = new Date(year, month - 1, day)
-// 	const today = new Date()
-// 	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
-// 		return false // 非本月
-// 	}
-// 	const weekday = dateObj.getDay()
-// 	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
-// }
-
-function shouldShowRest(rowIndex, dayIndex) {
-	const data = getDayData(rowIndex, dayIndex)
-	// 有数据就不显示“休市”
-	if (data && (data.stock_temperature || data.market_temperature)) return false
-
-	// 获取这格子的日期（根据第一天是周几推算）
-	const flatIndex = rowIndex * 7 + (dayIndex - 1)
-	const targetDay = WDRL.value[flatIndex]
-	if (!targetDay || !targetDay.date) return false
 
-	const [year, month, day] = targetDay.date.split('/').map(Number)
-	if (!year || !month || !day) return false
-
-	const dateObj = new Date(year, month - 1, day)
-	const today = new Date()
-
-	// 判断是否为本月
-	if (dateObj.getMonth() !== today.getMonth() || dateObj.getFullYear() !== today.getFullYear()) {
-		return false // 非本月
-	}
-
-	// 判断是否为工作日（周一至周五）
-	const weekday = dateObj.getDay()
-	return weekday >= 1 && weekday <= 5 // 周一至周五为工作日
+function formatMonth(dateStr) {
+  if (!dateStr) return ''
+  return dateStr.split('/')[1] + '月'
 }
 
-function shouldShowDivider(rowIndex, dayIndex) {
-	const data = getDayData(rowIndex, dayIndex)
-
-	return data?.market_temperature && data?.stock_temperature
+function formatDate(dateStr) {
+  if (!dateStr) return ''
+  return dateStr.split('/')[2]
 }
-// 动态返回单元格类名
-// function tableCellStyle({ row, column, rowIndex, columnIndex }) {
-// 	let data = getDayData(rowIndex, columnIndex + 1)
-// 	if (data && data.stock_temperature && data.market_temperature) {
-// 		const stock = Number(data.stock_temperature)
-// 		const market = Number(data.market_temperature)
-// 		if (stock > market) {
-// 			return {
-// 				backgroundColor: '#BD10E0',
-// 				color: 'white'
-// 			}
-// 		} else if (stock < market) {
-// 			return { backgroundColor: '#0076FF', color: 'white' }
-// 		}
-// 	}
-// 	return {} // 默认样式
-// }
-const mode = ref('stock')
-function tableCellStyle({ row, column, rowIndex, columnIndex }) {
-	let data = getDayData(rowIndex, columnIndex + 1)
-	if (!data) return {}
-	let value = null
-	if (mode.value === 'stock') {
-		value = Number(data.stock_temperature)
-		console.log('股票温度:', value)
-	} else {
-		value = Number(data.market_temperature)
-	}
 
-	if (isNaN(value))
-		return {
-			backgroundColor: '#4b759f',
-			color: 'white'
-		}
-
-	// 区间染色
-	if (value >= 90) return { backgroundColor: '#BD0000', color: 'white' } // 红（沸点）
-	else if (value >= 70) return { backgroundColor: '#FF5638', color: 'white' } // 橙（高温）
-	else if (value >= 50) return { backgroundColor: '#C929E6', color: 'white' } // 紫（温热）
-	else if (value >= 20) return { backgroundColor: '#00AB00', color: 'white' } // 绿（回暖）
-	else if (value > 0) return { backgroundColor: '#87CEEB', color: 'white' } // 浅蓝（冰点）
-	else return { backgroundColor: '#4b759f', color: 'white' }
-	// else return
+function tableCellStyle({ row, column, rowIndex, columnIndex }) {
+  const data = getDayData(rowIndex, columnIndex + 1)
+  const value = Number(data?.stock_temperature)
+  if (isNaN(value)) return {}
+  if (value >= 90) return { backgroundColor: '#BD0000', color: 'white' }
+  else if (value >= 70) return { backgroundColor: '#FF5638', color: 'white' }
+  else if (value >= 50) return { backgroundColor: '#C929E6', color: 'white' }
+  else if (value >= 20) return { backgroundColor: '#00AB00', color: 'white' }
+  else return { backgroundColor: '#87CEEB', color: 'white' }
 }
-const today = new Date()
-const currentDate = `${String(today.getMonth() + 1).padStart(2, '0')}/${today.getFullYear()}`
 
-const tempInfo1 = computed(() => getTempInfo(data1.value)) //大盘温度
-const tempInfo2 = computed(() => getTempInfo(data2.value)) //个股温度
-// 计算区间文本和颜色
-function getTempInfo(value) {
-	if (value >= 90) return { text: 'current1', color: '#FF4500' } // 红
-	else if (value >= 70) return { text: 'current2', color: '#FF4500' } // 橙红
-	else if (value >= 50) return { text: 'current3', color: '#FFD700' } // 黄
-	else if (value >= 20) return { text: 'current4', color: '#00BFFF' } // 浅蓝
-	else return { text: 'current5', color: '#00EEFF' } // 青
-}
-const chartContainer = ref(null)
-const Data = ref([])
-// 定义响应式变量存储最后两个数字
-const data1 = ref() //大盘温度
-const data2 = ref() //个股温度
-const data3 = ref()
-// const getDayData = (dayIndex) => {
-//     // 假设数据是按周一到周五顺序排列的
-//     const dataIndex = dayIndex - 1;
-//     return roundedData.value[dataIndex] ? roundedData.value[dataIndex].join('|') : '-';
-// }
+onMounted(() => {
+  const chart = echarts.init(KlineCanvs.value)
+  chart.setOption({
+    tooltip: {},
+    legend: { data: ['K线', '市场温度', '股票温度'], textStyle: { color: 'white' } },
+    xAxis: {
+      data: ['6/1', '6/2', '6/3', '6/4', '6/5', '6/6', '6/7'],
+      axisLine: { lineStyle: { color: '#8392A5' } }
+    },
+    yAxis: [{}, {
+      min: 0,
+      max: 100,
+      position: 'right',
+      axisLabel: { color: '#FFA500' },
+      axisLine: { lineStyle: { color: 'purple', width: 2 } }
+    }],
+    color: ['#f00', '#9370DB'],
+    series: [
+      {
+        name: 'K线',
+        type: 'candlestick',
+        data: [[12, 15, 9, 18], [15, 18, 14, 20], [18, 20, 17, 22], [20, 22, 19, 24], [16, 22, 15, 20]],
+        itemStyle: { color: '#0CF49B', color0: '#FD1050' }
+      },
+      {
+        name: '市场温度',
+        type: 'line',
+        yAxisIndex: 1,
+        data: [70, 55, 60, 80, 90, 35, 65]
+      },
+      {
+        name: '股票温度',
+        type: 'line',
+        yAxisIndex: 1,
+        data: [65, 50, 40, 85, 95, 30, 60]
+      }
+    ]
+  })
+})
+onMounted(() => {
+  fetchData()
+});
+
 const fetchData = async () => {
 	try {
 		const response = await axios.post(
-			'https://api.homilychart.com/link/api/aiEmotion/client/getAiEmotionData',
+			// 'https://api.homilychart.com/link/api/aiEmotion/client/getAiEmotionData',
+            'http://39.101.133.168:8828/link/api/aiEmotion/client/getAiEmotionData',
 			{
-				token: localStorage.getItem('localToken'),
-				market: localStorage.getItem('localMarket'),
-				code: localStorage.getItem('localCode'),
-				language: localStorage.getItem('userLanguage')
+				token: '9ior41AF0xTIbIG2pRnnbZi0+fEeMx8pywnIlrmTwo5FbqJ9lWrSWOxp9MkpKiNtedtUafqvzIwpFKrwuMs',
+				market: 'usa',
+				code: 'TSLA',
+				language: 'cn'
 			},
 			{
 				headers: { 'Content-Type': 'application/json' }
@@ -457,7 +171,10 @@ const fetchData = async () => {
 		)
 
 		if (response.data.code === 200) {
-			Data.value = response.data.data.GSWDJ
+            console.log('打印数据',response.data)
+			Data.value = response.data.data.code
+            consle.log('1111111111111111111111')
+            console.log('打印温度计数据',response.data.data.code)
 			WDRL.value = response.data.data.WDRL
 
 			// 数据清洗并四舍五入
@@ -509,1000 +226,35 @@ const fetchData = async () => {
 		ElMessage.error('网络请求失败')
 	}
 }
-// 组件挂载时自动执行
-// onMounted(fetchData)
-onBeforeMount(fetchData)
-const { swordDataList, showALLData } = storeToRefs(dataStore)
-const tableData = []
-watch(
-	showALLData,
-	(newValue) => {
-		const currentData = JSON.parse(JSON.stringify(toRaw(newValue)))
-		if (currentData) {
-			nextTick(() => {
-				fnGetDataShow(currentData)
-			})
-		}
-	},
-	{ immediate: true, deep: true }
-)
-let StockInformation = ref({})
-const fnGetDataShow = (data) => {
-	StockInformation.value = data.StockInformation
-}
 
-watch(
-	priceDataList,
-	(newValue) => {
-		const currentData = JSON.parse(JSON.stringify(toRaw(newValue))) // 深拷贝防止切换回来数据更改
-		if (currentData) {
-			nextTick(() => {
-				KlineCanvsEcharts(currentData)
-			})
-		}
-	},
-	{ immediate: true, deep: true }
-)
-// 监听数据变化或语言变化
-watch(
-	() => t.value,
-	(newLang) => {
-		// 更新 textEcharts 内容并重新渲染图表
-		if (priceDataList.value) {
-			const currentData = JSON.parse(JSON.stringify(toRaw(priceDataList.value)))
-			nextTick(() => {
-				KlineCanvsEcharts(currentData)
-			})
-		}
-	},
-	{ immediate: true, deep: true }
-)
-async function KlineCanvsEcharts(datatok) {
-	const textEcahrts = t.value
-	const data = datatok.KLine20
-
-	// 切割数据方法
-	const spliteDate = (a) => {
-		const categoryData = []
-		let value = []
-		for (let i = 0; i < a.length; i++) {
-			categoryData.push(a[i].splice(0, 1)[0])
-			value.push(a[i])
-		}
-		return { categoryData, value }
-	}
-	const dealData = spliteDate(data)
-
-	// 处理折线数据
-	const lineData1 = roundedData.value.map((item) => item[1])
-	const lineData2 = roundedData.value.map((item) => item[2])
-	const showStockLine = !(
-		lineData1.length === lineData2.length && lineData1.every((v, i) => v === lineData2[i])
-	)
-	const series = [
-		{
-			type: 'candlestick',
-			name: 'K线',
-			data: dealData.value,
-			yAxisIndex: 0,
-			itemStyle: {
-				normal: {
-					color0: '#FD1050',
-					color: '#0CF49B',
-					borderColor0: '#FD1050',
-					borderColor: '#0CF49B'
-				}
-			}
-		},
-		{
-			name: '市场温度',
-			type: 'line',
-			data: lineData1,
-			yAxisIndex: 1,
-			symbol: 'circle',
-			symbolSize: 6,
-			smooth: true,
-			lineStyle: { width: 2 },
-			emphasis: { lineStyle: { width: 3 } }
-		}
-	]
-
-	if (showStockLine) {
-		series.push({
-			name: '股票温度',
-			type: 'line',
-			data: lineData2,
-			yAxisIndex: 1,
-			symbol: 'circle',
-			symbolSize: 6,
-			smooth: true,
-			lineStyle: { width: 2 },
-			emphasis: {
-				lineStyle: {
-					color: '#ffffff',
-					width: 3
-				}
-			}
-		})
-	}
-	// 给配置项
-	const KlineOption = {
-		title: {
-			text: '',
-			left: 0
-		},
-		tooltip: {
-			trigger: 'axis',
-			formatter: function (a) {
-				let def = a[0].name
-
-				// K线数据
-				if (a[0].seriesType === 'candlestick') {
-					def +=
-						'<br/>' +
-						textEcahrts.kai +
-						a[0].data[1] +
-						'<br/>' +
-						textEcahrts.shou +
-						a[0].data[2] +
-						'<br/>' +
-						textEcahrts.di +
-						a[0].data[3] +
-						'<br/>' +
-						textEcahrts.gao +
-						a[0].data[4]
-				}
-
-				// 折线数据
-				a.forEach((item) => {
-					if (item.seriesType === 'line') {
-						def += '<br/>' + item.seriesName + ': ' + item.value
-					}
-				})
-
-				return def
-			},
-			axisPointer: {
-				animation: false,
-				type: 'line',
-				linestyle: {
-					color: '#376df4',
-					width: 2,
-					opacity: 1
-				}
-			}
-		},
-		legend: {
-			data: [
-				{
-					name: 'K线',
-					// icon: 'rect',
-					textStyle: {
-						color: 'white'
-					}
-				},
-				{
-					name: '市场温度',
-					// icon: 'circle',
-					textStyle: {
-						color: 'white'
-					}
-				},
-				{
-					name: '股票温度',
-					// icon: 'circle',
-					textStyle: {
-						color: 'white'
-					}
-				}
-			],
-			color: 'white',
-			selected: {
-				K线: true,
-				市场温度: true,
-				股票温度: true
-			},
-			// left: '220vw',
-			top: '60vw'
-		},
-		xAxis: {
-			type: 'category',
-			data: dealData.categoryData,
-			axisLine: { lineStyle: { color: '#8392A5' } }
-		},
-		grid: {
-			left: '12%',
-			right: '10%',
-			bottom: '60vw',
-			top: '18%'
-		},
-		yAxis: [
-			// 左侧Y轴（K线使用）
-			{
-				scale: true,
-				axisLabel: {
-					formatter: function (value) {
-						return value
-					}
-				},
-				axisLine: {
-					lineStyle: { color: '#8392A5' },
-					show: true
-				},
-				splitLine: {
-					show: false
-				}
-			},
-			// 右侧Y轴（折线使用）
-			{
-				scale: true,
-				position: 'right',
-				min: 1,
-				max: 100,
-				axisLabel: {
-					formatter: function (value) {
-						return value
-					},
-					color: '#FFA500'
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'purple',
-						width: 2
-					},
-					show: true
-				},
-				splitLine: {
-					show: false
-				}
-			}
-		],
-		color: ['#f00', '#9370DB'],
-		dataZoom: [
-			{
-				textStyle: {
-					color: '#8392A5'
-				},
-				handleIcon:
-					'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
-				handleSize: '80%',
-				dataBackground: {
-					areaStyle: {
-						color: '#8392A5'
-					},
-					lineStyle: {
-						opacity: 0.8,
-						color: '#8392A5'
-					}
-				},
-				handleStyle: {
-					color: '#fff',
-					shadowBlur: 3,
-					shadowColor: 'rgba(0, 0, 0, 0.6)',
-					shadowOffsetX: 2,
-					shadowOffsetY: 2
-				}
-			},
-			{
-				show: false,
-				type: 'slider'
-			},
-			{
-				type: 'inside'
-			}
-		],
-		animation: true,
-		series: series
-	}
-	// 	const chart = echarts.init(KlineCanvs.value)
-	// chart.clear() // 清空旧图表
-	// chart.setOption(KlineOption) // 设置新图表
-
-	// 创建图表实例
-	const KlineCanvsChart = echarts.init(KlineCanvs.value)
-	KlineCanvsChart.setOption(KlineOption)
-
-	// 窗口大小变化时重置图表大小
-	window.addEventListener('resize', () => {
-		KlineCanvsChart.resize()
-	})
-
-	return KlineCanvsChart // 返回图表实例以便外部控制
-}
 </script>
 
-<style scoped lang="less">
-/* 获取报告图按钮样式 */
-// .getReport {
-// 	background-image: url('https://d31zlh4on95l9h.cloudfront.net/images/f111e488ad3efb5af20d6c25b1bfd7b4.png');
-// 	position: fixed;
-// 	background-repeat: no-repeat;
-// 	background-size: 100% 80%;
-// 	background-position: center;
-// 	bottom: -3vw;
-// 	left: 50%;
-// 	transform: translateX(-50%);
-// 	width: 50vw;
-// 	height: 13vw;
-// 	.getReport-text {
-// 		color: #fff; /* 文字颜色 */
-// 		text-align: center; /* 文字居中 */
-// 		font-size: 2vw; /* 字体大小 */
-// 		z-index: 1; /* 层级高于背景图 */
-// 		position: absolute;
-// 		top: 36%;
-// 		left: 50%;
-// 		width: 100%;
-// 		transform: translate(-50%, -50%);
-// 	}
-// }
+<style scoped>
 .home {
-	min-height: 100vh;
-	background-color: rgb(0, 22, 65);
-
-	&-bgc {
-		width: 100%;
-		min-height: 100%;
-		background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/9127b508676df658e270b0bc558d533d.png);
-		background-size: 100%;
-		background-repeat: no-repeat;
-	}
-}
-
-.top {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	// margin-bottom: 30px;
+  min-height: 100vh;
+  background-color: rgb(0, 22, 65);
 }
-
 .container {
-	margin: 0 auto;
-	padding: 20px;
-	max-width: 70vw;
-
-	.content {
-		// margin: 0 auto;
-		// padding: 20px;
-		max-width: 70vw;
-
-		.border1 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 60vw;
-			height: 220px;
-			position: relative;
-			left: -10px;
-
-			.dial1 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				position: absolute;
-				top: 4vw;
-				left: 3vw;
-				width: 22vw;
-				height: 22vw;
-				color: white;
-				font-size: 30px;
-				text-align: center;
-				padding-top: 8vw;
-			}
-
-			.dial2 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				position: absolute;
-				top: 4vw;
-				left: 35vw;
-				width: 22vw;
-				height: 22vw;
-				color: white;
-				font-size: 30px;
-				text-align: center;
-				padding-top: 8vw;
-			}
-
-			.text1 {
-				color: white;
-				position: absolute;
-				font-size: 18px;
-				top: 75%;
-				left: 15.5%;
-			}
-
-			.text2 {
-				color: white;
-				position: absolute;
-				font-size: 18px;
-				top: 75%;
-				left: 68%;
-			}
-
-			.text3 {
-				color: white;
-				position: absolute;
-				font-size: 20px;
-				top: 30%;
-				left: 38%;
-			}
-		}
-
-		.border2 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 57vw;
-			height: 43px;
-			// color: #00EEFF;
-			font-size: 16px;
-			padding-left: 30px;
-			padding-top: 5px;
-			display: none;
-		}
-
-		.name {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			position: absolute;
-			width: 13vw;
-			height: 6vw;
-			left: 43%;
-			margin-top: 10px;
-			z-index: 1;
-			color: white;
-			text-align: center;
-			font-size: 2.5vw;
-			padding-top: 8px;
-		}
-
-		.border3 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 57vw;
-			height: 270px;
-			margin-top: 50px;
-			position: relative;
-			z-index: 2;
-
-			.chart {
-				position: absolute;
-				top: 0;
-				left: 0;
-				width: 100%;
-				height: 100%;
-			}
-
-			.trapezoid {
-				text-align: center;
-				color: white;
-				position: absolute;
-				width: 10vw;
-				left: 41%;
-				top: -32px;
-				font-size: 1.5vw;
-			}
-
-			.KlineClass {
-				position: absolute;
-				width: 58vw;
-				height: 100%;
-				left: 0;
-				bottom: 5%;
-			}
-		}
-
-		.border4 {
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
-			background-size: 100%;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 57vw;
-			height: 430px;
-			margin-top: 25px;
-			position: relative;
-			z-index: 2;
-			.el-table {
-				// /deep/.cell {
-				// 	line-height: 30px;
-				// }
-				/deep/.el-table__cell {
-					text-align: center;
-					font-size: 1.5vw;
-				}
-				/deep/ .table_header {
-					height: 4vw;
-				}
-				/deep/ .el-table__header {
-					.cell {
-						line-height: 30px;
-					}
-				}
-				top: 5vw;
-				width: 55.5vw;
-				height: 47vw;
-				margin-left: 0.9vw;
-				position: absolute;
-			}
-
-			.WDRL_date {
-				margin-top: 2px;
-				/* 将文字往上移动 */
-				text-align: center;
-				font-size: 1.6vw;
-				font-weight: bold;
-				padding-top: 0%;
-
-				.month-display {
-					position: absolute;
-					top: 0;
-					right: 0;
-					font-size: 1vw;
-					color: rgb(58, 58, 58);
-				}
-			}
-
-			.WDRL_data {
-				height: 100%;
-				margin-top: 5px;
-				text-align: center;
-				font-size: 1vw;
-				font-weight: bold;
-			}
-
-			.temperature-cell {
-			}
-
-			/* 穿透 el-table 的单元格样式 */
-			/deep/ .market-hot-cell {
-				background-color: #da2020 !important;
-				/* 浅红色 */
-			}
-
-			/deep/ .stock-hot-cell {
-				background-color: #4a31d4 !important;
-				/* 浅绿色 */
-			}
-		}
-
-		.border5 {
-			position: relative;
-			background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/414c6163a6bb7013add2ec026ceb5539.png);
-			background-size: cover;
-			background-position: center;
-			background-repeat: no-repeat;
-			width: 100%;
-			max-width: 57vw;
-			margin: 0 auto;
-			padding: 2vw;
-			box-sizing: border-box;
-			height: auto;
-
-			.border5-text1 {
-				font-size: 2vw;
-				color: white;
-				position: absolute;
-				top: 5.5vw;
-				left: 3.5vw;
-				white-space: nowrap;
-			}
-
-			.border5-text2 {
-				margin-left: 14vw;
-				font-family: 'Microsoft Yahei', sans-serif;
-				color: #fff;
-				font-size: 1.2rem;
-				line-height: 1rem;
-				box-sizing: border-box;
-
-				.temp-item {
-					margin-bottom: 0.6rem;
-					display: flex;
-					justify-content: flex-start;
-					flex-wrap: wrap;
-					font-weight: 500;
-				}
-
-				.level {
-					font-weight: bold;
-					margin-right: 0.5rem;
-					white-space: nowrap;
-				}
-
-				.color {
-					font-weight: bold;
-					margin-left: 0.5rem;
-					white-space: nowrap;
-				}
-
-				.temp-note {
-					font-size: 1.2rem;
-					line-height: 1.5rem;
-					margin-top: 1.2rem;
-					color: #ddd;
-					margin-bottom: 5%;
-				}
-			}
-		}
-
-		.introduction,
-		.highlight {
-			color: #fff;
-			font-size: 16px;
-			line-height: 1.8;
-			padding: 16px;
-		}
-
-		.introduction ol {
-			list-style: decimal;
-			padding-left: 20px;
-		}
-
-		.temp-range {
-			font-weight: bold;
-		}
-
-		.temp-range.hot {
-			color: #ff3333;
-		}
-
-		.temp-range.high {
-			color: #ff9900;
-		}
-
-		.temp-range.warm {
-			color: #cc66ff;
-		}
-
-		.temp-range.mild {
-			color: #33cc33;
-		}
-
-		.temp-range.cold {
-			color: #66ccff;
-		}
-
-		.highlight h3 {
-			text-align: center;
-			font-size: 2rem;
-			font-weight: bold;
-			margin-bottom: 1rem;
-			color: #ffffff;
-		}
-
-		.highlight p {
-			text-indent: 1.5rem;
-			// font-size: ;
-		}
-	}
-
-	// /* ✅ 适配：平板 */
-	// @media (min-width: 768px) and (max-width: 1024px) {
-	//   .introduction, .highlight {
-	//     font-size: 15px;
-	//     padding: 14px;
-	//   }
-	// }
-
-	// /* ✅ 适配：PC大屏 */
-	// @media (min-width: 1025px) {
-	//   .introduction, .highlight {
-	//     max-width: 800px;
-	//     margin: 0 auto;
-	//   }
-	// }
+  margin: 0 auto;
+  padding: 20px;
+  max-width: 80vw;
 }
-</style>
-<style scoped lang="less">
-/* ✅ 适配：平板 */
-@media (min-width: 768px) and (max-width: 1024px) {
-	.introduction,
-	.highlight {
-		font-size: 15px;
-		padding: 14px;
-	}
-
-	.highlight h3 {
-		font-size: 1.5rem;
-	}
-
-	.border5-text2 {
-		font-size: 1rem;
-		line-height: 1.6rem;
-		padding: 1.2rem;
-	}
-
-	.border5 {
-		height: 21rem;
-	}
+.border3, .border4 {
+  margin-top: 40px;
+  background-color: #1a1a1a;
+  border-radius: 8px;
+  padding: 20px;
 }
-
-/* ✅ 适配：PC大屏 */
-@media (min-width: 1025px) {
-	.introduction,
-	.highlight {
-		max-width: 800px;
-		margin: 0 auto;
-	}
-
-	.highlight h3 {
-		font-size: 1.5rem;
-	}
+.KlineClass {
+  width: 100%;
+  height: 400px;
 }
-
-@media (max-width: 768px) {
-	.container {
-		margin: 0 auto;
-		padding: 20px;
-		max-width: 100vw;
-
-		.content {
-			margin: 0 auto;
-			// padding: 20px;
-			max-width: 70vw;
-
-			.border1 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/8f29990b26b64a3ca53a21096fc820c1.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				left: -75px;
-				width: 90vw;
-				height: 300px;
-				position: relative;
-
-				.dial1 {
-					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4b13888d57ee79fa83a94fe5b3a72001.png);
-					background-size: cover;
-					background-position: center;
-					background-repeat: no-repeat;
-					position: absolute;
-					top: 4vw;
-					left: 10vw;
-					width: 30vw;
-					height: 30vw;
-					padding-top: 12vw;
-				}
-
-				.dial2 {
-					// background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f11785d8113bac15638a7e3c90086af9.png);
-					background-size: cover;
-					background-position: center;
-					background-repeat: no-repeat;
-					position: absolute;
-					top: 4vw;
-					left: 52vw;
-					width: 30vw;
-					height: 30vw;
-					padding-top: 12vw;
-				}
-
-				.text1 {
-					color: white;
-					position: absolute;
-					font-size: 18px;
-					top: 75%;
-					left: 20.5%;
-				}
-
-				.text2 {
-					color: white;
-					position: absolute;
-					font-size: 18px;
-					top: 75%;
-					left: 67.5%;
-				}
-
-				.text3 {
-					color: white;
-					position: absolute;
-					font-size: 20px;
-					top: 35%;
-					left: 42%;
-				}
-			}
-
-			.border2 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/f5d918c1e2527ccb6575c68019653107.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				width: 95vw;
-				height: 70px;
-				// color: #00EEFF;
-				font-size: 18px;
-				margin-left: -18%;
-				padding-left: 50px;
-				padding-top: 9px;
-			}
-
-			.name {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/6a1b1c687f0992087b815dff0897ce05.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				position: absolute;
-				width: 23vw;
-				height: 11vw;
-				left: 38%;
-				margin-top: 10px;
-				z-index: 1;
-				padding-top: 0.7rem;
-				font-size: 0.8rem;
-			}
-
-			.border3 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/4740746548b849717f04614463fbc4d2.png);
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;
-				width: 95vw;
-				height: 450px;
-				margin-top: 88px;
-				position: relative;
-				left: -18%;
-				z-index: 2;
-
-				.chart {
-					position: absolute;
-					top: 0;
-					left: 0;
-					width: 100%;
-					height: 100%;
-				}
-
-				.trapezoid {
-					text-align: center;
-					color: white;
-					position: absolute;
-					width: 20vw;
-					left: 39.5%;
-					top: -65px;
-					font-size: 12px;
-
-					span {
-						display: block;
-						font-size: 0.7rem;
-					}
-				}
-
-				.KlineClass {
-					position: absolute;
-					width: 90vw;
-					height: 100%;
-					left: 3vw;
-					bottom: 5%;
-				}
-			}
-
-			.border4 {
-				background-image: url(https://d31zlh4on95l9h.cloudfront.net/images/2ede20bc2da5b4bea1a0daf0e3193823.png);
-				background-size: 100%;
-				background-position: center;
-				background-repeat: no-repeat;
-				width: 95vw;
-				height: 630px;
-				margin-top: 78px;
-				position: relative;
-				left: -18%;
-				z-index: 2;
-
-				.el-table {
-					/deep/ .table_header {
-						height: 5vw;
-					}
-
-					/deep/ .el-table__header th,
-					/deep/ .el-table__body td {
-						width: auto !important;
-						/* 小屏幕下自动调整 */
-					}
-
-					top: 15px;
-					width: 93vw !important;
-					height: 80vw;
-					margin-left: 0.9vw;
-					position: absolute;
-				}
-
-				.WDRL_date {
-					text-align: center;
-					font-size: 2vw;
-					font-weight: bold;
-				}
-
-				.WDRL_data {
-					text-align: center;
-					font-size: 1.5vw;
-					font-weight: bold;
-				}
-
-				.temperature-cell {
-				}
-
-				/* 穿透 el-table 的单元格样式 */
-				/deep/ .market-hot-cell {
-					background-color: #da2020 !important;
-					/* 浅红色 */
-				}
-
-				/deep/ .stock-hot-cell {
-					background-color: #4a31d4 !important;
-					/* 浅绿色 */
-				}
-			}
-
-			.border5 {
-				height: auto;
-
-				.border5-text2 {
-					margin-left: 0 !important;
-					padding: 0 0.3rem;
-					font-size: 0.7rem;
-					line-height: 1rem;
-					white-space: normal;
-					word-break: break-word;
-					text-align: left;
-					margin-top: 9%;
-
-					.temp-item {
-						display: flex !important;
-						flex-direction: row !important;
-						/* 水平排列 */
-						justify-content: flex-start;
-						align-items: center !important;
-						margin-bottom: 0.6rem;
-						flex-wrap: wrap;
-						/* 小屏幕自动换行 */
-					}
-
-					.temp-item .level {
-						font-weight: bold;
-						margin-right: 0.5rem;
-						white-space: nowrap;
-						/* 避免文字拆开 */
-					}
-
-					.temp-item .color {
-						font-weight: bold;
-						margin-left: 0.5rem;
-					}
-
-					.temp-note {
-						font-size: 0.8rem;
-						margin-bottom: 12%;
-					}
-				}
-			}
-
-			.highlight h3 {
-				font-size: 0.5rem;
-			}
-		}
-	}
+.WDRL_date, .WDRL_data {
+  text-align: center;
+  color: white;
 }
-
-/* 适配手机小屏幕 */
-@media (max-width: 480px) {
-	.border5-text2 {
-		font-size: 0.8rem;
-		line-height: 1.4rem;
-
-		.temp-item {
-			flex-direction: column !important;
-			/* 更小屏幕下竖排 */
-			align-items: flex-start !important;
-		}
-	}
+.table_header {
+  color: white;
+  background: #2a2a2a;
 }
-</style>
+</style>
\ No newline at end of file