解决edge浏览器免责声明显示异常问题。

src/views/AiEmotion.vue

@@ -1522,13 +1522,11 @@ defineExpose({
 </script>
 
 <style scoped>
-.disclaimer-item {
-  p {
+.disclaimer-item p {
   color: #ffffff !important;
   font-size: 20px;
   font-weight: bold;
 }
-}
 
 .container {
   padding-top: 2%;
@@ -1709,8 +1707,6 @@ defineExpose({
         padding-left: 15px;
         position: relative;
 
-
-
         &:last-child {
           margin-bottom: 0;
         }
@@ -2011,6 +2007,7 @@ defineExpose({
   transition: all 0.3s ease;
   /* 添加平滑过渡效果 */
 }
+
 .class04 {
   background-image: url('@/assets/img/AiEmotion/bk00000.png');
   /* 使用导入的背景图片 */
@@ -2585,8 +2582,9 @@ defineExpose({
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
+      }
 
-        &::before {
+      .conclusion-item::before {
         content: '';
         position: absolute;
         top: 0;
@@ -2597,21 +2595,20 @@ defineExpose({
         opacity: 0.8;
       }
 
-
-
-        &:last-child {
+      .conclusion-item:last-child {
         margin-bottom: 0;
       }
 
-        .conclusion-title {
+      .conclusion-item .conclusion-title {
         color: #FFD700;
         font-size: 22px;
         font-weight: bold;
         margin: 0 0 15px 0;
         text-align: center;
         letter-spacing: 2px;
+      }
 
-          &::after {
+      .conclusion-item .conclusion-title::after {
         content: '';
         position: absolute;
         bottom: -5px;
@@ -2621,9 +2618,8 @@ defineExpose({
         height: 2px;
         background: linear-gradient(90deg, transparent, #00d4ff, transparent);
       }
-        }
 
-        .conclusion-text {
+      .conclusion-item .conclusion-text {
         color: #ffffff;
         font-size: 20px;
         line-height: 1.8;
@@ -2632,8 +2628,9 @@ defineExpose({
         word-wrap: break-word;
         padding-left: 15px;
         position: relative;
+      }
 
-          &::before {
+      .conclusion-item .conclusion-text::before {
         content: '▶';
         position: absolute;
         left: 0;
@@ -2643,12 +2640,10 @@ defineExpose({
         opacity: 0.7;
       }
 
-          &:last-child {
+      .conclusion-item .conclusion-text:last-child {
         margin-bottom: 0;
       }
     }
-      }
-    }
 
     .conclusion-placeholder {
       padding: 30px;
@@ -2656,29 +2651,29 @@ defineExpose({
       border-radius: 12px;
       background: rgba(255, 255, 255, 0.05);
       border: 1px dashed rgba(153, 153, 153, 0.3);
+    }
 
-      p {
+    .conclusion-placeholder p {
       color: #999999;
       font-size: 16px;
       margin: 0;
       font-style: italic;
     }
-    }
 
     .disclaimer-item {
       /* margin-top: 30px; */
       padding: 20px;
       border-top: 1px solid rgba(153, 153, 153, 0.2);
       text-align: center;
+    }
 
-      p {
+    .disclaimer-item p {
       color: #ffffff !important;
       font-size: 16px;
       margin: 0;
       letter-spacing: 1px;
     }
   }
-  }
 
   .class05 {
     background-size: 100% 100%;

vite.config.js

@@ -38,10 +38,6 @@ export default defineConfig(({ command, mode }) => {
       preprocessorOptions: {
         scss: {
           charset: false, // 避免出现: build时的 @charset 必须在第一行的警告
-          additionalData: `
-						@import "@/styles/mixin.scss";
-						@import "@/styles/variables.scss";
-					`,
         },
       },
     },