解决部分浏览器样式错误；

src/views/AiEmotion.vue

@@ -2053,91 +2053,89 @@ defineExpose({
   height: auto;
   margin: 0 auto;
   margin-top: 20px;
+}
 
-  .conclusion-container {
-    padding: 20px;
-    border-radius: 15px;
-    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);
-
-    .conclusion-item {
-      margin-bottom: 20px;
-      padding: 20px;
-      border-radius: 12px;
-      border: 1px solid rgba(0, 212, 255, 0.5);
-      transition: all 0.3s ease;
-      position: relative;
-      overflow: hidden;
-
-      &::before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        height: 2px;
-        background: linear-gradient(90deg, #00d4ff, #0099ff, #00d4ff);
-        opacity: 0.8;   
-      }
+.bk-image .conclusion-container {
+  padding: 20px;
+  border-radius: 15px;
+  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);
+}
 
+.bk-image .conclusion-container .conclusion-item {
+  margin-bottom: 20px;
+  padding: 20px;
+  border-radius: 12px;
+  border: 1px solid rgba(0, 212, 255, 0.5);
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+}
 
+.bk-image .conclusion-container .conclusion-item::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: linear-gradient(90deg, #00d4ff, #0099ff, #00d4ff);
+  opacity: 0.8;
+}
 
-      &:last-child {
-        margin-bottom: 0;   
-      }
+.bk-image .conclusion-container .conclusion-item:last-child {
+  margin-bottom: 0;
+}
 
-      .conclusion-title {
-        color: #FFD700;
-        font-size: 22px;
-        font-weight: bold;
-        margin: 0 0 15px 0;
-        text-align: center;
-        letter-spacing: 2px;
+.bk-image .conclusion-container .conclusion-item .conclusion-title {
+  color: #FFD700;
+  font-size: 22px;
+  font-weight: bold;
+  margin: 0 0 15px 0;
+  text-align: center;
+  letter-spacing: 2px;
+}
 
-        &::after {
-          content: '';
-          position: absolute;
-          bottom: -5px;
-          left: 50%;
-          transform: translateX(-50%);
-          width: 60px;
-          height: 2px;
-          background: linear-gradient(90deg, transparent, #00d4ff, transparent);
-        }
-      }
+.bk-image .conclusion-container .conclusion-item .conclusion-title::after {
+  content: '';
+  position: absolute;
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 60px;
+  height: 2px;
+  background: linear-gradient(90deg, transparent, #00d4ff, transparent);
+}
 
-      .conclusion-text {
-        color: #ffffff;
-        font-size: 20px;
-        line-height: 1.8;
-        margin: 0 0 12px 0;
-        text-align: left;
-        word-wrap: break-word;
-        padding-left: 15px;
-        position: relative;
+.bk-image .conclusion-container .conclusion-item .conclusion-text {
+  color: #ffffff;
+  font-size: 20px;
+  line-height: 1.8;
+  margin: 0 0 12px 0;
+  text-align: left;
+  word-wrap: break-word;
+  padding-left: 15px;
+  position: relative;
+}
 
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
+.bk-image .conclusion-container .conclusion-item .conclusion-text:last-child {
+  margin-bottom: 0;
+}
 
-  .conclusion-placeholder {
-    padding: 30px;
-    text-align: center;
-    border-radius: 12px;
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px dashed rgba(153, 153, 153, 0.3);
+.bk-image .conclusion-placeholder {
+  padding: 30px;
+  text-align: center;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px dashed rgba(153, 153, 153, 0.3);
+}
 
-    p {
-      color: #999999;
-      font-size: 16px;
-      margin: 0;
-      font-style: italic;
-    }
-  }
+.bk-image .conclusion-placeholder p {
+  color: #999999;
+  font-size: 16px;
+  margin: 0;
+  font-style: italic;
 }
 
 /* 最后文字的颜色 */