fix: 兼容 Chrome 90 前端运行环境

- 为管理端与用户中心补齐旧浏览器运行时 API 和回归测试

- 增加现代 CSS 与选择器降级，保持现有界面效果

- 固定 Chrome 90 构建目标并补充兼容依赖

easyflow-ui-admin/app/src/views/ai/documentCollection/ChunkDocumentTable.vue

@@ -357,11 +357,13 @@ const getChunkHeaderLabel = (row: any) => {
   position: relative;
   padding: 20px 20px 18px;
   overflow: hidden;
+  background: var(--el-fill-color-blank);
   background: linear-gradient(
     135deg,
     color-mix(in srgb, var(--el-color-primary-light-9) 80%, white) 0%,
     var(--el-fill-color-blank) 38%
   );
+  border: 1px solid var(--el-border-color-light);
   border: 1px solid color-mix(in srgb, var(--el-border-color-light) 78%, white);
   border-radius: 18px;
   box-shadow: 0 18px 40px rgb(15 23 42 / 6%);
@@ -372,6 +374,7 @@ const getChunkHeaderLabel = (row: any) => {
   inset: 0 auto 0 0;
   width: 4px;
   content: '';
+  background: var(--el-color-primary);
   background: linear-gradient(
     180deg,
     var(--el-color-primary),
@@ -393,7 +396,9 @@ const getChunkHeaderLabel = (row: any) => {
   width: 34px;
   height: 34px;
   color: var(--el-color-primary);
+  background: var(--el-color-primary-light-9);
   background: color-mix(in srgb, var(--el-color-primary-light-9) 66%, white);
+  border: 1px solid var(--el-color-primary-light-8);
   border: 1px solid
     color-mix(in srgb, var(--el-color-primary-light-8) 72%, white);
   box-shadow: 0 8px 18px rgb(37 99 235 / 10%);
@@ -402,6 +407,7 @@ const getChunkHeaderLabel = (row: any) => {
 .chunk-card__action--ghost {
   color: var(--el-text-color-secondary);
   background: rgb(255 255 255 / 86%);
+  border-color: var(--el-border-color-light);
   border-color: color-mix(in srgb, var(--el-border-color-light) 86%, white);
   box-shadow: none;
 }
@@ -429,6 +435,7 @@ const getChunkHeaderLabel = (row: any) => {
   height: 8px;
   border-radius: 999px;
   background: var(--el-color-primary);
+  box-shadow: 0 0 0 4px var(--el-color-primary-light-9);
   box-shadow: 0 0 0 4px
     color-mix(in srgb, var(--el-color-primary-light-8) 50%, transparent);
 }
@@ -594,4 +601,18 @@ const getChunkHeaderLabel = (row: any) => {
     font-size: 12px;
   }
 }
+
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .chunk-card {
+    border-color: var(--el-border-color-light);
+  }
+
+  .chunk-card__action {
+    border-color: var(--el-color-primary-light-8);
+  }
+
+  .chunk-card__action--ghost {
+    border-color: var(--el-border-color-light);
+  }
+}
 </style>

easyflow-ui-admin/app/src/views/ai/documentCollection/SegmenterDoc.vue

@@ -492,7 +492,9 @@ watch(
   font-size: 13px;
   line-height: 1.7;
   color: var(--el-color-danger-dark-2);
+  background: var(--el-color-danger-light-9);
   background: color-mix(in srgb, var(--el-color-danger-light-9) 88%, white);
+  border: 1px solid var(--el-color-danger-light-8);
   border: 1px solid color-mix(in srgb, var(--el-color-danger) 14%, white);
   border-radius: 16px;
 }
@@ -554,4 +556,10 @@ watch(
     min-height: auto;
   }
 }
+
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .workbench__error {
+    border-color: var(--el-color-danger-light-8);
+  }
+}
 </style>

easyflow-ui-admin/app/src/views/ai/documentCollection/SplitterDocPreview.vue

@@ -297,6 +297,7 @@ const isActiveChunk = (chunk: ChunkItem) =>
   padding: 15px 16px 14px;
   cursor: pointer;
   user-select: none;
+  background: var(--el-fill-color-blank);
   background: color-mix(in srgb, var(--el-fill-color-blank) 92%, white);
   border: 1px solid rgb(15 23 42 / 7%);
   border-radius: 14px;