-

+
{{ displayedTitles.one }}
-
{{ displayedTexts.one1 }}
-
{{ displayedTexts.one2 }}
+
+ {{ displayedTexts.one1 }}
+
+
+ {{ displayedTexts.one2 }}
+
{{ displayedTitles.two }}
@@ -207,7 +304,15 @@
{{ displayedTexts.disclaimer }}
-
@@ -215,9 +320,20 @@
@@ -226,30 +342,31 @@
@@ -3208,7 +3633,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.temperature-content .temperature-hot {
- background-image: url('@/assets/img/AiEmotion/redBorder.png');
+ background-image: url("@/assets/img/AiEmotion/redBorder.png");
background-repeat: no-repeat;
background-size: 100% 100%;
/* width: 50%; */
@@ -3225,7 +3650,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.temperature-content .temperature-cold {
- background-image: url('@/assets/img/AiEmotion/blueBorder.png');
+ background-image: url("@/assets/img/AiEmotion/blueBorder.png");
background-repeat: no-repeat;
background-size: 100% 100%;
/* width: 35%; */
@@ -3253,8 +3678,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
height: auto;
}
-
-
/* 定义旋转动画 */
@keyframes rotate {
from {
@@ -3301,7 +3724,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.bk-image .conclusion-container .conclusion-item .conclusion-title {
- color: #FFD700;
+ color: #ffd700;
font-size: 22px;
font-weight: bold;
margin: 0 0 15px 0;
@@ -3358,7 +3781,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
.text-container .title {
display: block;
- color: #FFD700;
+ color: #ffd700;
font-weight: bold;
margin-top: 0px;
margin-bottom: 20px;
@@ -3373,8 +3796,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
font-size: 22px;
}
-
-
.core-logic-section {
background-image: url("@/assets/img/AiEmotion/bk00000.png");
background-size: cover;
@@ -3407,7 +3828,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
margin: 0 auto;
}
-
.energy-converter-content {
min-width: 100%;
margin-top: 3%;
@@ -3551,7 +3971,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
/* 为需要放大的图片添加样式 */
.scaled-img {
- background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
+ background-image: url("@/assets/img/AiEmotion/tree00000.jpg");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
@@ -3578,7 +3998,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.energy-converter-section {
- background-image: url('@/assets/img/AiEmotion/bk00000.png');
+ background-image: url("@/assets/img/AiEmotion/bk00000.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 50vw;
@@ -3602,7 +4022,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.emotion-decoder-section {
- background-image: url('@/assets/img/AiEmotion/bk00000.png');
+ background-image: url("@/assets/img/AiEmotion/bk00000.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 50vw;
@@ -3615,7 +4035,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.market-temperature-section {
- background-image: url('@/assets/img/AiEmotion/bk00000.png');
+ background-image: url("@/assets/img/AiEmotion/bk00000.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 50vw;
@@ -3652,7 +4072,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
font-size: 20px;
font-weight: bold;
margin-left: 0%;
-
}
.market-temperature-value {
@@ -3663,7 +4082,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.market-temperature-label {
- background-image: url('@/assets/img/AiEmotion/bk01.png');
+ background-image: url("@/assets/img/AiEmotion/bk01.png");
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 10px;
@@ -3714,27 +4133,41 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
.message-container {
display: flex;
- margin-bottom: 10px;
+ margin-bottom: 30px;
width: 100%;
}
/* 用户消息容器样式 */
.user-message-container {
- display: flex;
align-items: center;
margin-left: auto;
gap: 10px;
+ margin-right: 5px;
+}
+
+.user-content {
+ display: flex;
+ height: 100%;
+ align-items: center;
+ margin-right: 5px;
}
.user-message-speaker {
width: 32px;
height: 32px;
object-fit: contain;
- margin-top: 5px;
+ margin-right: 5px;
cursor: pointer;
transition: all 0.3s ease;
}
+.user-sendTime {
+ width: 100%;
+ text-align: center;
+ color: rgba(255, 255, 255, 0.6);
+ font-size: 0.8rem;
+}
+
.user-message-speaker:hover {
transform: scale(1.1);
}
@@ -3796,7 +4229,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
@keyframes float {
-
0%,
100% {
transform: translateY(0px);
@@ -3975,7 +4407,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
/* 手机端适配样式 */
@media only screen and (max-width: 768px) {
-
.text-container .content {
display: block;
color: white;
@@ -4016,7 +4447,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.scaled-img {
- background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
+ background-image: url("@/assets/img/AiEmotion/tree00000.jpg");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
@@ -4108,7 +4539,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.market-temperature-section {
- background-image: url('@/assets/img/AiEmotion/bk00000.png');
+ background-image: url("@/assets/img/AiEmotion/bk00000.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100%;
@@ -4116,7 +4547,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
height: auto;
}
-
.main {
min-height: 100px;
height: auto;
@@ -4191,13 +4621,12 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
margin: 8px;
.conclusion-item {
-
&:last-child {
margin-bottom: 0;
}
.conclusion-title {
- color: #FFD700;
+ color: #ffd700;
font-size: 16px;
font-weight: bold;
margin: 0 0 8px 0;
@@ -4254,7 +4683,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
}
.conclusion-item .conclusion-title {
- color: #FFD700;
+ color: #ffd700;
font-size: 22px;
font-weight: bold;
text-align: center;
@@ -4272,8 +4701,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
position: relative;
}
-
-
.conclusion-item .conclusion-text:last-child {
margin-bottom: 0;
}
@@ -4335,7 +4762,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
height: auto;
}
-
.temperature-content .temperature-cold,
.temperature-content .temperature-hot {
min-width: 200px;
@@ -4350,9 +4776,8 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
gap: 0rem;
}
-
.market-temperature-label {
- background-image: url('@/assets/img/AiEmotion/bk01.png');
+ background-image: url("@/assets/img/AiEmotion/bk01.png");
background-size: 100% 100%;
background-repeat: no-repeat;
display: inline-block;