.validation-assistant[data-v-f57b0518] { --robot-color: #4394ed; --robot-halo: #4394ed26; width: 112px; text-align: center; color: var(--robot-color);
}
.robot-region[data-v-f57b0518] { display: block; width: 112px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; text-align: center;
}
.robot-region > strong[data-v-f57b0518] { display: block; margin-top: 7px; font-size: 14px; font-weight: 500;
}
.robot-trigger[data-v-f57b0518] { position: relative; display: block; width: 112px; height: 154px; padding: 0; margin: auto; border: 0; background: transparent; color: inherit; cursor: pointer;
}
.robot-region[data-v-f57b0518]:focus-visible { outline: 2px solid var(--robot-color); outline-offset: 3px; border-radius: 18px;
}
.robot-flight[data-v-f57b0518] { position: absolute; top: 14px; left: 0; display: block; width: 112px; height: 120px; -webkit-animation: robot-float-f57b0518 4.5s ease-in-out infinite; animation: robot-float-f57b0518 4.5s ease-in-out infinite;
}
.robot-antenna[data-v-f57b0518] { display: block; width: 3px; height: 11px; background: #a6bddb; margin: 0 auto 3px; position: relative;
}
.robot-antenna[data-v-f57b0518]::before { content: ''; position: absolute; top: -5px; left: -3px; width: 9px; height: 9px; background: var(--robot-color); border-radius: 50%; -webkit-box-shadow: 0 0 12px var(--robot-halo); box-shadow: 0 0 12px var(--robot-halo);
}
.robot-head[data-v-f57b0518] { position: relative; display: block; width: 104px; height: 72px; margin: auto; padding: 12px 9px; border-radius: 30px; background: linear-gradient(145deg, #fff, #d6e3f6); -webkit-box-shadow: inset 0 2px 3px #fff, inset -3px -5px 7px #a5b6ce55, 0 12px 20px #1336641a; box-shadow: inset 0 2px 3px #fff, inset -3px -5px 7px #a5b6ce55, 0 12px 20px #1336641a;
}
.robot-face[data-v-f57b0518] { position: relative; display: block; height: 48px; border-radius: 22px; background: linear-gradient(145deg, #182a41, #071321); -webkit-box-shadow: inset 0 1px 3px #0009; box-shadow: inset 0 1px 3px #0009; overflow: hidden;
}
.robot-eyes[data-v-f57b0518] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 35px; gap: 17px;
}
.robot-eyes i[data-v-f57b0518] { display: block; width: 9px; height: 15px; border-radius: 8px; background: var(--robot-color); -webkit-box-shadow: 0 0 10px var(--robot-color); box-shadow: 0 0 10px var(--robot-color); -webkit-animation: robot-blink-f57b0518 5.2s infinite; animation: robot-blink-f57b0518 5.2s infinite; -webkit-transition: background-color .25s, height .25s; transition: background-color .25s, height .25s;
}
.robot-mouth[data-v-f57b0518] { position: absolute; display: block; width: 14px; height: 5px; bottom: 7px; left: calc(50% - 7px); border-bottom: 2px solid var(--robot-color); border-radius: 50%;
}
.robot-body[data-v-f57b0518] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 31px; width: 61px; margin: 5px auto 0; border-radius: 13px 13px 22px 22px; background: linear-gradient(135deg, #fff, #d6e3f6); -webkit-box-shadow: inset -3px -3px 7px #a5b6ce44; box-shadow: inset -3px -3px 7px #a5b6ce44; font-size: 17px;
}
.robot-arm[data-v-f57b0518] { position: absolute; width: 11px; height: 25px; top: 89px; border-radius: 10px; background: linear-gradient(140deg, #fff, #b8cce5);
}
.robot-arm-left[data-v-f57b0518] { left: 10px; -webkit-transform: rotate(24deg); transform: rotate(24deg);
}
.robot-arm-right[data-v-f57b0518] { right: 10px; -webkit-transform: rotate(-24deg); transform: rotate(-24deg);
}
.robot-shadow[data-v-f57b0518] { position: absolute; bottom: 6px; left: 50%; width: 76px; height: 11px; margin-left: -38px; background: var(--robot-halo); border-radius: 50%; -webkit-filter: blur(4px); filter: blur(4px); -webkit-animation: robot-shadow-f57b0518 4.5s ease-in-out infinite; animation: robot-shadow-f57b0518 4.5s ease-in-out infinite;
}
.robot-scan[data-v-f57b0518] { position: absolute; top: 9px; left: -4px; width: 120px; height: 120px; border-radius: 50%; opacity: 0;
}
.robot-count[data-v-f57b0518] { position: absolute; right: -1px; top: 24px; min-width: 23px; height: 23px; line-height: 23px; padding: 0 5px; background: var(--robot-color); color: #fff; border-radius: 12px; font-size: 12px; -webkit-box-shadow: 0 3px 9px var(--robot-halo); box-shadow: 0 3px 9px var(--robot-halo);
}
.is-passed[data-v-f57b0518] { --robot-color: #239c64; --robot-halo: #239c6426;
}
.is-warning[data-v-f57b0518] { --robot-color: #c88a12; --robot-halo: #e4a32635;
}
.is-error[data-v-f57b0518] { --robot-color: #d83142; --robot-halo: #d8314235;
}
.is-failed[data-v-f57b0518] { --robot-color: #8795a5; --robot-halo: #8795a526;
}
.is-checking .robot-scan[data-v-f57b0518] { opacity: 1; border: 1px solid var(--robot-halo); border-top: 2px solid var(--robot-color); -webkit-animation: robot-scan-f57b0518 1.8s linear infinite; animation: robot-scan-f57b0518 1.8s linear infinite;
}
.is-warning .robot-head[data-v-f57b0518] { -webkit-animation: robot-pulse-f57b0518 1.2s ease-in-out 3; animation: robot-pulse-f57b0518 1.2s ease-in-out 3;
}
.is-error .robot-flight[data-v-f57b0518] { -webkit-animation: robot-shake-f57b0518 .4s ease-in-out 3; animation: robot-shake-f57b0518 .4s ease-in-out 3;
}
.is-error .robot-head[data-v-f57b0518] { -webkit-box-shadow: inset 0 2px 3px #fff, 0 0 0 3px var(--robot-halo), 0 8px 20px var(--robot-halo); box-shadow: inset 0 2px 3px #fff, 0 0 0 3px var(--robot-halo), 0 8px 20px var(--robot-halo);
}
.is-error .robot-eyes i[data-v-f57b0518] { height: 5px; -webkit-animation: none; animation: none; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);
}
.is-error .robot-eyes i[data-v-f57b0518]:last-child { -webkit-transform: rotate(15deg); transform: rotate(15deg);
}
.is-error .robot-mouth[data-v-f57b0518] { border-radius: 0; bottom: 9px;
}
.is-passed .robot-mouth[data-v-f57b0518] { height: 7px; width: 18px; left: calc(50% - 9px);
}
.robot-region:hover .robot-arm-right[data-v-f57b0518] { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation: robot-wave-f57b0518 .7s ease-in-out 2; animation: robot-wave-f57b0518 .7s ease-in-out 2;
}
.validation-bubble[data-v-f57b0518] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: min(520px, calc(100vh - 50px)); min-height: 0; overflow: hidden; color: #303133; text-align: left;
}
.bubble-heading[data-v-f57b0518], .validation-bubble > .el-alert[data-v-f57b0518], .bubble-actions[data-v-f57b0518] { -ms-flex-negative: 0; flex-shrink: 0;
}
.bubble-heading[data-v-f57b0518], .rule-heading[data-v-f57b0518], .rule-location[data-v-f57b0518], .bubble-actions[data-v-f57b0518] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px;
}
.bubble-heading[data-v-f57b0518] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8px;
}
.bubble-heading strong[data-v-f57b0518], .rule-heading strong[data-v-f57b0518] { font-weight: 500;
}
.bubble-records[data-v-f57b0518] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; overflow-y: auto; margin-top: 12px;
}
.bubble-record[data-v-f57b0518] { margin-bottom: 12px; border: 1px solid #ebeef5; border-radius: 6px; overflow: hidden;
}
.bubble-record[data-v-f57b0518]:last-child { margin-bottom: 0;
}
.rule-group-header[data-v-f57b0518] { padding: 10px; background: #f5f7fa; border-bottom: 1px solid #ebeef5;
}
.rule-group-header .rule-meta[data-v-f57b0518]:last-child { margin-bottom: 0;
}
.rule-toggle[data-v-f57b0518] { -ms-flex-negative: 0; flex-shrink: 0; padding: 2px 0;
}
.rule-heading-label[data-v-f57b0518] { color: #909399; font-size: 12px;
}
.rule-table-scroll[data-v-f57b0518] { overflow-x: auto;
}
.rule-result-table[data-v-f57b0518] { width: 100%; min-width: 700px; table-layout: fixed; border-collapse: collapse; font-size: 12px;
}
.rule-result-table th[data-v-f57b0518], .rule-result-table td[data-v-f57b0518] { padding: 8px 6px; text-align: left; vertical-align: top; overflow-wrap: anywhere; white-space: pre-wrap; border-bottom: 1px solid #ebeef5; border-right: 1px solid #ebeef5;
}
.rule-result-table th[data-v-f57b0518] { color: #909399; background: #fafafa; font-weight: 500;
}
.rule-result-table th[data-v-f57b0518]:last-child, .rule-result-table td[data-v-f57b0518]:last-child { border-right: 0;
}
.rule-result-table tbody tr:last-child td[data-v-f57b0518] { border-bottom: 0;
}
.rule-result-table tbody tr[data-v-f57b0518]:nth-child(even) { background: #fafcff;
}
.rule-result-table .rule-sequence[data-v-f57b0518] { width: 42px; text-align: center; white-space: nowrap;
}
.rule-result-table .rule-sample[data-v-f57b0518] { width: 120px;
}
.rule-result-table .rule-number[data-v-f57b0518] { width: 90px;
}
.rule-result-table .rule-state[data-v-f57b0518] { width: 76px; text-align: center;
}
.rule-result-table .rule-message[data-v-f57b0518] { margin: 0 0 6px;
}
.rule-result-table .rule-meta[data-v-f57b0518] { margin: 5px 0;
}
.rule-result-table .rule-location[data-v-f57b0518] { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 6px;
}
.rule-result-table .rule-location .el-button[data-v-f57b0518] { padding: 4px 0;
}
.rule-heading[data-v-f57b0518] { -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.rule-heading strong[data-v-f57b0518] { -webkit-box-flex: 1; -ms-flex: 1 1 220px; flex: 1 1 220px; overflow-wrap: anywhere;
}
.rule-meta[data-v-f57b0518] { color: #909399; font-size: 12px; margin: 7px 0; overflow-wrap: anywhere;
}
.rule-message[data-v-f57b0518] { margin: 10px 0; white-space: pre-wrap; overflow-wrap: anywhere;
}
.rule-location[data-v-f57b0518] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; color: #606266;
}
.bubble-actions[data-v-f57b0518] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid #ebeef5;
}
.bubble-empty[data-v-f57b0518] { color: #909399; margin: 16px 0;
}
@-webkit-keyframes robot-float-f57b0518 {
50% { -webkit-transform: translateY(-7px) rotate(1.5deg); transform: translateY(-7px) rotate(1.5deg);
}
}
@keyframes robot-float-f57b0518 {
50% { -webkit-transform: translateY(-7px) rotate(1.5deg); transform: translateY(-7px) rotate(1.5deg);
}
}
@-webkit-keyframes robot-shadow-f57b0518 {
50% { -webkit-transform: scale(.78); transform: scale(.78); opacity: .55;
}
}
@keyframes robot-shadow-f57b0518 {
50% { -webkit-transform: scale(.78); transform: scale(.78); opacity: .55;
}
}
@-webkit-keyframes robot-blink-f57b0518 {
0%, 43%, 47%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1);
}
45% { -webkit-transform: scaleY(.15); transform: scaleY(.15);
}
}
@keyframes robot-blink-f57b0518 {
0%, 43%, 47%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1);
}
45% { -webkit-transform: scaleY(.15); transform: scaleY(.15);
}
}
@-webkit-keyframes robot-scan-f57b0518 {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes robot-scan-f57b0518 {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@-webkit-keyframes robot-pulse-f57b0518 {
50% { -webkit-filter: drop-shadow(0 0 10px var(--robot-halo)); filter: drop-shadow(0 0 10px var(--robot-halo)); -webkit-transform: translateY(-3px); transform: translateY(-3px);
}
}
@keyframes robot-pulse-f57b0518 {
50% { -webkit-filter: drop-shadow(0 0 10px var(--robot-halo)); filter: drop-shadow(0 0 10px var(--robot-halo)); -webkit-transform: translateY(-3px); transform: translateY(-3px);
}
}
@-webkit-keyframes robot-shake-f57b0518 {
25% { -webkit-transform: translateX(-3px); transform: translateX(-3px);
}
75% { -webkit-transform: translateX(3px); transform: translateX(3px);
}
}
@keyframes robot-shake-f57b0518 {
25% { -webkit-transform: translateX(-3px); transform: translateX(-3px);
}
75% { -webkit-transform: translateX(3px); transform: translateX(3px);
}
}
@-webkit-keyframes robot-wave-f57b0518 {
50% { -webkit-transform: rotate(-55deg); transform: rotate(-55deg);
}
}
@keyframes robot-wave-f57b0518 {
50% { -webkit-transform: rotate(-55deg); transform: rotate(-55deg);
}
}
@media (prefers-reduced-motion: reduce) {
.robot-trigger *[data-v-f57b0518], .robot-trigger:hover *[data-v-f57b0518] { -webkit-animation: none !important; animation: none !important; -webkit-transition: none !important; transition: none !important;
}
}


/* 气泡挂载到 body，只覆盖校验助手，避免受到全局弹出框滚动样式影响。 */
.el-popover.el-popper.validation-result-popover {
  max-height: calc(100vh - 24px);
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#record_html {
  margin-bottom: 20px;
  margin: 0 auto;
}
#record_html > .page {
  height: auto;
  max-height: initial;
  overflow: visible;
  margin: 0 auto;
}
#record_html table > tbody > tr > td {
  position: relative;
}
#record_html .tr-null-hidden {
  height: 0 !important;
  overflow: hidden !important;
}
#record_html .tr-null-hidden > td {
  height: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
#record_html .tr-null-hidden > td:not(.td-null-height-auto) > * {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
#record_html .tr-null-border-hidden > td {
  border-bottom: 0 !important;
}
#record_html .td-null-hidden {
  height: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}
#record_html .td-null-height-0 {
  height: 0 !important;
}
#record_html .td-null-height-auto {
  height: auto !important;
}


[data-v-3addb9da] .el-icon-s-help {
  display: none;
}
.el-menu-vertical-demo[data-v-3addb9da] {
  border-bottom: 2px solid #c7c9cc;
  overflow-y: auto;
  overflow-x: hidden;
}
.content-l[data-v-3addb9da] {
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-right: 1px solid #dcdfe6;
  padding-right: 10px;
  margin-right: 15px;
  overflow: hidden;
}
.menu-list[data-v-3addb9da] {
  height: 32px;
  line-height: 32px;
}
.content-r[data-v-3addb9da] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  position: relative;
  overflow: hidden;
}
.content-r .content-r-btn[data-v-3addb9da] {
  position: absolute;
  top: -5px;
  margin: 6px 0;
  z-index: 1;
}

.pagination-container[data-v-35432d9c] {
  background: #fff;
  padding: 10px 0;
  text-align: center;
}


.excel-import-button[data-v-0a1d24e6] {
  display: inline-block;
  margin: 0 10px;
}


.open-page-layout[data-v-0c0c3880] {
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.iframe-box[data-v-0c0c3880] {
    height: calc(100% - 100px);
    text-align: center;
}
.report-container[data-v-0c0c3880] {
[data-v-0c0c3880] .el-dialog__wrapper {
        left: 0 !important;
        top: 0 !important;
}
}
.experiment-box[data-v-0c0c3880] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*.box-main {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    margin-right: 3px;*/
/*    overflow-y: scroll;*/
/*    overflow-x: hidden;*/
/*}*/

/*.spanBox {*/
/*    cursor: pointer;*/
/*    margin-bottom: 10px;*/
/*    background: #f4f4f4;*/
/*    box-sizing: border-box;*/
/*    padding: 5px;*/
/*    text-align: center;*/
/*}*/

/*.box-main::-webkit-scrollbar {*/
/*    !*滚动条整体样式*!*/
/*    width: 4px; !*高宽分别对应横竖滚动条的尺寸*!*/
/*    height: 1px;*/
/*}*/
.zzClass[data-v-0c0c3880] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
[data-v-0c0c3880] .el-cascader__tags {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        right: 66px !important;
}
[data-v-0c0c3880] .el-cascader__search-input {
        min-width: 10px;
        margin: 2px 0 2px 8px !important;
}
}
.open-page-layout .el-dialog__wrapper[data-v-0c0c3880] {
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}
.record-validation-summary[data-v-0c0c3880] {
  margin-bottom: 10px;
}
.analysis-record-box[data-v-0c0c3880] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 93vh;
}
.analysis-record-box > div[data-v-0c0c3880] { grid-column: 2; grid-row: 1;
}
.analysis-validation-aside[data-v-0c0c3880] {
  grid-column: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 30px;
  z-index: 2;
}
.analysis-validation-aside[data-v-0c0c3880] .validation-assistant {
  position: sticky;
  top: 25px;
}
@media (max-width: 1100px) {
.analysis-record-box[data-v-0c0c3880] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.analysis-validation-aside[data-v-0c0c3880] { -ms-flex-item-align: start; align-self: flex-start; padding-top: 0; margin: 10px 15px;
}
}
.open-page-layout[data-v-0c0c3880] .validation-field-abnormal {
  background-color: #fff1f0 !important;
  outline: 2px solid #c92d39;
  outline-offset: 1px;
}
.open-page-layout[data-v-0c0c3880] .validation-field-warning {
  background-color: #fff8e6 !important;
  outline-color: #c88a12;
}
.open-page-layout[data-v-0c0c3880] .validation-field-info {
  background-color: #ecf5ff !important;
  outline-color: #409eff;
}