.el-drawer[data-v-7605f82e] {
  overflow: auto !important;
}
.pic[data-v-7605f82e] {
  height: 100px;
  width: 100px;
}
.btn[data-v-7605f82e] {
  width: 100%;
  text-align: center;
}
.avatar-uploader .el-upload[data-v-7605f82e] {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload[data-v-7605f82e]:hover {
  border-color: #409eff;
}
.avatar-uploader-icon[data-v-7605f82e] {
  border: 1px dashed #ccc;
  border-radius: 10px;
  overflow: hidden;
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar[data-v-7605f82e] {
  width: 178px;
  height: 178px;
  display: block;
}
@charset "UTF-8";
.remind[data-v-eedcb0cc] {
  text-align: left;
  line-height: 20px;
  margin-bottom: 10px;
}
.menu[data-v-eedcb0cc] {
  width: 100%;
  background-color: white;
  height: 60px;
  width: 100%;
  padding: 10px 50px;
  position: relative;
}
.menu button[data-v-eedcb0cc] {
  position: absolute;
  right: 20px;
  top: 10px;
}
[data-v-eedcb0cc] .el-table__row--level-0 button {
  border-color: rgb(30, 109, 212);
  color: rgb(30, 109, 212);
}
[data-v-eedcb0cc] .el-table__row--level-0 {
  color: rgb(30, 109, 212);
}
[data-v-eedcb0cc] .el-table__row--level-1 button {
  border-color: green !important;
  color: green !important;
}
[data-v-eedcb0cc] .el-table__row--level-1 {
  color: green !important;
}

/* 新增样式 */
.weightRange[data-v-eedcb0cc] {
  display: flex;
  justify-content: space-around;
}
.colorStandard[data-v-eedcb0cc] {
  display: flex;
  width: 100%;
  align-items: center;
}
.colorStandard[data-v-eedcb0cc] .el-form-item__content {
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  flex: 1;
}
.colorStandard .el-form-item .el-form-item[data-v-eedcb0cc] {
  flex: 1;
  display: flex;
  align-items: center;
  width: 50%;
}
.colorStandard .el-form-item .el-form-item .el-form-item__label[data-v-eedcb0cc] {
  width: 65px !important;
}
.colorStandard .el-icon-delete[data-v-eedcb0cc] {
  margin-left: 5px;
  color: red;
  cursor: pointer;
  font-size: 18px;
}
.levelName[data-v-eedcb0cc] {
  text-align: center;
  width: 100%;
  color: rgb(93, 93, 240);
}
.levelColor[data-v-eedcb0cc] {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: solid 1px #000;
}
.jiaotijing-container[data-v-eedcb0cc] {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.jiaotijing-container .jiaotijing-item[data-v-eedcb0cc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.jiaotijing-container .jiaotijing-item .jiaotijing[data-v-eedcb0cc] {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 9999px;
  padding: 7px;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .pill[data-v-eedcb0cc] {
  position: relative;
  width: 40px;
  height: 100px;
  border: 2px solid black;
  border-radius: 9999px;
  background: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .pill[data-v-eedcb0cc]::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 2px solid black;
  border-radius: 9999px;
  pointer-events: none;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .circle[data-v-eedcb0cc] {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  margin-top: 7px;
  border: 1px solid #000;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar[data-v-eedcb0cc] {
  width: 60%;
  height: 8px;
  background: #000;
  border-radius: 2px;
  position: relative;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar.light[data-v-eedcb0cc] {
  background-color: gray;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar.white[data-v-eedcb0cc] {
  background-color: white;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar1[data-v-eedcb0cc]::before {
  content: "C";
  position: absolute;
  right: -40px;
  color: #000;
  font-size: 26px;
  font-weight: 700;
  height: 40px;
  top: -14px;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar2[data-v-eedcb0cc]::before {
  content: "T";
  position: absolute;
  right: -37px;
  color: #000;
  font-size: 26px;
  font-weight: 700;
  height: 40px;
  top: -14px;
}
@charset "UTF-8";
.levelName[data-v-d45983c4] {
  text-align: center;
  width: 100%;
  color: rgb(93, 93, 240);
}
[data-v-d45983c4] .el-dialog {
  max-height: 80%;
  overflow-y: auto;
}
.levelColor[data-v-d45983c4] {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: solid 1px #000;
}
.weightRange[data-v-d45983c4] {
  display: flex;
  justify-content: space-around;
}
.colorStandard[data-v-d45983c4] {
  display: flex;
  width: 100%;
  align-items: center;
}
.colorStandard[data-v-d45983c4] .el-form-item__content {
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  flex: 1;
}
.colorStandard .el-form-item .el-form-item[data-v-d45983c4] {
  flex: 1;
  display: flex;
  align-items: center;
  width: 50%;
}
.colorStandard .el-form-item .el-form-item .el-form-item__label[data-v-d45983c4] {
  width: 65px !important;
}
.colorStandard .el-icon-delete[data-v-d45983c4] {
  margin-left: 5px;
  color: red;
  cursor: pointer;
  font-size: 18px;
}
.jiaotijing-container[data-v-d45983c4] {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.jiaotijing-container .jiaotijing-item[data-v-d45983c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.jiaotijing-container .jiaotijing-item .jiaotijing[data-v-d45983c4] {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 9999px;
  padding: 7px;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .pill[data-v-d45983c4] {
  position: relative;
  width: 40px;
  height: 100px;
  border: 2px solid black;
  /* 外层边框 */
  border-radius: 9999px;
  /* 圆角形成"胶囊" */
  background: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.jiaotijing-container .jiaotijing-item .jiaotijing[data-v-d45983c4] {
  /* 使用伪元素在内部再画一层边框，形成双线边框效果 */
}
.jiaotijing-container .jiaotijing-item .jiaotijing .pill[data-v-d45983c4]::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 2px solid black;
  /* 内层边框 */
  border-radius: 9999px;
  pointer-events: none;
  /* 避免阻挡点击内部的线条 */
}
.jiaotijing-container .jiaotijing-item .jiaotijing .circle[data-v-d45983c4] {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  margin-top: 7px;
  border: 1px solid #000;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar[data-v-d45983c4] {
  width: 60%;
  /* 宽度比高度大，横线 */
  height: 8px;
  background: #000;
  /* border: 1px solid black; 每条线自己也有一个边框 */
  border-radius: 2px;
  position: relative;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar.light[data-v-d45983c4] {
  background-color: gray;
  /* 在JS中可通过切换类名改颜色 */
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar.white[data-v-d45983c4] {
  background-color: white;
  /* 在JS中可通过切换类名改颜色 */
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar1[data-v-d45983c4]::before {
  content: "C";
  position: absolute;
  right: -40px;
  color: #000;
  font-size: 26px;
  font-weight: 700;
  height: 40px;
  top: -14px;
}
.jiaotijing-container .jiaotijing-item .jiaotijing .bar2[data-v-d45983c4]::before {
  content: "T";
  position: absolute;
  right: -37px;
  color: #000;
  font-size: 26px;
  font-weight: 700;
  height: 40px;
  top: -14px;
}

/* 光度检测相关样式 */
.light-detection-standard[data-v-d45983c4] {
  width: 100%;
}
.light-detection-standard .generated-standards[data-v-d45983c4] {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fafafa;
}
.light-detection-standard .generated-standards .standards-header[data-v-d45983c4] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.light-detection-standard .generated-standards .standards-header h4[data-v-d45983c4] {
  color: #409eff;
  margin: 0;
  font-size: 16px;
}
.light-detection-standard .generated-standards .standard-item[data-v-d45983c4] {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background-color: #fff;
}
.light-detection-standard .generated-standards .standard-item h5[data-v-d45983c4] {
  color: #606266;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
.light-detection-display .detection-standard[data-v-d45983c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.light-detection-display .detection-standard .status-badge[data-v-d45983c4] {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.light-detection-display .detection-standard .status-badge.success[data-v-d45983c4] {
  background-color: #f0f9ff;
  color: #67c23a;
  border: 1px solid #b3e19d;
}
.light-detection-display .detection-standard .status-badge.danger[data-v-d45983c4] {
  background-color: #fef0f0;
  color: #f56c6c;
  border: 1px solid #fbc4c4;
}
.light-detection-display .detection-standard .threshold-text[data-v-d45983c4] {
  font-size: 12px;
  color: #909399;
}