合并代码

src/views/AiEmotion.vue

@@ -108,16 +108,16 @@
     </div>
     <div class="bk-image">
       <div class="text-container">
-        <p><span class="title">🔍 情绪监控-金融宇宙的【量子检测网络】</span>
+        <p><span class="title">情绪监控-金融宇宙的【量子检测网络】</span>
           <span class="content">核心任务:构建全市场情绪引力场雷达，实时监测资金流向和情绪波动</span>
         </p>
-        <p><span class="title">🧠 情绪解码-主力思维的【神经破译矩阵】</span>
+        <p><span class="title">情绪解码-主力思维的【神经破译矩阵】</span>
           <span class="content">核心任务:解构资金行为的量子密码，破译主力操盘意图和策略布局</span>
         </p>
-        <p><span class="title">🔮 情绪推演-未来战争的【时空推演舱】</span>
+        <p><span class="title">情绪推演-未来战争的【时空推演舱】</span>
           <span class="content">核心任务:基于情绪数据推演未来走势，预测市场转折点和机会窗口</span>
         </p>
-        <p><span class="title">💰 情绪套利-财富裂变的【粒子对撞机】</span>
+        <p><span class="title">情绪套利-财富裂变的【粒子对撞机】</span>
           <span class="content">核心任务:将情绪差转化为收益粒子流，实现情绪能量的价值转换</span>
         </p>
       </div>
@@ -1538,7 +1538,7 @@ defineExpose({
 }
 
 .bk-image {
-  background-image: url("@/assets/img/AiEmotion/bk03.png");
+  background-image: url("@/assets/img/AiEmotion/bk00000.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 95%;
@@ -1552,16 +1552,12 @@ defineExpose({
     margin: 20px;
     background: linear-gradient(135deg, rgba(0, 212, 255, 0.15) 0%, rgba(0, 100, 200, 0.15) 100%);
     border: 2px solid rgba(0, 212, 255, 0.4);
-    box-shadow: 0 8px 25px rgba(0, 212, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
 
     .conclusion-item {
       margin-bottom: 20px;
       padding: 20px;
       border-radius: 12px;
-      background: linear-gradient(135deg, rgba(0, 212, 255, 0.2) 0%, rgba(0, 150, 255, 0.1) 100%);
       border: 1px solid rgba(0, 212, 255, 0.5);
-      border-left: 5px solid #00d4ff;
-      box-shadow: 0 4px 15px rgba(0, 212, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
       transition: all 0.3s ease;
       position: relative;
       overflow: hidden;
@@ -1589,9 +1585,7 @@ defineExpose({
         font-weight: bold;
         margin: 0 0 15px 0;
         text-align: center;
-        text-shadow: 0 2px 8px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.3);
         letter-spacing: 2px;
-        position: relative;
 
         &::after {
           content: '';
@@ -1612,19 +1606,10 @@ defineExpose({
         margin: 0 0 12px 0;
         text-align: left;
         word-wrap: break-word;
-        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
         padding-left: 15px;
         position: relative;
 
-        &::before {
-          content: '▶';
-          position: absolute;
-          left: 0;
-          top: 0;
-          color: #00d4ff;
-          font-size: 12px;
-          opacity: 0.7;
-        }
+
 
         &:last-child {
           margin-bottom: 0;
@@ -1659,7 +1644,6 @@ defineExpose({
   margin: 20px;
   background: linear-gradient(135deg, rgba(0, 212, 255, 0.15) 0%, rgba(0, 100, 200, 0.15) 100%);
   border: 2px solid rgba(0, 212, 255, 0.4);
-  box-shadow: 0 8px 25px rgba(0, 212, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 
 .text-container p {
@@ -1668,15 +1652,11 @@ defineExpose({
   margin-left: 0%;
   padding: 20px;
   border-radius: 12px;
-  background: linear-gradient(135deg, rgba(0, 212, 255, 0.2) 0%, rgba(0, 150, 255, 0.1) 100%);
-  border: 1px solid rgba(0, 212, 255, 0.5);
-  border-left: 5px solid #00d4ff;
-  box-shadow: 0 4px 15px rgba(0, 212, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
-  text-shadow: 0 2px 8px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.3);
   letter-spacing: 2px;
+  border: 1px solid rgba(0, 212, 255, 0.5);
 }
 
 .text-container p::before {
@@ -1709,7 +1689,7 @@ defineExpose({
 
 
 .class07 {
-  background-image: url("@/assets/img/AiEmotion/bk03.png");
+  background-image: url("@/assets/img/AiEmotion/bk00000.png");
   /* 使用导入的背景图片 */
   background-size: cover;
   /* 确保背景图片完整显示 */
@@ -1855,8 +1835,8 @@ defineExpose({
 
 /* 为需要放大的图片添加样式 */
 .scaled-img {
-  background-image: url('@/assets/img/AiEmotion/tree02.jpg');
-  background-size: contain;
+  background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
+  background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;
   width: 70%;
@@ -1873,8 +1853,7 @@ defineExpose({
 }
 
 .class08 {
-  background-image: url("@/assets/img/AiEmotion/bk03.png");
-  /* background-size: contain; */
+  background-image: url("@/assets/img/AiEmotion/bk00000.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 95%;
@@ -1884,7 +1863,7 @@ defineExpose({
 }
 
 .class06 {
-  background-image: url('@/assets/img/AiEmotion/bk03.png');
+  background-image: url('@/assets/img/AiEmotion/bk00000.png');
   /* 使用导入的背景图片 */
   background-size: 100% 100%;
   /* 确保背景图片完整显示 */
@@ -1906,7 +1885,7 @@ defineExpose({
 }
 
 .class05 {
-  background-image: url("@/assets/img/AiEmotion/bk03.png");
+  background-image: url("@/assets/img/AiEmotion/bk00000.png");
   /* 使用导入的背景图片 */
   background-size: 100% 100%;
   /* 确保背景图片完整显示 */
@@ -1928,7 +1907,7 @@ defineExpose({
 }
 
 .class04 {
-  background-image: url('@/assets/img/AiEmotion/bk03.png');
+  background-image: url('@/assets/img/AiEmotion/bk00000.png');
   /* 使用导入的背景图片 */
   background-size: 100% 100%;
   /* 确保背景图片完整显示 */
@@ -1950,7 +1929,7 @@ defineExpose({
 }
 
 .class03 {
-  background-image: url('@/assets/img/AiEmotion/bk03.png');
+  background-image: url('@/assets/img/AiEmotion/bk00000.png');
   /* 使用导入的背景图片 */
   background-size: 100% 100%;
   /* 确保背景图片完整显示 */
@@ -2290,7 +2269,7 @@ defineExpose({
   }
 
   .scaled-img {
-    background-image: url('@/assets/img/AiEmotion/tree02.jpg');
+    background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat;
@@ -2380,7 +2359,7 @@ defineExpose({
   }
 
   .class03 {
-    background-image: url('@/assets/img/AiEmotion/bk03.png');
+    background-image: url('@/assets/img/AiEmotion/bk00000.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     width: 100%;
@@ -2539,7 +2518,6 @@ defineExpose({
       background: linear-gradient(135deg, rgba(0, 212, 255, 0.15) 0%, rgba(0, 100, 200, 0.15) 100%);
       border: 2px solid rgba(0, 212, 255, 0.4);
       box-shadow: 0 8px 25px rgba(0, 212, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
-      backdrop-filter: blur(15px);
 
       .conclusion-item {
         margin-bottom: 20px;
@@ -2576,9 +2554,7 @@ defineExpose({
           font-weight: bold;
           margin: 0 0 15px 0;
           text-align: center;
-          text-shadow: 0 2px 8px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.3);
           letter-spacing: 2px;
-          position: relative;
 
           &::after {
             content: '';
@@ -2599,7 +2575,6 @@ defineExpose({
           margin: 0 0 12px 0;
           text-align: left;
           word-wrap: break-word;
-          text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
           padding-left: 15px;
           position: relative;
 
@@ -2768,7 +2743,10 @@ defineExpose({
     margin-top: -3%;
   }
 
-  .title1, .title2, .title3, .title4 {
+  .title1,
+  .title2,
+  .title3,
+  .title4 {
     font-size: 18px;
     margin-left: 0;
   }