@qxs-bns/components 0.0.90 → 0.0.92

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

@@ -1,149 +0,0 @@
-@use "./mixins/config" as *;
-@use "./mixins/mixins" as *;
-
-@include b(image-upload) {
-  @include e(container) {
-    line-height: initial;
-
-    @include e(control) {
-      > .qxs-upload-list--picture-card {
-        color: #969696;
-
-        .qxs-upload-list__item {
-          width: var(--qxs-image-upload-width, 100px);
-          height: var(--qxs-image-upload-height, 100px);
-
-          [role="progressbar"] {
-            width: calc(min(var(--qxs-image-upload-width, 100px), var(--qxs-image-upload-height, 100px)) / 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: var(--qxs-image-upload-width, 100px);
-          height: var(--qxs-image-upload-height, 100px);
-
-          .qxs-upload-dragger {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            height: 100%;
-            padding: unset;
-            background-color: unset;
-            border: unset;
-
-            .image-slot {
-              font-size: 16px;
-              font-weight: 400;
-
-              > :nth-child(1) {
-                margin-bottom: 10px;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    @include e(more-than-limit) {
-      .is-drag {
-        display: none;
-      }
-    }
-
-    .qxs-upload__tip-text {
-      font-size: 14px;
-      line-height: 32px;
-      color: #c8c8c8;
-    }
-
-    .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;
-      transition: all 0.2s ease-in-out;
-
-      &:hover {
-        transform: scale(1.1);
-      }
-
-      &:active {
-        transform: scale(0.95);
-      }
-
-      @include m(preview) {
-        &:hover {
-          > i {
-            color: var(--qxs-color-primary, #409eff);
-          }
-        }
-      }
-
-      @include m(delete) {
-        &:hover {
-          > i {
-            color: var(--qxs-color-danger, #f56c6c);
-          }
-        }
-      }
-
-      &.is-disabled {
-        cursor: not-allowed !important;
-        opacity: 0.5;
-
-        &:hover {
-          transform: none;
-
-          > i {
-            color: inherit;
-          }
-        }
-
-        &:active {
-          transform: none;
-        }
-      }
-    }
-
-    .upload-progress {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 10;
-      height: 4px;
-      overflow: hidden;
-      background-color: rgb(0 0 0 / 10%);
-      border-radius: 0 0 6px 6px;
-
-      .upload-progress-bar {
-        width: 0%;
-        height: 100%;
-        background-color: var(--qxs-color-primary, #409eff);
-        transition: width 0.3s ease;
-      }
-    }
-
-    .upload-debug {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 20;
-      padding: 2px 4px;
-      font-size: 10px;
-      color: white;
-      background: rgb(0 0 0 / 70%);
-      border-radius: 0 0 4px;
-    }
-  }
-}

package/theme-chalk/src/mixins/_var.scss

@@ -1,24 +0,0 @@
-@use "sass:map";
-@use "sass:color";
-@use "function" as *;
-
-// 定位居中，默认水平居中，可选择垂直居中，或者水平垂直都居中
-@mixin position-center($type: x) {
-  position: absolute;
-
-  @if $type == x {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  @if $type == y {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  @if $type == xy {
-    top: 50%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-50%);
-  }
-}

package/theme-chalk/src/mixins/config.scss

@@ -1,12 +0,0 @@
-$namespace: "qxs" !default;
-$common-separator: "-" !default;
-$element-separator: "__" !default;
-$modifier-separator: "--" !default;
-$state-prefix: "is-" !default;
-$text-color-main: #333;
-$font-size-small: 12px;
-$color-danger: #f56c6c;
-$text-color-regular: #606266;
-$color-success: #30c691;
-$text-color-primary: #3d61e3;
-$color-primary: #3d61e3;

package/theme-chalk/src/mixins/function.scss

@@ -1,95 +0,0 @@
-@use "sass:string";
-@use "sass:meta";
-@use "config";
-
-// BEM support Func
-@function selectorToString($selector) {
-  $selector: meta.inspect($selector);
-  $selector: string.slice($selector, 2, -2);
-
-  @return $selector;
-}
-
-@function containsModifier($selector) {
-  $selector: selectorToString($selector);
-
-  @if string.index($selector, config.$modifier-separator) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function containWhenFlag($selector) {
-  $selector: selectorToString($selector);
-
-  @if string.index($selector, "." + config.$state-prefix) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function hasPseudoClass($selector) {
-  @return string.index($selector, ":") != null;
-}
-
-@function containPseudoClass($selector) {
-  $selector: selectorToString($selector);
-
-  @if hasPseudoClass($selector) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function hitAllSpecialNestRule($selector) {
-  @return containsModifier($selector) or containWhenFlag($selector) or
-    containPseudoClass($selector);
-}
-
-// join var name
-// joinVarName(('button', 'text-color')) => '--qxs-button-text-color'
-@function joinVarName($list) {
-  $name: "--" + config.$namespace;
-
-  @each $item in $list {
-    @if $item != "" {
-      $name: $name + "-" + $item;
-    }
-  }
-
-  @return $name;
-}
-
-// getCssVarName('button', 'text-color') => '--qxs-button-text-color'
-@function getCssVarName($args...) {
-  @return joinVarName($args);
-}
-
-// getCssVar('button', 'text-color') => var(--qxs-button-text-color)
-@function getCssVar($args...) {
-  @return var(#{joinVarName($args)});
-}
-
-// getCssVarWithDefault(('button', 'text-color'), red) => var(--qxs-button-text-color, red)
-@function getCssVarWithDefault($args, $default) {
-  @return var(#{joinVarName($args)}, #{$default});
-}
-
-// bem('block', 'element', 'modifier') => 'el-block__element--modifier'
-@function bem($block, $element: "", $modifier: "") {
-  $name: config.$namespace + config.$common-separator + $block;
-
-  @if $element != "" {
-    $name: $name + config.$element-separator + $element;
-  }
-
-  @if $modifier != "" {
-    $name: $name + config.$modifier-separator + $modifier;
-  }
-
-  // @debug $name;
-  @return $name;
-}

package/theme-chalk/src/mixins/mixins.scss

@@ -1,102 +0,0 @@
-@use "function" as *;
-// forward mixins
-@forward "config";
-@forward "function";
-@forward "_var";
-@use "config" as *;
-// 声明变量
-$B: null;
-$E: null;
-
-// BEM
-@mixin b($block) {
-  $B: $namespace + $common-separator + $block !global;
-
-  .#{$B} {
-    @content;
-  }
-}
-
-@mixin e($element) {
-  $E: $element !global;
-  $selector: &;
-  $currentSelector: "";
-
-  @each $unit in $element {
-    $currentSelector: #{$currentSelector +
-      "." +
-      $B +
-      $element-separator +
-      $unit +
-      ","};
-  }
-
-  @if hitAllSpecialNestRule($selector) {
-    @at-root {
-      #{$selector} {
-        #{$currentSelector} {
-          @content;
-        }
-      }
-    }
-  } @else {
-    @at-root {
-      #{$currentSelector} {
-        @content;
-      }
-    }
-  }
-}
-
-@mixin m($modifier) {
-  $selector: &;
-  $currentSelector: "";
-
-  @each $unit in $modifier {
-    $currentSelector: #{$currentSelector +
-      $selector +
-      $modifier-separator +
-      $unit +
-      ","};
-  }
-
-  @at-root {
-    #{$currentSelector} {
-      @content;
-    }
-  }
-}
-
-@mixin meb($modifier: false, $element: $E, $block: $B) {
-  $selector: &;
-  $modifierCombo: "";
-
-  @if $modifier {
-    $modifierCombo: $modifier-separator + $modifier;
-  }
-
-  @at-root {
-    #{$selector} {
-      .#{$block + $element-separator + $element + $modifierCombo} {
-        @content;
-      }
-    }
-  }
-}
-
-@mixin when($state) {
-  @at-root {
-    &.#{$state-prefix + $state} {
-      @content;
-    }
-  }
-}
-
-// dark
-@mixin dark($block) {
-  html.dark {
-    @include b($block) {
-      @content;
-    }
-  }
-}

package/theme-chalk/src/normalize.css

@@ -1 +0,0 @@
-@layer qxs-reset{:where([class*=qxs-]) :where(*){padding:0;margin:0}}

package/theme-chalk/src/normalize.scss

@@ -1,11 +0,0 @@
-@use "sass:meta";
-@use "./mixins/config" as *;
-
-// 使用层叠层和 :where() 双重降低优先级，确保页面自定义样式可以覆盖
-// 层叠层的优先级最低，:where() 优先级为 0
-@layer qxs-reset {
-  :where([class*="#{$namespace}#{$common-separator}"]) :where(*) {
-    padding: 0;
-    margin: 0;
-  }
-}

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

@@ -1 +0,0 @@
-.qxs-photo-crop-tool__img-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#fafafa}.qxs-photo-crop-tool__error-message{color:red}.qxs-photo-crop-tool__image{max-width:100%;max-height:100%;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none}.qxs-photo-crop-tool__crop-tool-box{position:absolute;width:calc(var(--qxs-photo-crop-tool-width)*1px);max-width:100%;height:calc(var(--qxs-photo-crop-tool-height)*1px);max-height:100%;aspect-ratio:var(--qxs-photo-crop-tool-aspect-ratio);overflow:hidden;cursor:move;border:1px dashed #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.4)}.qxs-photo-crop-tool__crop-tool-box>div{position:absolute;z-index:3;width:30%;aspect-ratio:1/1;background-color:rgba(2,2,2,.01);border-radius:50%;transition:all .3s}.qxs-photo-crop-tool__crop-tool-box>div::after{position:absolute;top:50%;left:50%;width:10px;height:10px;content:"";background-color:var(--qxs-color-primary, #3d61e3);border-radius:50%;transform:translate3d(-50%, -50%, 0)}.qxs-photo-crop-tool__crop-tool-box>div:hover,.qxs-photo-crop-tool__crop-tool-box>div:active{background-color:rgba(2,2,2,.5)}.qxs-photo-crop-tool__top-left{top:0;left:0;cursor:nwse-resize;transform:translate3d(-50%, -50%, 0)}.qxs-photo-crop-tool__top-right{top:0;right:0;cursor:nesw-resize;transform:translate3d(50%, -50%, 0)}.qxs-photo-crop-tool__bottom-right{right:0;bottom:0;cursor:nwse-resize;transform:translate3d(50%, 50%, 0)}.qxs-photo-crop-tool__bottom-left{bottom:0;left:0;cursor:nesw-resize;transform:translate3d(-50%, 50%, 0)}

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

@@ -1,98 +0,0 @@
-@use "./mixins/mixins" as *;
-
-@include b(photo-crop-tool) {
-  @include e(img-box) {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background-color: #fafafa;
-
-    @include e(error-message) {
-      color: red;
-    }
-
-    @include e(image) {
-      max-width: 100%;
-      max-height: 100%;
-      vertical-align: middle;
-      // 禁止选中
-      user-select: none;
-      object-fit: contain;
-      // 禁止过拽
-      -webkit-user-drag: none;
-    }
-
-    @include e(crop-tool-box) {
-      position: absolute;
-      width: calc(getCssVar("photo-crop-tool", "width") * 1px);
-      max-width: 100%;
-      height: calc(getCssVar("photo-crop-tool", "height") * 1px);
-      max-height: 100%;
-      aspect-ratio: getCssVar("photo-crop-tool", "aspect-ratio");
-      overflow: hidden;
-      cursor: move;
-      border: 1px dashed #fff;
-      box-shadow: 0 0 0 9999px rgb(0 0 0 / 40%);
-
-      /* 扩展阴影以覆盖周围区域 */
-      >div {
-        position: absolute;
-        z-index: 3;
-        width: 30%;
-        aspect-ratio: 1 / 1;
-        background-color: rgba($color: #020202, $alpha: 1%);
-        border-radius: 50%;
-        transition: all 0.3s;
-
-        &::after {
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          width: 10px;
-          height: 10px;
-          content: "";
-          background-color: var(--#{$namespace}-color-primary, $text-color-primary);
-          border-radius: 50%;
-          transform: translate3d(-50%, -50%, 0);
-        }
-
-        &:hover,
-        &:active {
-          background-color: rgba($color: #020202, $alpha: 50%);
-        }
-
-        @include e(top-left) {
-          top: 0;
-          left: 0;
-          cursor: nwse-resize;
-          transform: translate3d(-50%, -50%, 0);
-        }
-
-        @include e(top-right) {
-          top: 0;
-          right: 0;
-          cursor: nesw-resize;
-          transform: translate3d(50%, -50%, 0);
-        }
-
-        @include e(bottom-right) {
-          right: 0;
-          bottom: 0;
-          cursor: nwse-resize;
-          transform: translate3d(50%, 50%, 0);
-        }
-
-        @include e(bottom-left) {
-          bottom: 0;
-          left: 0;
-          cursor: nesw-resize;
-          transform: translate3d(-50%, 50%, 0);
-        }
-      }
-    }
-  }
-}

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

@@ -1 +0,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,78 +0,0 @@
-@use "./mixins/mixins" as *;
-
-@include b(subject-action) {
-  @include e(action-exam) {
-    .action {
-      padding: 20px 0;
-    }
-
-    .active {
-      padding-right: 10px;
-      padding-left: 10px;
-      background-color: #f6f7fb;
-    }
-
-    .btn-margin {
-      margin-right: 10px;
-    }
-
-    .has-set {
-      display: flex;
-      align-items: center;
-      font-size: 12px;
-      color: #bbb;
-    }
-
-    .vertical-radio-group {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      margin-left: 20px;
-    }
-
-    .vertical-radio-group :deep(.#{$namespace}-radio) {
-      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.css

@@ -1 +0,0 @@
-.qxs-subject-layout__layout-exam{padding:10px;font-size:12px;color:#5a5a5a}.qxs-subject-layout__layout-exam .edit{position:relative;padding:20px 10px;padding-bottom:10px;margin-top:20px;background-color:#f6f7fb}.qxs-subject-layout__layout-exam .edit .triangle-up{position:absolute;top:-20px;left:100px;width:0;height:0;border-right:20px solid rgba(0,0,0,0);border-bottom:20px solid #f6f7fb;border-left:20px solid rgba(0,0,0,0)}

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

@@ -1,28 +0,0 @@
-@use "./mixins/mixins" as *;
-
-@include b(subject-layout) {
-  @include e(layout-exam) {
-    padding: 10px;
-    font-size: 12px;
-    color: #5a5a5a;
-
-    .edit {
-      position: relative;
-      padding: 20px 10px;
-      padding-bottom: 10px;
-      margin-top: 20px;
-      background-color: #f6f7fb;
-
-      .triangle-up {
-        position: absolute;
-        top: -20px;
-        left: 100px;
-        width: 0;
-        height: 0;
-        border-right: 20px solid transparent;
-        border-bottom: 20px solid #f6f7fb;
-        border-left: 20px solid transparent;
-      }
-    }
-  }
-}

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

@@ -1 +0,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}