@qxs-bns/components 0.0.89 → 0.0.90

package/theme-chalk/src/dialog.scss

@@ -0,0 +1,122 @@
+@use "sass:map";
+@use "./mixins/mixins" as *;
+@use "./mixins/config" as *;
+
+.qxs-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  background-color: rgb(0 0 0 / 50%);
+}
+
+@include b(dialog) {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  max-width: 90vw;
+  max-height: calc(100vh - 40px);
+  margin: 0 auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 8px 32px rgb(0 0 0 / 20%);
+
+  @include e(wrapper) {
+    position: fixed;
+    inset: 0;
+    z-index: 2001;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding: 20px;
+    overflow: auto;
+
+    @include when(center) {
+      align-items: center;
+    }
+  }
+
+  @include e(header) {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+    border-bottom: 1px solid #eee;
+  }
+
+  @include e(title) {
+    flex: 1;
+    line-height: 24px;
+  }
+
+  @include e(close) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    font-size: 20px;
+    line-height: 1;
+    color: #909399;
+    cursor: pointer;
+    background: none;
+    border: none;
+    transition: color 0.2s;
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+
+  @include e(body) {
+    flex: 1;
+    padding: 20px;
+    overflow: auto;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #606266;
+  }
+
+  @include e(footer) {
+    display: flex;
+    flex-shrink: 0;
+    gap: 12px;
+    justify-content: flex-end;
+    padding: 12px 20px;
+    border-top: 1px solid #eee;
+  }
+}
+
+.qxs-dialog-enter-active,
+.qxs-dialog-leave-active {
+  transition: opacity 0.3s ease;
+
+  .qxs-dialog {
+    transition: transform 0.3s ease, opacity 0.3s ease;
+  }
+}
+
+.qxs-dialog-enter-from,
+.qxs-dialog-leave-to {
+  opacity: 0;
+
+  .qxs-dialog {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+}
+
+.qxs-dialog-enter-to,
+.qxs-dialog-leave-from {
+  opacity: 1;
+
+  .qxs-dialog {
+    opacity: 1;
+    transform: scale(1);
+  }
+}

package/theme-chalk/src/file-upload.css

@@ -1 +0,0 @@
-.qxs-file-upload__control .is-drag{display:inline-block !important}.qxs-file-upload__control .is-drag [class$=-upload-dragger]{padding:0}.qxs-file-upload__control .is-drag [class$=-upload-dragger] [class$=-icon--upload]{margin-bottom:0;font-size:40px}.qxs-file-upload__control .is-drag [class$=-upload-dragger] [class$=-upload__text]{padding:0 6px;font-size:14px;line-height:1.5}.qxs-file-upload__control .is-drag.is-dragover{border-width:1px}.qxs-file-upload__control .is-drag .slot{width:160px;height:90px}

package/theme-chalk/src/file-upload.scss

@@ -1,34 +1,7 @@
-@use "mixins/config" as *;
-@use "mixins/mixins" as *;
+// file-upload 组件样式
+// 注意：主要样式已在组件内部使用 scoped 定义
+// 此文件仅保留全局样式覆盖（如需要）
 
-@include b(file-upload) {
-  @include e(control) {
-    .is-drag {
-      display: inline-block !important;
-
-      [class$="-upload-dragger"] {
-        padding: 0;
-
-        [class$="-icon--upload"] {
-          margin-bottom: 0;
-          font-size: 40px;
-        }
-
-        [class$="-upload__text"] {
-          padding: 0 6px;
-          font-size: 14px;
-          line-height: 1.5;
-        }
-      }
-
-      &.is-dragover {
-        border-width: 1px;
-      }
-
-      .slot {
-        width: 160px;
-        height: 90px;
-      }
-    }
-  }
+.qxs-file-upload {
+  // 继承基础样式
 }

package/theme-chalk/src/fixed-action-bar.scss

@@ -1,4 +1,4 @@
-@use "mixins/mixins" as *;
+@use "./mixins/mixins" as *;
 
 @include b(fixed-action-bar) {
   &__actionbar {

package/theme-chalk/src/icon.scss

@@ -1,4 +1,4 @@
-@use "mixins/mixins" as *;
+@use "./mixins/mixins" as *;
 
 @include b(icon) {
   position: relative;

package/theme-chalk/src/image-upload.css

@@ -1 +1 @@
-.el-image-upload__container{line-height:initial}.el-image-upload__control>.el-upload-list--picture-card{color:#969696}.el-image-upload__control>.el-upload-list--picture-card .el-upload-list__item{width:var(--el-image-upload-width);height:var(--el-image-upload-height)}.el-image-upload__control>.el-upload-list--picture-card .el-upload-list__item [role=progressbar]{width:calc(min(var(--el-image-upload-width),var(--el-image-upload-height))/4*3) !important}.el-image-upload__control>.el-upload-list--picture-card .el-upload-list__item [role=progressbar] .el-progress-circle{width:calc(min(var(--el-image-upload-width),var(--el-image-upload-height))/4*3) !important;height:calc(min(var(--el-image-upload-width),var(--el-image-upload-height))/4*3) !important}.el-image-upload__control>.el-upload-list--picture-card .is-drag{width:var(--el-image-upload-width);height:var(--el-image-upload-height)}.el-image-upload__control>.el-upload-list--picture-card .is-drag .el-upload-dragger{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:unset;background-color:unset;border:unset}.el-image-upload__control>.el-upload-list--picture-card .is-drag .el-upload-dragger .image-slot{font-size:16px;font-weight:400}.el-image-upload__control>.el-upload-list--picture-card .is-drag .el-upload-dragger .image-slot>:nth-child(1){margin-bottom:10px}.el-image-upload__more-than-limit .is-drag{display:none}.el-image-upload__container .el-upload__tip-text{font-size:14px;line-height:32px;color:#c8c8c8}.el-image-upload__container .el-upload-list__item-divider{width:1px;height:14px;background-color:hsla(0,0%,100%,.5)}.el-image-upload__action-btn{cursor:pointer;border-radius:2px;transition:all .2s ease-in-out}.el-image-upload__action-btn:hover{transform:scale(1.1)}.el-image-upload__action-btn:active{transform:scale(0.95)}.el-image-upload__action-btn--preview:hover>i{color:var(--el-color-primary)}.el-image-upload__action-btn--delete:hover>i{color:var(--el-color-danger)}.el-image-upload__action-btn.is-disabled{cursor:not-allowed !important;opacity:.5}.el-image-upload__action-btn.is-disabled:hover{transform:none}.el-image-upload__action-btn.is-disabled:hover>i{color:inherit}.el-image-upload__action-btn.is-disabled:active{transform:none}.el-image-upload__container .upload-progress{position:absolute;right:0;bottom:0;left:0;z-index:10;height:4px;overflow:hidden;background-color:rgba(0,0,0,.1);border-radius:0 0 6px 6px}.el-image-upload__container .upload-progress .upload-progress-bar{width:0%;height:100%;background-color:var(--el-color-primary);transition:width .3s ease}.el-image-upload__container .upload-debug{position:absolute;top:0;left:0;z-index:20;padding:2px 4px;font-size:10px;color:#fff;background:rgba(0,0,0,.7);border-radius:0 0 4px}
+.qxs-image-upload__container{line-height:initial}.qxs-image-upload__control>.qxs-upload-list--picture-card{color:#969696}.qxs-image-upload__control>.qxs-upload-list--picture-card .qxs-upload-list__item{width:var(--qxs-image-upload-width, 100px);height:var(--qxs-image-upload-height, 100px)}.qxs-image-upload__control>.qxs-upload-list--picture-card .qxs-upload-list__item [role=progressbar]{width:calc(min(var(--qxs-image-upload-width, 100px),var(--qxs-image-upload-height, 100px))/4*3) !important}.qxs-image-upload__control>.qxs-upload-list--picture-card .qxs-upload-list__item [role=progressbar] .qxs-progress-circle{width:calc(min(var(--qxs-image-upload-width, 100px),var(--qxs-image-upload-height, 100px))/4*3) !important;height:calc(min(var(--qxs-image-upload-width, 100px),var(--qxs-image-upload-height, 100px))/4*3) !important}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag{width:var(--qxs-image-upload-width, 100px);height:var(--qxs-image-upload-height, 100px)}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag .qxs-upload-dragger{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:unset;background-color:unset;border:unset}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag .qxs-upload-dragger .image-slot{font-size:16px;font-weight:400}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag .qxs-upload-dragger .image-slot>:nth-child(1){margin-bottom:10px}.qxs-image-upload__more-than-limit .is-drag{display:none}.qxs-image-upload__container .qxs-upload__tip-text{font-size:14px;line-height:32px;color:#c8c8c8}.qxs-image-upload__container .qxs-upload-list__item-divider{width:1px;height:14px;background-color:hsla(0,0%,100%,.5)}.qxs-image-upload__action-btn{cursor:pointer;border-radius:2px;transition:all .2s ease-in-out}.qxs-image-upload__action-btn:hover{transform:scale(1.1)}.qxs-image-upload__action-btn:active{transform:scale(0.95)}.qxs-image-upload__action-btn--preview:hover>i{color:var(--qxs-color-primary, #409eff)}.qxs-image-upload__action-btn--delete:hover>i{color:var(--qxs-color-danger, #f56c6c)}.qxs-image-upload__action-btn.is-disabled{cursor:not-allowed !important;opacity:.5}.qxs-image-upload__action-btn.is-disabled:hover{transform:none}.qxs-image-upload__action-btn.is-disabled:hover>i{color:inherit}.qxs-image-upload__action-btn.is-disabled:active{transform:none}.qxs-image-upload__container .upload-progress{position:absolute;right:0;bottom:0;left:0;z-index:10;height:4px;overflow:hidden;background-color:rgba(0,0,0,.1);border-radius:0 0 6px 6px}.qxs-image-upload__container .upload-progress .upload-progress-bar{width:0%;height:100%;background-color:var(--qxs-color-primary, #409eff);transition:width .3s ease}.qxs-image-upload__container .upload-debug{position:absolute;top:0;left:0;z-index:20;padding:2px 4px;font-size:10px;color:#fff;background:rgba(0,0,0,.7);border-radius:0 0 4px}

package/theme-chalk/src/image-upload.scss

@@ -1,34 +1,33 @@
-@use "element-plus/theme-chalk/src/mixins/mixins" as *;
-@use "element-plus/theme-chalk/src/mixins/var" as *;
-@use "element-plus/theme-chalk/src/common/var" as *;
+@use "./mixins/config" as *;
+@use "./mixins/mixins" as *;
 
 @include b(image-upload) {
   @include e(container) {
     line-height: initial;
 
     @include e(control) {
-      >.#{$namespace}-upload-list--picture-card {
+      > .qxs-upload-list--picture-card {
         color: #969696;
 
-        .#{$namespace}-upload-list__item {
-          width: getCssVar("image-upload", "width");
-          height: getCssVar("image-upload", "height");
+        .qxs-upload-list__item {
+          width: var(--qxs-image-upload-width, 100px);
+          height: var(--qxs-image-upload-height, 100px);
 
           [role="progressbar"] {
-            width: calc(min(getCssVar("image-upload", "width"), getCssVar("image-upload", "height")) / 4 * 3) !important;
+            width: calc(min(var(--qxs-image-upload-width, 100px), var(--qxs-image-upload-height, 100px)) / 4 * 3) !important;
 
-            .#{$namespace}-progress-circle {
-              width: calc(min(getCssVar("image-upload", "width"), getCssVar("image-upload", "height")) / 4 * 3) !important;
-              height: calc(min(getCssVar("image-upload", "width"), getCssVar("image-upload", "height")) / 4 * 3) !important;
+            .qxs-progress-circle {
+              width: calc(min(var(--qxs-image-upload-width, 100px), var(--qxs-image-upload-height, 100px)) / 4 * 3) !important;
+              height: calc(min(var(--qxs-image-upload-width, 100px), var(--qxs-image-upload-height, 100px)) / 4 * 3) !important;
             }
           }
         }
 
         .is-drag {
-          width: getCssVar("image-upload", "width");
-          height: getCssVar("image-upload", "height");
+          width: var(--qxs-image-upload-width, 100px);
+          height: var(--qxs-image-upload-height, 100px);
 
-          .#{$namespace}-upload-dragger {
+          .qxs-upload-dragger {
             display: flex;
             align-items: center;
             justify-content: center;
@@ -42,7 +41,7 @@
               font-size: 16px;
               font-weight: 400;
 
-              >:nth-child(1) {
+              > :nth-child(1) {
                 margin-bottom: 10px;
               }
             }
@@ -57,20 +56,18 @@
       }
     }
 
-    .#{$namespace}-upload__tip-text {
+    .qxs-upload__tip-text {
       font-size: 14px;
       line-height: 32px;
       color: #c8c8c8;
     }
 
-    // 分隔线样式
-    .#{$namespace}-upload-list__item-divider {
+    .qxs-upload-list__item-divider {
       width: 1px;
       height: 14px;
       background-color: rgb(255 255 255 / 50%);
     }
 
-    // 操作按钮交互效果
     @include e(action-btn) {
       cursor: pointer;
       border-radius: 2px;
@@ -84,25 +81,22 @@
         transform: scale(0.95);
       }
 
-      // 预览按钮特定样式
       @include m(preview) {
         &:hover {
-          >i {
-            color: getCssVar("color-primary");
+          > i {
+            color: var(--qxs-color-primary, #409eff);
           }
         }
       }
 
-      // 删除按钮特定样式
       @include m(delete) {
         &:hover {
-          >i {
-            color: getCssVar("color-danger");
+          > i {
+            color: var(--qxs-color-danger, #f56c6c);
           }
         }
       }
 
-      // 禁用状态样式
       &.is-disabled {
         cursor: not-allowed !important;
         opacity: 0.5;
@@ -110,7 +104,7 @@
         &:hover {
           transform: none;
 
-          >i {
+          > i {
             color: inherit;
           }
         }
@@ -121,7 +115,6 @@
       }
     }
 
-    // 上传进度条样式
     .upload-progress {
       position: absolute;
       right: 0;
@@ -136,12 +129,11 @@
       .upload-progress-bar {
         width: 0%;
         height: 100%;
-        background-color: getCssVar("color-primary");
+        background-color: var(--qxs-color-primary, #409eff);
         transition: width 0.3s ease;
       }
     }
 
-    // 调试信息样式（开发时使用）
     .upload-debug {
       position: absolute;
       top: 0;

package/theme-chalk/src/photo-crop-tool.scss

@@ -1,4 +1,4 @@
-@use "mixins/mixins" as *;
+@use "./mixins/mixins" as *;
 
 @include b(photo-crop-tool) {
   @include e(img-box) {

package/theme-chalk/src/subject-action.css

@@ -1 +1 @@
-.qxs-subject-action__action-exam .action{padding:20px 0}.qxs-subject-action__action-exam .active{padding-right:10px;padding-left:10px;background-color:#f6f7fb}.qxs-subject-action__action-exam .btn-margin{margin-right:10px}.qxs-subject-action__action-exam .has-set{display:flex;align-items:center;font-size:12px;color:#bbb}.qxs-subject-action__action-exam .vertical-radio-group{display:flex;flex-direction:column;align-items:flex-start;margin-left:20px}.qxs-subject-action__action-exam .vertical-radio-group :deep(.qxs-radio){display:block;margin-right:0}
+.qxs-subject-action__action-exam .action{padding:20px 0}.qxs-subject-action__action-exam .active{padding-right:10px;padding-left:10px;background-color:#f6f7fb}.qxs-subject-action__action-exam .btn-margin{margin-right:10px}.qxs-subject-action__action-exam .has-set{display:flex;align-items:center;font-size:12px;color:#bbb}.qxs-subject-action__action-exam .vertical-radio-group{display:flex;flex-direction:column;align-items:flex-start;margin-left:20px}.qxs-subject-action__action-exam .vertical-radio-group :deep(.qxs-radio){display:block;margin-right:0}.qxs-subject-action__action-exam .action-buttons{display:flex;align-items:center}.qxs-subject-action__action-exam .action-icons{display:flex;align-items:center;gap:4px}.qxs-subject-action__action-exam .action-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:18px;color:#303133;cursor:pointer;border-radius:6px;border:1px solid #dcdfe6;background:#fff;transition:all .2s}.qxs-subject-action__action-exam .action-icon:hover{color:#409eff;border-color:#409eff;background:#ecf5ff}.qxs-subject-action__action-exam .action-icon--danger:hover{color:#f56c6c;border-color:#f56c6c;background:#fef0f0}

package/theme-chalk/src/subject-action.scss

@@ -1,4 +1,4 @@
-@use "mixins/mixins" as *;
+@use "./mixins/mixins" as *;
 
 @include b(subject-action) {
   @include e(action-exam) {
@@ -25,13 +25,54 @@
 
     .vertical-radio-group {
       display: flex;
-      flex-direction: column; /* 垂直排列 */
+      flex-direction: column;
       align-items: flex-start;
       margin-left: 20px;
     }
+
     .vertical-radio-group :deep(.#{$namespace}-radio) {
-      display: block; /* 关键属性 */
-      margin-right: 0; /* 清除默认右边距 */
+      display: block;
+      margin-right: 0;
+    }
+
+    .action-buttons {
+      display: flex;
+      align-items: center;
+    }
+
+    .action-icons {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    .action-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      font-size: 18px;
+      color: #303133;
+      cursor: pointer;
+      border-radius: 6px;
+      border: 1px solid #dcdfe6;
+      background: #fff;
+      transition: all 0.2s;
+
+      &:hover {
+        color: #409eff;
+        border-color: #409eff;
+        background: #ecf5ff;
+      }
+    }
+
+    .action-icon--danger {
+      &:hover {
+        color: #f56c6c;
+        border-color: #f56c6c;
+        background: #fef0f0;
+      }
     }
   }
 }

package/theme-chalk/src/subject-layout.scss

@@ -1,4 +1,4 @@
-@use "mixins/mixins" as *;
+@use "./mixins/mixins" as *;
 
 @include b(subject-layout) {
   @include e(layout-exam) {

package/theme-chalk/src/subject-list.css

@@ -1 +1 @@
-.qxs-subject-list__list-exam .flex{display:flex;align-items:center}.qxs-subject-list__list-exam .flex-items-center{display:flex;align-items:center}.qxs-subject-list__list-exam .flex-justify-between{display:flex;justify-content:space-between}.qxs-subject-list__list-exam .flex-justify-center{display:flex;justify-content:center}.qxs-subject-list__list-exam .flex-justify-end{display:flex;justify-content:flex-end}.qxs-subject-list__list-exam .margin-left-10{margin-left:10px}.qxs-subject-list__list-exam .label{min-width:50px}.qxs-subject-list__list-exam .flex-1{flex:1}.qxs-subject-list__list-exam .subject-list-wrapper{width:100%;margin-bottom:20px}.qxs-subject-list__list-exam .margin-bottom{margin-bottom:20px}.qxs-subject-list__list-exam .auto-line{flex:1;height:1px;margin:0 15px;background-color:#c8c8c8}.qxs-subject-list__list-exam .title{font-size:14px;font-weight:500}.qxs-subject-list__list-exam .rich-text img{max-width:100%}.qxs-subject-single__single-exam .preview-answer{display:flex;flex-direction:column;margin-bottom:10px}.qxs-subject-single__single-exam .flex{display:flex;align-items:center}.qxs-subject-single__single-exam .margin-bottom{margin-bottom:20px}.qxs-subject-single__single-exam .answer-list .answer-item{margin-top:15px}.qxs-subject-single__single-exam .answer-list .answer-item .input{width:300px}.qxs-subject-single__single-exam .answer-list .answer-item .input [class$=-input]{font-weight:bold}.qxs-subject-single__single-exam .answer-list .answer-item .correct{margin:0 10px}.qxs-subject-single__single-exam .answer-list .answer-item .correct:hover{color:#3d61e3;cursor:pointer}.qxs-subject-single__single-exam .answer-list .answer-item .is-correct{color:#67c23a}.qxs-subject-single__single-exam .answer-list .answer-item .icon{margin-left:10px;font-size:18px;color:#a3a3a3;cursor:pointer}.qxs-subject-single__single-exam .answer-list .answer-item .disabled{color:#c0c4cc;cursor:not-allowed}.qxs-subject-single__single-exam .preview .answer-radio{padding-left:10px}.qxs-subject-single__single-exam .preview .answer-radio .radio{margin-top:10px}.qxs-subject-blank-fill__blank-fill-exam .flex{display:flex;align-items:center}.qxs-subject-blank-fill__blank-fill-exam .label{min-width:50px;margin-right:10px}.qxs-subject-blank-fill__blank-fill-exam .margin-bottom{margin-bottom:20px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item{width:100%;margin-top:15px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item .answer-tags{flex:1;padding:5px 15px;border:1px solid #eee;border-radius:4px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item .answer-tags [class$=-tag]{margin-right:10px}.qxs-subject-blank-fill__blank-fill-exam .preview .content{min-height:100px;padding-top:10px;background-color:#fff}.qxs-subject-text-fill__text-fill-exam .flex{display:flex;align-items:center}.qxs-subject-text-fill__text-fill-exam .label{min-width:50px;margin-right:10px}.qxs-subject-text-fill__text-fill-exam .margin-bottom{margin-bottom:20px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item{width:100%;margin-top:15px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .answer-tags{flex:1;padding:5px 15px;border:1px solid #eee;border-radius:4px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .operation .icon{margin-left:10px;font-size:16px;color:#a3a3a3;cursor:pointer}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .operation .disabled{color:#c0c4cc;cursor:not-allowed}.qxs-subject-text-fill__text-fill-exam .preview .content{min-height:100px;margin-top:10px}.qxs-subject-scale__scale-exam .flex{display:flex;align-items:center}.qxs-subject-scale__scale-exam .label{min-width:50px}.qxs-subject-scale__scale-exam .margin-bottom{margin-bottom:20px}.qxs-subject-scale__scale-exam .answer{margin:20px 0}.qxs-subject-scale__scale-exam .answer .answer-list{margin-left:40px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item{margin-bottom:20px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .order{width:16px;margin-right:10px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .icon{margin-left:10px;font-size:16px;color:#a3a3a3;cursor:pointer}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .disabled{color:#c0c4cc;cursor:not-allowed}.qxs-subject-scale__scale-exam .preview .answer-radio .radio-item .qxs-radio-wrapper{margin-inline-end:0}
+.qxs-subject-list__list-exam .flex{display:flex;align-items:center}.qxs-subject-list__list-exam .flex-items-center{display:flex;align-items:center}.qxs-subject-list__list-exam .flex-items-start{display:flex;align-items:flex-start}.qxs-subject-list__list-exam .flex-justify-between{display:flex;justify-content:space-between}.qxs-subject-list__list-exam .flex-justify-center{display:flex;justify-content:center}.qxs-subject-list__list-exam .flex-justify-end{display:flex;justify-content:flex-end}.qxs-subject-list__list-exam .label{min-width:60px;font-size:13px;color:#606266}.qxs-subject-list__list-exam .flex-1{flex:1}.qxs-subject-list__list-exam .subject-list-wrapper{width:100%;padding:16px;margin-bottom:16px;background:#fff;border:1px solid #ebeef5;border-radius:4px}.qxs-subject-list__list-exam .sort-mode-toggle{display:flex;justify-content:flex-end;margin-bottom:12px}.qxs-subject-list__list-exam .sort-list .sort-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;background:#f8f9fa;border:1px solid #e4e7ed;border-radius:6px;cursor:grab;transition:all .3s ease}.qxs-subject-list__list-exam .sort-list .sort-item:hover{background:#ecf5ff;border-color:#c6e2ff}.qxs-subject-list__list-exam .sort-list .sort-item:active{cursor:grabbing}.qxs-subject-list__list-exam .sort-list .sort-item .sort-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:12px;color:#909399}.qxs-subject-list__list-exam .sort-list .sort-item .sort-index{font-weight:600;color:#409eff;margin-right:12px;min-width:24px}.qxs-subject-list__list-exam .sort-list .sort-item .sort-title{flex:1;font-size:14px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qxs-subject-list__list-exam .sort-list .sort-item .sort-type{font-size:12px;color:#909399;margin-left:12px;padding:2px 8px;background:#f0f0f0;border-radius:4px}.qxs-subject-list__list-exam .sort-list .sort-ghost{opacity:.5;background:#ecf5ff;border:2px dashed #409eff}.qxs-subject-list__list-exam .sort-list .sort-chosen{background:#ecf5ff;border-color:#409eff;box-shadow:0 4px 16px rgba(64,158,255,.3);transform:scale(1.02)}.qxs-subject-list__list-exam .sort-list .sort-drag{opacity:.9;box-shadow:0 8px 24px rgba(0,0,0,.15)}.qxs-subject-list__list-exam .auto-line{flex:1;height:1px;margin:0 12px;background:#ebeef5}.qxs-subject-list__list-exam .title{font-size:14px;color:#303133}.qxs-subject-list__list-exam .rich-text{margin-top:8px}.qxs-subject-list__list-exam .rich-text img{max-width:100%}.qxs-subject-list__list-exam .subject-item{position:relative;display:flex;align-items:flex-start;transition:background-color .3s ease}.qxs-subject-list__list-exam .subject-item .drag-handle{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;margin-right:12px;margin-top:20px;color:#c0c4cc;cursor:grab;border-radius:4px;transition:all .3s ease}.qxs-subject-list__list-exam .subject-item .drag-handle:hover{color:#409eff;background:#ecf5ff}.qxs-subject-list__list-exam .subject-item .drag-handle:active{cursor:grabbing}.qxs-subject-list__list-exam .subject-item .drag-handle svg{width:16px;height:16px}.qxs-subject-list__list-exam .subject-item .subject-content{flex:1;min-width:0}.qxs-subject-list__list-exam .subject-item .subject-preview{flex:1;display:flex;align-items:center;padding:12px 16px;background:#f5f7fa;border:1px solid #e4e7ed;border-radius:6px;font-size:14px;color:#303133}.qxs-subject-list__list-exam .subject-item .subject-preview .subject-preview-index{font-weight:600;margin-right:8px;color:#409eff}.qxs-subject-list__list-exam .subject-item .subject-preview .subject-preview-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qxs-subject-list__list-exam .subject-item.is-preview{display:block}.qxs-subject-list__list-exam .subject-item.is-preview .drag-handle{display:none}.qxs-subject-list__list-exam .subject-item.is-dragging-mode .subject-content{display:none}.qxs-subject-list__list-exam .subject-content{flex:1;min-width:0}.qxs-subject-list__list-exam .ghost{background:#ecf5ff;border:1px dashed #409eff;opacity:.5}.qxs-subject-list__list-exam .chosen{background:#ecf5ff}.qxs-subject-list__list-exam .dragging{background:#ecf5ff;box-shadow:0 0 10px rgba(0,0,0,.1)}.qxs-subject-action__action-exam .drag-handle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;color:#c0c4cc;cursor:grab;border-radius:4px;transition:all .3s ease}.qxs-subject-action__action-exam .drag-handle:hover{color:#409eff;background:#ecf5ff}.qxs-subject-action__action-exam .drag-handle:active{cursor:grabbing}.qxs-subject-single__single-exam{padding:12px 0}.qxs-subject-single__single-exam .preview-answer{display:flex;flex-direction:column;margin-top:12px}.qxs-subject-single__single-exam .flex{display:flex}.qxs-subject-single__single-exam .answer-item{display:flex;align-items:center;margin-top:6px;border-radius:4px}.qxs-subject-single__single-exam .answer-item .label{min-width:60px;font-size:13px;color:#909399}.qxs-subject-single__single-exam .answer-item .input{flex:1;max-width:360px}.qxs-subject-single__single-exam .answer-item .correct{margin:0 10px;color:#909399}.qxs-subject-single__single-exam .answer-item .correct:hover{color:#409eff;cursor:pointer}.qxs-subject-single__single-exam .answer-item .is-correct{color:#67c23a}.qxs-subject-single__single-exam .answer-item .icon{margin-left:8px;font-size:16px;color:#c0c4cc;cursor:pointer}.qxs-subject-single__single-exam .answer-item .icon:hover{color:#409eff}.qxs-subject-single__single-exam .answer-item .disabled{color:#e4e7ed;cursor:not-allowed}.qxs-subject-single__single-exam .preview .answer-radio{padding-left:8px}.qxs-subject-single__single-exam .preview .answer-radio .radio{margin-top:8px}.qxs-subject-blank-fill__blank-fill-exam{padding:12px 0}.qxs-subject-blank-fill__blank-fill-exam .flex{display:flex}.qxs-subject-blank-fill__blank-fill-exam .label{min-width:80px;font-size:13px;color:#606266;font-weight:500}.qxs-subject-blank-fill__blank-fill-exam .answer-list{margin-top:16px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item{width:100%;margin-bottom:12px;padding:12px 16px;background:#f8f9fa;border:1px solid #e4e7ed;border-radius:8px;transition:all .2s}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item:hover{border-color:#c0c4cc;background:#f5f7fa}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item .label{min-width:90px;font-size:13px;color:#303133;font-weight:500}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item .answer-tags{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #dcdfe6;border-radius:6px;min-height:36px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item .answer-tags [class$=-tag]{margin:0}.qxs-subject-blank-fill__blank-fill-exam .preview .content{min-height:80px;padding:16px;background:#fafafa;border:1px solid #ebeef5;border-radius:8px}.qxs-subject-text-fill__text-fill-exam{padding:12px 0}.qxs-subject-text-fill__text-fill-exam .flex{display:flex}.qxs-subject-text-fill__text-fill-exam .label{min-width:60px;font-size:13px;color:#606266}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item{width:100%;margin-top:8px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .answer-tags{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;min-height:40px;background:#fafafa;border:1px solid #ebeef5;border-radius:4px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .answer-tags [class$=-tag]{margin:0}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .operation .icon{margin-left:8px;font-size:14px;color:#c0c4cc;cursor:pointer}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .operation .icon:hover{color:#409eff}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .operation .disabled{color:#e4e7ed;cursor:not-allowed}.qxs-subject-text-fill__text-fill-exam .preview .content{min-height:80px;padding:12px;margin-top:8px;background:#fafafa;border:1px solid #ebeef5;border-radius:4px}.qxs-subject-scale__scale-exam{padding:12px 0}.qxs-subject-scale__scale-exam .flex{display:flex}.qxs-subject-scale__scale-exam .label{min-width:60px;font-size:13px;color:#606266}.qxs-subject-scale__scale-exam .answer .answer-list{margin-left:32px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item{margin-bottom:16px;border-radius:4px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .order{width:16px;margin-right:8px;color:#909399}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .icon{margin-left:8px;font-size:14px;color:#c0c4cc;cursor:pointer}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .icon:hover{color:#409eff}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .disabled{color:#e4e7ed;cursor:not-allowed}.qxs-subject-scale__scale-exam .preview .answer-radio .radio-item .qxs-radio-wrapper{margin-inline-end:0}