@qxs-bns/components 0.0.14 → 0.0.16

package/es/theme-chalk/index.css

@@ -1,1202 +0,0 @@
-@charset "UTF-8";
-/* Element Chalk Variables */
-/* stylelint-disable no-duplicate-selectors */
-:root {
-  --qxs-color-white: #fff;
-  --qxs-color-black: #000;
-  --qxs-color-primary-rgb: 227;
-  --qxs-color-success-rgb: 58;
-  --qxs-color-warning-rgb: 60;
-  --qxs-color-danger-rgb: 108;
-  --qxs-color-error-rgb: 108;
-  --qxs-color-info-rgb: 153;
-  --qxs-font-size-extra-large: 20px;
-  --qxs-font-size-large: 18px;
-  --qxs-font-size-medium: 16px;
-  --qxs-font-size-base: 14px;
-  --qxs-font-size-small: 13px;
-  --qxs-font-size-extra-small: 12px;
-  --qxs-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
-  --qxs-font-weight-primary: 500;
-  --qxs-font-line-height-primary: 24px;
-  --qxs-index-normal: 1;
-  --qxs-index-top: 1000;
-  --qxs-index-popper: 2000;
-  --qxs-border-radius-base: 4px;
-  --qxs-border-radius-small: 2px;
-  --qxs-border-radius-round: 20px;
-  --qxs-border-radius-circle: 100%;
-  --qxs-transition-duration: 0.3s;
-  --qxs-transition-duration-fast: 0.2s;
-  --qxs-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --qxs-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
-  --qxs-transition-all: all var(--qxs-transition-duration) var(--qxs-transition-function-ease-in-out-bezier);
-  --qxs-transition-fade: opacity var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier);
-  --qxs-transition-md-fade: transform var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier), opacity var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier);
-  --qxs-transition-fade-linear: opacity var(--qxs-transition-duration-fast) linear;
-  --qxs-transition-border: border-color var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
-  --qxs-transition-box-shadow: box-shadow var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
-  --qxs-transition-color: color var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
-  --qxs-component-size-large: 40px;
-  --qxs-component-size: 32px;
-  --qxs-component-size-small: 24px;
-}
-
-:root {
-  color-scheme: light;
-  --qxs-color-primary: #3d61e3;
-  --qxs-color-primary-light-3: rgb(119.2, 144.4, 235.4);
-  --qxs-color-primary-light-5: #9eb0f1;
-  --qxs-color-primary-light-7: rgb(196.8, 207.6, 246.6);
-  --qxs-color-primary-light-8: rgb(216.2, 223.4, 249.4);
-  --qxs-color-primary-light-9: rgb(235.6, 239.2, 252.2);
-  --qxs-color-primary-dark-2: rgb(48.8, 77.6, 181.6);
-  --qxs-color-success: #67c23a;
-  --qxs-color-success-light-3: rgb(148.6, 212.3, 117.1);
-  --qxs-color-success-light-5: rgb(179, 224.5, 156.5);
-  --qxs-color-success-light-7: rgb(209.4, 236.7, 195.9);
-  --qxs-color-success-light-8: rgb(224.6, 242.8, 215.6);
-  --qxs-color-success-light-9: rgb(239.8, 248.9, 235.3);
-  --qxs-color-success-dark-2: rgb(82.4, 155.2, 46.4);
-  --qxs-color-warning: #e6a23c;
-  --qxs-color-warning-light-3: rgb(237.5, 189.9, 118.5);
-  --qxs-color-warning-light-5: rgb(242.5, 208.5, 157.5);
-  --qxs-color-warning-light-7: rgb(247.5, 227.1, 196.5);
-  --qxs-color-warning-light-8: rgb(250, 236.4, 216);
-  --qxs-color-warning-light-9: rgb(252.5, 245.7, 235.5);
-  --qxs-color-warning-dark-2: rgb(184, 129.6, 48);
-  --qxs-color-danger: #f56c6c;
-  --qxs-color-danger-light-3: rgb(248, 152.1, 152.1);
-  --qxs-color-danger-light-5: rgb(250, 181.5, 181.5);
-  --qxs-color-danger-light-7: rgb(252, 210.9, 210.9);
-  --qxs-color-danger-light-8: rgb(253, 225.6, 225.6);
-  --qxs-color-danger-light-9: rgb(254, 240.3, 240.3);
-  --qxs-color-danger-dark-2: rgb(196, 86.4, 86.4);
-  --qxs-color-error: #f56c6c;
-  --qxs-color-error-light-3: rgb(248, 152.1, 152.1);
-  --qxs-color-error-light-5: rgb(250, 181.5, 181.5);
-  --qxs-color-error-light-7: rgb(252, 210.9, 210.9);
-  --qxs-color-error-light-8: rgb(253, 225.6, 225.6);
-  --qxs-color-error-light-9: rgb(254, 240.3, 240.3);
-  --qxs-color-error-dark-2: rgb(196, 86.4, 86.4);
-  --qxs-color-info: #909399;
-  --qxs-color-info-light-3: rgb(177.3, 179.4, 183.6);
-  --qxs-color-info-light-5: rgb(199.5, 201, 204);
-  --qxs-color-info-light-7: rgb(221.7, 222.6, 224.4);
-  --qxs-color-info-light-8: rgb(232.8, 233.4, 234.6);
-  --qxs-color-info-light-9: rgb(243.9, 244.2, 244.8);
-  --qxs-color-info-dark-2: rgb(115.2, 117.6, 122.4);
-  --qxs-bg-color: #fff;
-  --qxs-bg-color-page: #f2f3f5;
-  --qxs-bg-color-overlay: #fff;
-  --qxs-text-color-primary: #303133;
-  --qxs-text-color-regular: #606266;
-  --qxs-text-color-secondary: #909399;
-  --qxs-text-color-placeholder: #a8abb2;
-  --qxs-text-color-disabled: #c0c4cc;
-  --qxs-border-color: #dcdfe6;
-  --qxs-border-color-light: #e4e7ed;
-  --qxs-border-color-lighter: #ebeef5;
-  --qxs-border-color-extra-light: #f2f6fc;
-  --qxs-border-color-dark: #d4d7de;
-  --qxs-border-color-darker: #cdd0d6;
-  --qxs-fill-color: #f0f2f5;
-  --qxs-fill-color-light: #f5f7fa;
-  --qxs-fill-color-lighter: #fafafa;
-  --qxs-fill-color-extra-light: #fafcff;
-  --qxs-fill-color-dark: #ebedf0;
-  --qxs-fill-color-darker: #e6e8eb;
-  --qxs-fill-color-blank: #fff;
-  --qxs-box-shadow: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
-  --qxs-box-shadow-light: 0 0 12px rgba(0, 0, 0, 0.12);
-  --qxs-box-shadow-lighter: 0 0 6px rgba(0, 0, 0, 0.12);
-  --qxs-box-shadow-dark: 0 16px 48px 16px rgba(0, 0, 0, 0.08), 0 12px 32px rgba(0, 0, 0, 0.12), 0 8px 16px -8px rgba(0, 0, 0, 0.16);
-  --qxs-disabled-bg-color: var(--qxs-fill-color-light);
-  --qxs-disabled-text-color: var(--qxs-text-color-placeholder);
-  --qxs-disabled-border-color: var(--qxs-border-color-light);
-  --qxs-overlay-color: rgba(0, 0, 0, 0.8);
-  --qxs-overlay-color-light: rgba(0, 0, 0, 0.7);
-  --qxs-overlay-color-lighter: rgba(0, 0, 0, 0.5);
-  --qxs-mask-color: rgba(255, 255, 255, 0.9);
-  --qxs-mask-color-extra-light: rgba(255, 255, 255, 0.3);
-  --qxs-border-width: 1px;
-  --qxs-border-style: solid;
-  --qxs-border-color-hover: var(--qxs-text-color-disabled);
-  --qxs-border: var(--qxs-border-width) var(--qxs-border-style) var(--qxs-border-color);
-  --qxs-svg-monochrome-grey: var(--qxs-border-color);
-}
-
-/* stylelint-enable no-duplicate-selectors */
-.fade-in-linear-enter-active,
-.fade-in-linear-leave-active {
-  transition: var(--qxs-transition-fade-linear);
-}
-
-.fade-in-linear-enter-from,
-.fade-in-linear-leave-to {
-  opacity: 0;
-}
-
-.qxs-fade-in-linear-enter-active,
-.qxs-fade-in-linear-leave-active {
-  transition: var(--qxs-transition-fade-linear);
-}
-
-.qxs-fade-in-linear-enter-from,
-.qxs-fade-in-linear-leave-to {
-  opacity: 0;
-}
-
-.qxs-fade-in-enter-active,
-.qxs-fade-in-leave-active {
-  transition: all var(--qxs-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
-}
-
-.qxs-fade-in-enter-from,
-.qxs-fade-in-leave-active {
-  opacity: 0;
-}
-
-.qxs-zoom-in-center-enter-active,
-.qxs-zoom-in-center-leave-active {
-  transition: all var(--qxs-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
-}
-
-.qxs-zoom-in-center-enter-from,
-.qxs-zoom-in-center-leave-active {
-  opacity: 0;
-  transform: scaleX(0);
-}
-
-.qxs-zoom-in-top-enter-active,
-.qxs-zoom-in-top-leave-active {
-  opacity: 1;
-  transition: var(--qxs-transition-md-fade);
-  transform: scaleY(1);
-  transform-origin: center top;
-}
-.qxs-zoom-in-top-enter-active[data-popper-placement^=top],
-.qxs-zoom-in-top-leave-active[data-popper-placement^=top] {
-  transform-origin: center bottom;
-}
-
-.qxs-zoom-in-top-enter-from,
-.qxs-zoom-in-top-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
-}
-
-.qxs-zoom-in-bottom-enter-active,
-.qxs-zoom-in-bottom-leave-active {
-  opacity: 1;
-  transition: var(--qxs-transition-md-fade);
-  transform: scaleY(1);
-  transform-origin: center bottom;
-}
-
-.qxs-zoom-in-bottom-enter-from,
-.qxs-zoom-in-bottom-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
-}
-
-.qxs-zoom-in-left-enter-active,
-.qxs-zoom-in-left-leave-active {
-  opacity: 1;
-  transition: var(--qxs-transition-md-fade);
-  transform: scale(1, 1);
-  transform-origin: top left;
-}
-
-.qxs-zoom-in-left-enter-from,
-.qxs-zoom-in-left-leave-active {
-  opacity: 0;
-  transform: scale(0.45, 0.45);
-}
-
-.collapse-transition {
-  transition: var(--qxs-transition-duration) height ease-in-out, var(--qxs-transition-duration) padding-top ease-in-out, var(--qxs-transition-duration) padding-bottom ease-in-out;
-}
-
-.qxs-collapse-transition-leave-active,
-.qxs-collapse-transition-enter-active {
-  transition: var(--qxs-transition-duration) max-height ease-in-out, var(--qxs-transition-duration) padding-top ease-in-out, var(--qxs-transition-duration) padding-bottom ease-in-out;
-}
-
-.horizontal-collapse-transition {
-  transition: var(--qxs-transition-duration) width ease-in-out, var(--qxs-transition-duration) padding-left ease-in-out, var(--qxs-transition-duration) padding-right ease-in-out;
-}
-
-.qxs-list-enter-active,
-.qxs-list-leave-active {
-  transition: all 1s;
-}
-
-.qxs-list-enter-from,
-.qxs-list-leave-to {
-  opacity: 0;
-  transform: translateY(-30px);
-}
-
-.qxs-list-leave-active {
-  position: absolute !important;
-}
-
-.qxs-opacity-transition {
-  transition: opacity var(--qxs-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
-}
-
-.customize-input-number.el-input-number {
-  width: 98px;
-}
-.customize-input-number.el-input-number [class*=el-input-number__] {
-  top: 2px;
-  width: 24px;
-  height: 21px;
-  overflow: hidden;
-  font-weight: 500;
-  line-height: 22px;
-  background-color: #fbfbfb;
-}
-.customize-input-number.el-input-number [class*=el-input-number__] i {
-  padding-top: 1px;
-  font-size: 16px;
-  font-weight: 600;
-}
-.customize-input-number.el-input-number [class*=el-input-number__]:hover {
-  color: #3d61e3;
-}
-.customize-input-number.el-input-number .el-input__inner {
-  height: 24px;
-  padding-right: 28px;
-  padding-left: 28px;
-  line-height: 24px;
-  border: 1px solid #e1e1e1;
-  border-radius: 3px;
-}
-.customize-input-number.el-input-number .el-input__inner::placeholder {
-  color: #5a5a5a;
-}
-
-.customize-date-picker:not([class*=cs-in]).el-date-editor {
-  background-color: #fbfbfb;
-}
-.customize-date-picker:not([class*=cs-in]).el-date-editor .el-icon:nth-child(1) {
-  order: 1;
-  margin-left: 4px;
-}
-
-.customize-dialog:not([class*=cs-in]).el-dialog {
-  padding: 0;
-}
-.customize-dialog:not([class*=cs-in]).el-dialog .el-dialog__header {
-  position: relative;
-  height: 40px;
-  padding: 0 calc(var(--el-dialog-padding-primary) - 3px);
-  margin-right: 0;
-  font-weight: 600;
-  border-bottom: var(--el-border);
-}
-.customize-dialog:not([class*=cs-in]).el-dialog .el-dialog__header .el-dialog__title {
-  font-size: 14px;
-  line-height: 40px;
-}
-.customize-dialog:not([class*=cs-in]).el-dialog .el-dialog__header .el-dialog__headerbtn {
-  top: 2px;
-  width: 40px;
-  height: 40px;
-  font-size: 22px;
-}
-.customize-dialog:not([class*=cs-in]).el-dialog .el-dialog__body {
-  padding: var(--el-dialog-padding-primary);
-}
-.customize-dialog:not([class*=cs-in]).el-dialog .el-dialog__footer {
-  padding: var(--el-dialog-padding-primary);
-  padding-top: 0;
-  text-align: center;
-}
-.customize-dialog:not([class*=cs-in]).el-dialog .el-dialog__footer .el-button {
-  min-width: 90px;
-}
-
-.customize-button.cs-in-info {
-  background-color: #fbfbfb;
-}
-.customize-button:not([class*=cs-in]).el-button {
-  min-width: 90px;
-  --el-button-size: 28px;
-  --el-border-radius-base: 4px;
-}
-
-.customize-tree.el-tree .qxs-tree-node__content {
-  --el-tree-node-content-height: 30px;
-}
-.customize-tree.el-tree .qxs-tree-node__content .el-checkbox {
-  --el-color-primary: #30c691;
-}
-.customize-tree.el-tree .qxs-tree-node__content .el-checkbox .el-checkbox__inner {
-  width: 14px;
-  height: 14px;
-}
-.customize-tree.el-tree .qxs-tree-node__content .el-checkbox .el-checkbox__inner::after {
-  width: 3px;
-  height: 7px;
-}
-
-.customize-input.cs-in-line.el-input .el-input__wrapper {
-  border-radius: 0;
-  box-shadow: 0 1px 0 0 var(--qxs-input-border-color, var(--qxs-border-color));
-}
-.customize-input.cs-in-line.el-input .el-input__wrapper:hover {
-  box-shadow: 0 1px 0 0 var(--qxs-input-hover-border-color);
-}
-.customize-input.cs-in-line.el-input .el-input__wrapper.is-focus {
-  box-shadow: 0 1px 0 0 var(--qxs-input-focus-border-color);
-}
-.customize-input.cs-in-line.el-input .el-input__wrapper .el-input__count .el-input__count-inner {
-  background-color: transparent;
-}
-.customize-input:not([class*=cs-in]).el-input {
-  width: 160px;
-}
-.customize-input:not([class*=cs-in]).el-input .el-input__wrapper {
-  background-color: var(--el-fill-color-lighter);
-  border-radius: 20px;
-}
-.customize-input:not([class*=cs-in]).el-input .el-input__wrapper .el-input__count .el-input__count-inner {
-  background-color: transparent;
-}
-
-.customize-message-box.el-message-box {
-  --el-messagebox-border-radius: 0px;
-  padding: 0;
-}
-.customize-message-box.el-message-box .el-message-box__header {
-  padding: 0;
-}
-.customize-message-box.el-message-box .el-message-box__header .el-message-box__title {
-  height: 36px;
-  padding-left: 12px;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 36px;
-  border-bottom: 1px solid var(--el-color-info-light-9);
-}
-.customize-message-box.el-message-box .el-message-box__content {
-  padding: 35px 10px 23px;
-}
-.customize-message-box.el-message-box .el-message-box__content .el-message-box__container {
-  justify-content: center;
-}
-.customize-message-box.el-message-box .el-message-box__btns {
-  justify-content: center;
-  padding-bottom: 20px;
-}
-.customize-message-box.el-message-box .el-message-box__btns .el-button {
-  min-width: 90px;
-}
-
-.customize-tooltip.el-popper.is-light {
-  padding: 5px 10px;
-  font-size: 14px;
-  font-weight: bold;
-  border: none;
-  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
-}
-.customize-tooltip.el-popper.is-light .el-popper__arrow::before {
-  width: 8px;
-  height: 8px;
-  border-color: transparent !important;
-}
-
-.customize-dropdown.cs-in-noarrow.el-dropdown__popper .el-popper__arrow {
-  display: none;
-}
-
-.customize-table.el-table {
-  border: 1px solid var(--el-color-info-light-9) !important;
-  border-bottom: none !important;
-  border-radius: var(--el-border-radius-base);
-}
-.customize-table.el-table thead th {
-  padding: 10px 0;
-  background-color: var(--el-color-info-light-9);
-}
-.customize-table.el-table thead th.el-table-fixed-column--left, .customize-table.el-table thead th.el-table-fixed-column--right {
-  background-color: var(--qxs-color-info-light-9);
-}
-.customize-table.el-table .el-scrollbar__view .qxs-table__empty-block {
-  width: calc(100% - 2px) !important;
-}
-.customize-table.el-table .el-scrollbar__view .el-table__body tbody {
-  width: calc(100% - 2px);
-}
-.customize-table.el-table .el-scrollbar__view .el-table__body tbody .el-table__row .el-table__cell .cell:empty::before {
-  content: "——";
-}
-.customize-table.el-table + .customize-pagination {
-  margin-top: 20px;
-}
-
-.customize-select.cs-in-line.el-select .el-select__wrapper {
-  border-radius: 0;
-  box-shadow: 0 1px 0 0 var(--el-border-color);
-}
-.customize-select.cs-in-line.el-select .el-select__wrapper.is-hovering:not(.is-focused) {
-  box-shadow: 0 1px 0 0 var(--el-border-color-hover);
-}
-.customize-select.cs-in-line.el-select .el-select__wrapper.is-focused {
-  box-shadow: 0 1px 0 0 var(--el-color-primary);
-}
-.customize-select:not([class*=cs-in]).el-select .el-select__wrapper {
-  padding: 0 10px;
-  padding-right: 10px;
-  color: #5a5a5a;
-  background: #fbfbfb;
-}
-.customize-select:not([class*=cs-in]).el-select .el-select__wrapper .el-select__selection::placeholder {
-  color: #5a5a5a;
-}
-.customize-select:not([class*=cs-in]).el-select .el-select__wrapper .el-input__suffix {
-  right: 0;
-}
-.customize-select:not([class*=cs-in]).el-select .el-select__wrapper .el-input__suffix .el-icon-arrow-up::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  content: "";
-  border-top: 5px solid transparent;
-  border-right: 4px solid transparent;
-  border-bottom: 5px solid #a3a3a3;
-  border-left: 4px solid transparent;
-  transform: translate3d(-50%, -75%, 0);
-  transform-origin: -25% center;
-}
-
-.customize-pagination.el-pagination {
-  color: #5a5a5a;
-}
-.customize-pagination.el-pagination .el-pagination__sizes .el-select {
-  width: 95px !important;
-}
-.customize-pagination.el-pagination .btn-prev,
-.customize-pagination.el-pagination .btn-next {
-  background-color: transparent !important;
-  border: 1px solid #e1e1e1;
-  border-radius: var(--el-border-radius-base);
-}
-.customize-pagination.el-pagination .el-pager > .number,
-.customize-pagination.el-pagination .el-pager .more {
-  color: #5a5a5a;
-  background-color: transparent;
-  border: 1px solid #e1e1e1;
-  border-radius: var(--el-border-radius-base);
-}
-.customize-pagination.el-pagination .el-pager > .number.active,
-.customize-pagination.el-pagination .el-pager .more.active {
-  border-color: #3d61e3;
-}
-.customize-pagination.el-pagination .el-pager li:not(.disabled):hover {
-  border-color: var(--el-color-primary);
-}
-.customize-pagination.el-pagination .el-pager .is-active {
-  border: 1px solid var(--el-color-primary);
-}
-.customize-pagination.el-pagination .el-pagination__jump .el-pagination__goto {
-  margin-right: 5px;
-  font-size: 0;
-}
-.customize-pagination.el-pagination .el-pagination__jump .el-pagination__goto::after {
-  font-size: 14px;
-  content: "跳转至";
-}
-.customize-pagination.el-pagination .el-pagination__jump .el-pagination__classifier {
-  margin-left: 5px;
-}
-.customize-pagination.el-pagination .el-pagination__jump .el-pagination__editor {
-  width: 40px;
-}
-
-.customize-form[class*=cs-in].cs-in-bold-title .title-input .el-input__inner {
-  font-weight: 600;
-  color: #0f0f0f;
-}
-.customize-form[class*=cs-in].cs-in-bold-title .title-input .el-textarea__inner {
-  color: #0f0f0f;
-}
-.customize-form.el-form.el-form--inline .el-form-item {
-  margin-right: 10px;
-}
-
-.customize-tabs.el-tabs .el-tabs__header .el-tabs__nav-wrap::after {
-  height: 1px;
-}
-.customize-tabs.el-tabs .el-tabs__item {
-  --el-tabs-header-height: 36px;
-  font-size: 14px;
-  color: #7784a1;
-}
-.customize-tabs.el-tabs .el-tabs__item.is-active {
-  font-weight: bold;
-  color: #272e40;
-}
-.customize-tabs.el-tabs .el-tabs__active-bar {
-  height: 3px;
-}
-
-.customize-page-main {
-  padding-top: 0 !important;
-}
-.customize-page-main .el-tabs {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-}
-.customize-page-main .el-tabs .el-tabs__header {
-  position: relative;
-  margin: 0;
-}
-.customize-page-main .el-tabs .el-tabs__header .el-tabs__nav-wrap {
-  overflow: inherit;
-}
-.customize-page-main .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
-  box-sizing: content-box;
-  min-width: 48px;
-  height: 40px;
-  padding: 0 16px;
-  line-height: 40px;
-  text-align: center;
-}
-.customize-page-main .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:nth-child(2) {
-  padding-left: 8px;
-}
-.customize-page-main .el-tabs .el-tabs__header .el-tabs__nav-wrap::after {
-  display: none;
-}
-.customize-page-main .el-tabs .el-tabs__header::after {
-  position: absolute;
-  bottom: 0;
-  left: -10px;
-  z-index: 1;
-  width: calc(100% + 2 * 10px);
-  height: 1px;
-  content: "";
-  background-color: #e4e7ed;
-}
-.customize-page-main .el-tabs .el-tabs__content {
-  padding-right: 2px;
-  padding-left: 5px;
-  margin-top: 11px;
-}
-
-.customize-search-form.el-form--inline {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  padding: 10px 10px 0;
-  margin: 10px 0;
-  background-color: #f5f5f5;
-}
-.customize-search-form.el-form--inline .el-form-item {
-  display: inline-flex;
-  flex: 0 1 auto;
-  margin-bottom: 10px !important;
-}
-.customize-search-form.el-form--inline .el-form-item.last-box {
-  margin-right: 0;
-  margin-left: auto;
-}
-.customize-search-form.el-form--inline .new-line-placeholder {
-  margin-right: 100%;
-}
-
-.customize-driver {
-  box-shadow: unset;
-}
-.customize-driver .driver-popover-arrow::before {
-  position: absolute;
-  content: "";
-  background-color: #fff;
-}
-.customize-driver .driver-popover-arrow.driver-popover-arrow-side-left::before {
-  left: -3px;
-  width: var(--popover-offset);
-  height: 1px;
-  transform: translateY(-50%);
-}
-.customize-driver .driver-popover-arrow.driver-popover-arrow-side-right::before {
-  right: -3px;
-  width: var(--popover-offset);
-  height: 1px;
-  transform: translateY(-50%);
-}
-.customize-driver .driver-popover-arrow.driver-popover-arrow-side-top::before {
-  top: -1px;
-  width: 1px;
-  height: var(--popover-offset);
-  transform: translateX(-50%);
-}
-.customize-driver .driver-popover-arrow.driver-popover-arrow-side-bottom::before {
-  bottom: -1px;
-  width: 1px;
-  height: var(--popover-offset);
-  transform: translateX(-50%);
-}
-.customize-driver .driver-popover-footer .driver-popover-navigation-btns button {
-  color: var(--el-color-primary);
-  background-color: transparent;
-  border: none;
-}
-
-:root [data-fixed-calc-width] {
-  position: fixed;
-  right: 0;
-  left: 0%;
-}
-:root [data-mode=mobile] [data-fixed-calc-width] {
-  width: 100% !important;
-}
-
-.qxs-fixed-action-bar__actionbar {
-  bottom: 0;
-  z-index: 10;
-  padding: var(--qxs-fixed-action-bar-actionbar-padding);
-  padding-bottom: calc(env(safe-area-inset-bottom) + var(--qxs-fixed-action-bar-actionbar-padding-bottom));
-  text-align: center;
-  background-color: var(--qxs-bg-color, #fff);
-  box-shadow: 0 0 1px 0 var(--qxs-border-color, #f3f3f2);
-  transition: box-shadow 0.3s, var(--qxs-transition-box-shadow, #f3f3f2);
-}
-.qxs-fixed-action-bar__actionbar.is-shadow {
-  box-shadow: 0 -10px 10px -10px var(--qxs-border-color, #fff);
-}
-
-.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;
-  user-select: none;
-  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, 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, 0.01);
-  border-radius: 50%;
-  transition: all 0.3s;
-}
-.qxs-photo-crop-tool__crop-tool-box > div:hover, .qxs-photo-crop-tool__crop-tool-box > div:active {
-  background-color: rgba(2, 2, 2, 0.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);
-}
-
-.qxs-image-upload__upload-container {
-  line-height: initial;
-}
-.qxs-image-upload__upload-container .el-upload__tip-text {
-  font-size: 14px;
-  line-height: 32px;
-  color: #c8c8c8;
-}
-.qxs-image-upload__upload-container .el-image {
-  display: block;
-}
-.qxs-image-upload__upload-container .image {
-  position: relative;
-  overflow: hidden;
-  border-radius: 6px;
-}
-.qxs-image-upload__upload-container .image .mask {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--el-overlay-color-lighter);
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-.qxs-image-upload__upload-container .image .mask .actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  width: 100px;
-  height: 100px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-50%);
-}
-.qxs-image-upload__upload-container .image .mask .actions span {
-  width: 50%;
-  color: var(--el-color-white);
-  text-align: center;
-  cursor: pointer;
-  transition: color 0.1s, transform 0.1s;
-}
-.qxs-image-upload__upload-container .image .mask .actions span:hover {
-  transform: scale(1.5);
-}
-.qxs-image-upload__upload-container .image .mask .actions span .el-icon {
-  font-size: 24px;
-}
-.qxs-image-upload__upload-container .image:hover .mask {
-  opacity: 1;
-}
-.qxs-image-upload__image-upload {
-  display: inline-block;
-  vertical-align: top;
-}
-
-.qxs-image-upload__upload-container .el-upload {
-  font-size: 0;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger {
-  display: inline-block;
-  padding: 0;
-  font-size: 0;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger.is-dragover {
-  border-width: 1px;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .image-slot {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  font-size: 14px;
-  color: var(--el-text-color-placeholder);
-  background-color: #f5f5f5;
-  transition: all 0.3s;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .image-slot:hover {
-  background-color: #eee;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .image-slot .el-icon {
-  font-size: 28px;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .image-slot p {
-  margin-top: 10px;
-  margin-bottom: 0;
-  line-height: 1em;
-  color: #5a5a5a;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .progress {
-  position: absolute;
-  top: 0;
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .progress::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  content: "";
-  background-color: var(--el-overlay-color-lighter);
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .progress .el-progress {
-  z-index: 1;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-50%);
-}
-.qxs-image-upload__upload-container .el-upload .el-upload-dragger .progress .el-progress .el-progress__text {
-  color: var(--el-text-color-placeholder);
-}
-
-.qxs-file-upload__control .el-upload.is-drag {
-  display: inline-block;
-}
-.qxs-file-upload__control .el-upload.is-drag .el-upload-dragger {
-  padding: 0;
-}
-.qxs-file-upload__control .el-upload.is-drag .el-upload-dragger .el-icon--upload {
-  margin-bottom: 0;
-  font-size: 40px;
-}
-.qxs-file-upload__control .el-upload.is-drag .el-upload-dragger .el-upload__text {
-  padding: 0 6px;
-  font-size: 14px;
-  line-height: 1.5;
-}
-.qxs-file-upload__control .el-upload.is-drag.is-dragover {
-  border-width: 1px;
-}
-.qxs-file-upload__control .el-upload.is-drag .slot {
-  width: 160px;
-  height: 90px;
-}
-
-.qxs-data-chart__root {
-  font-size: 14px;
-}
-
-.qxs-tiny-mce-editor :deep(.tox-tinymce) {
-  border-width: 1px;
-  border-radius: 4px;
-}
-.qxs-tiny-mce-editor :deep(.tox-tinymce) .tox-editor-header {
-  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 4px 4px -4px rgba(34, 47, 62, 0.07);
-}
-.qxs-tiny-mce-editor :deep(.tox-tinymce) :deep(.tox-sidebar-wrap) {
-  max-height: 600px;
-  overflow-y: auto;
-}
-
-.tox-tinymce-aux {
-  z-index: 2500 !important;
-}
-
-.flex-items-center {
-  display: flex;
-  align-items: center;
-}
-
-.flex-justify-between {
-  display: flex;
-  justify-content: space-between;
-}
-
-.flex-justify-center {
-  display: flex;
-  justify-content: center;
-}
-
-.flex-justify-end {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.margin-left-10 {
-  margin-left: 10px;
-}
-
-.label {
-  min-width: 50px;
-  margin-right: 10px;
-}
-
-.preview-answer {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-}
-
-.qxs-subject-list .flex {
-  display: flex;
-  align-items: center;
-}
-.qxs-subject-list .flex-1 {
-  flex: 1;
-}
-.qxs-subject-list .subject-list-wrapper {
-  width: 100%;
-  margin-bottom: 20px;
-}
-.qxs-subject-list .margin-bottom {
-  margin-bottom: 20px;
-}
-.qxs-subject-list .input {
-  max-width: 100px;
-}
-.qxs-subject-list .label {
-  min-width: 50px;
-  margin-right: 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 {
-  padding-left: 24px;
-}
-.qxs-subject-single__single-exam .answer-list .answer-item {
-  margin-top: 15px;
-}
-.qxs-subject-single__single-exam .answer-list .answer-item .order {
-  width: 16px;
-  margin-right: 8px;
-}
-.qxs-subject-single__single-exam .answer-list .answer-item .input {
-  width: 300px;
-}
-.qxs-subject-single__single-exam .answer-list .answer-item .input .el-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: 5px;
-  font-size: 18px;
-  color: #3d61e3;
-  cursor: pointer;
-}
-.qxs-subject-single__single-exam .answer-list .answer-item .disabled {
-  color: #c0c4cc;
-  cursor: not-allowed;
-}
-.qxs-subject-single__single-exam .preview .title {
-  font-weight: 500;
-}
-.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 .el-tag {
-  margin-right: 10px;
-}
-.qxs-subject-blank-fill__blank-fill-exam .preview .title {
-  font-weight: 500;
-}
-.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: 0 5px;
-  font-size: 16px;
-  color: #3d61e3;
-  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 .title {
-  font-weight: 500;
-}
-.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: 8px;
-}
-.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .icon {
-  margin: 0 5px;
-  font-size: 16px;
-  color: #3d61e3;
-  cursor: pointer;
-}
-.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .disabled {
-  color: #c0c4cc;
-  cursor: not-allowed;
-}
-.qxs-subject-scale__scale-exam .preview .title {
-  font-weight: 500;
-}
-.qxs-subject-scale__scale-exam .preview .answer-radio .radio-item .el-radio-wrapper {
-  margin-inline-end: 0;
-}
-
-.qxs-subject-layout {
-  padding: 10px;
-  font-size: 12px;
-  color: #5a5a5a;
-}
-.qxs-subject-layout .edit {
-  position: relative;
-  padding: 20px 10px;
-  padding-bottom: 10px;
-  margin-top: 20px;
-  background-color: #f6f7fb;
-}
-.qxs-subject-layout .edit .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;
-}
-
-.qxs-subject-action__action-exam .action {
-  padding: 20px 10px;
-}
-.qxs-subject-action__action-exam .active {
-  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 ::v-deep(.el-radio) {
-  display: block; /* 关键属性 */
-  margin-right: 0; /* 清除默认右边距 */
-}
-
-.qxs-subject-type__type-list .type-item {
-  margin-bottom: 20px;
-}
-.qxs-subject-type__type-list .base-subject {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.qxs-subject-type__type-list .base-subject .item {
-  width: 50px;
-  height: 22px;
-  margin-top: 10px;
-  margin-right: 10px;
-  font-size: 12px;
-  color: #5a5a5a;
-  text-align: center;
-  cursor: pointer;
-  background: #fafafa;
-}
-.qxs-subject-type__type-list .base-subject .item:hover {
-  color: #3d61e3;
-  background: rgba(61, 97, 227, 0.12);
-}