.bdColor[data-v-e3a9119e] {
  color: #0052CC;
}
.textColor[data-v-e3a9119e] {
  color: #0052cc;
}
.warningText[data-v-e3a9119e] {
  color: #e6a23c;
}
.dangerText[data-v-e3a9119e] {
  color: #d9001b;
}
.successText[data-v-e3a9119e] {
  color: #67c23a;
}
.warningBg[data-v-e3a9119e] {
  background-color: #e6a23c;
}
.dangerBg[data-v-e3a9119e] {
  background-color: #d9001b;
}
.successBg[data-v-e3a9119e] {
  background-color: #67c23a;
}
.primaryBg[data-v-e3a9119e] {
  background-color: #4573d8;
}
.grayBg[data-v-e3a9119e] {
  background-color: #aaaaaa;
}
.fl_sb[data-v-e3a9119e] {
  display: flex;
  justify-content: space-between;
}
.fl_as[data-v-e3a9119e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fl_st[data-v-e3a9119e] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.fl_cc[data-v-e3a9119e] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl_wrap[data-v-e3a9119e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.colorPr[data-v-e3a9119e] {
  color: #2662f0;
}
.colorTxt892[data-v-e3a9119e] {
  color: #8f92a1;
}
.textDUb[data-v-e3a9119e] {
  text-decoration: underline;
  white-space: pre-wrap;
}
.fz14[data-v-e3a9119e] {
  font-size: 14px;
}
.fz_20[data-v-e3a9119e] {
  font-size: 22px;
  font-weight: 400;
  color: #566770;
}
.fz_waming[data-v-e3a9119e] {
  color: #e6a23c;
}
.text5[data-v-e3a9119e] {
  display: inline-block;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt20[data-v-e3a9119e] {
  margin-top: 20px !important;
}
.noData[data-v-e3a9119e] {
  margin: 200px 0;
  text-align: center;
}
.el-button--primary[data-v-e3a9119e]:not(.is-disabled) {
  border: 1px solid #0052CC;
  color: #0052CC;
  background: #fff;
}
.el-button--primary[data-v-e3a9119e]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button[data-v-e3a9119e]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button--primary.solid[data-v-e3a9119e] {
  color: #FFF;
  background-color: #0052CC;
  border-color: #0052CC;
}
.el-button[data-v-e3a9119e] {
  min-width: 80px;
  border-radius: 12px;
}
.el-input__inner[data-v-e3a9119e] {
  border-radius: 8px;
}
.el-button--primary.bg[data-v-e3a9119e] {
  border-radius: 30px;
  border: 1px solid #0052cc;
  color: #fff;
  background: #0052cc;
}
.el-button--primary.bg2f[data-v-e3a9119e] {
  width: 100%;
  border: 1px solid #0052CC;
  color: #fff;
  background: #0052CC;
}
.el-table[data-v-e3a9119e] {
  overflow: hidden;
  border-radius: 4px;
}
.el-table .el-table__cell[data-v-e3a9119e] {
  padding: 22px 0;
}
.el-table .el-table__body-wrapper[data-v-e3a9119e] {
  padding-right: 20px;
}
.el-date-editor .el-range-separator[data-v-e3a9119e] {
  width: 10%;
}
.avatar-uploader.hideUploadBtn[data-v-e3a9119e] .el-upload--picture-card {
  display: none;
}
.avatar-uploader > .el-upload > i[data-v-e3a9119e] {
  font-size: 28px;
  color: #ccc;
}
.avatar-uploader > .el-upload-list[data-v-e3a9119e] {
  display: block;
}
[data-v-e3a9119e] .avatar-uploader .el-upload-list__item,[data-v-e3a9119e] .avatar-uploader .el-upload--picture-card {
  width: 110px;
  height: 110px;
  line-height: 120px;
}
[data-v-e3a9119e] .avatar-uploader .el-upload-list__item > img,[data-v-e3a9119e] .avatar-uploader .el-upload--picture-card > img {
  width: 110px;
  height: 110px;
  line-height: 120px;
  border-radius: 0px;
}


/* 容器 */
.ai-cac-container[data-v-7aaaf028] {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  padding: 32px 16px;
}
@media (prefers-color-scheme: dark) {
.ai-cac-container[data-v-7aaaf028] {
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
}
}

/* 标题卡片 */
.header-card[data-v-7aaaf028] {
  max-width: 800px;
  margin: 0 auto 32px;
  padding: 32px;
  background: white;
  border-radius: 12px;
  border: 2px solid #bfdbfe;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
.header-card[data-v-7aaaf028] {
    background: #1f2937;
    border-color: #1e40af;
}
}
.title[data-v-7aaaf028] {
  font-size: 28px;
  font-weight: 700;
  color: #1e40af;
  text-align: center;
  margin: 0 0 16px;
}
@media (prefers-color-scheme: dark) {
.title[data-v-7aaaf028] {
    color: #dbeafe;
}
}
.description[data-v-7aaaf028] {
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
  text-align: center;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
.description[data-v-7aaaf028] {
    color: #d1d5db;
}
}

/* 分区卡片 */
.section-card[data-v-7aaaf028] {
  max-width: 800px;
  margin: 0 auto 24px;
  padding: 24px;
  background: white;
  border-radius: 12px;
  border-left: 4px solid #3b82f6;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
.section-card[data-v-7aaaf028] {
    background: #1f2937;
}
}
.section-title[data-v-7aaaf028] {
  font-size: 20px;
  font-weight: 700;
  color: #1e40af;
  margin: 0 0 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e5e7eb;
}
@media (prefers-color-scheme: dark) {
.section-title[data-v-7aaaf028] {
    color: #dbeafe;
    border-bottom-color: #374151;
}
}

/* 表单组 */
.form-group[data-v-7aaaf028] {
  margin-bottom: 24px;
}
.form-row[data-v-7aaaf028] {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 640px) {
.form-row[data-v-7aaaf028] {
    flex-direction: column;
}
}
.form-col[data-v-7aaaf028] {
  flex: 1;
}
.form-label[data-v-7aaaf028] {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 12px;
}
@media (prefers-color-scheme: dark) {
.form-label[data-v-7aaaf028] {
    color: #e5e7eb;
}
}

/* 单选框组 */
.radio-group[data-v-7aaaf028] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.radio-item[data-v-7aaaf028] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  background: white;
}
@media (prefers-color-scheme: dark) {
.radio-item[data-v-7aaaf028] {
    background: #374151;
    border-color: #4b5563;
}
}
.radio-item[data-v-7aaaf028]:hover {
  background: #dbeafe;
  border-color: #3b82f6;
}
@media (prefers-color-scheme: dark) {
.radio-item[data-v-7aaaf028]:hover {
    background: rgba(59, 130, 246, 0.2);
}
}
.radio-item input[type="radio"][data-v-7aaaf028] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #3b82f6;
}
.radio-item span[data-v-7aaaf028] {
  font-size: 15px;
  color: #374151;
}
@media (prefers-color-scheme: dark) {
.radio-item span[data-v-7aaaf028] {
    color: #e5e7eb;
}
}

/* 复选框组 */
.checkbox-group[data-v-7aaaf028] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.checkbox-item[data-v-7aaaf028] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  background: white;
}
@media (prefers-color-scheme: dark) {
.checkbox-item[data-v-7aaaf028] {
    background: #374151;
    border-color: #4b5563;
}
}
.checkbox-item[data-v-7aaaf028]:hover {
  background: #dbeafe;
  border-color: #3b82f6;
}
@media (prefers-color-scheme: dark) {
.checkbox-item[data-v-7aaaf028]:hover {
    background: rgba(59, 130, 246, 0.2);
}
}
.checkbox-item input[type="checkbox"][data-v-7aaaf028] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #3b82f6;
}
.checkbox-item span[data-v-7aaaf028] {
  font-size: 15px;
  color: #374151;
}
@media (prefers-color-scheme: dark) {
.checkbox-item span[data-v-7aaaf028] {
    color: #e5e7eb;
}
}

/* 输入框 */
.form-input[data-v-7aaaf028] {
  width: 40%;
  padding: 12px 16px;
  font-size: 15px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  transition: border-color 0.2s;
}
@media (prefers-color-scheme: dark) {
.form-input[data-v-7aaaf028] {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}
}
.form-input[data-v-7aaaf028]:focus {
  outline: none;
  border-color: #3b82f6;
}
.form-input[data-v-7aaaf028]::-moz-placeholder {
  color: #9ca3af;
}
.form-input[data-v-7aaaf028]::placeholder {
  color: #9ca3af;
}
.bp-inputs[data-v-7aaaf028] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bp-separator[data-v-7aaaf028] {
  font-size: 18px;
  font-weight: 600;
  color: #6b7280;
}

/* 提交区域 */
.submit-section[data-v-7aaaf028] {
  max-width: 800px;
  margin: 32px auto;
  display: flex;
  gap: 16px;
  justify-content: center;
}
@media (max-width: 640px) {
.submit-section[data-v-7aaaf028] {
    flex-direction: column;
}
}
.submit-btn[data-v-7aaaf028] {
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 160px;
}
.submit-btn.primary[data-v-7aaaf028] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
}
.submit-btn.primary[data-v-7aaaf028]:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}
.submit-btn.secondary[data-v-7aaaf028] {
  background: white;
  color: #6b7280;
  border: 2px solid #e5e7eb;
}
@media (prefers-color-scheme: dark) {
.submit-btn.secondary[data-v-7aaaf028] {
    background: #1f2937;
    color: #9ca3af;
    border-color: #4b5563;
}
}
.submit-btn.secondary[data-v-7aaaf028]:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}
@media (prefers-color-scheme: dark) {
.submit-btn.secondary[data-v-7aaaf028]:hover {
    background: #374151;
    border-color: #6b7280;
}
}
.submit-btn[data-v-7aaaf028]:active {
  transform: scale(0.98);
}

/* 结果卡片 */
.result-card[data-v-7aaaf028] {
  max-width: 800px;
  margin: 32px auto;
  padding: 32px;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.result-card.low-risk[data-v-7aaaf028] {
  background: linear-gradient(135deg, #e9e9ff 0%, #dedeff 100%);
  border: 2px solid #8e8eff;
}
.result-card.medium-risk[data-v-7aaaf028] {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 2px solid #f59e0b;
}
.result-card.high-risk[data-v-7aaaf028] {
  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
  border: 2px solid #ef4444;
}
.result-title[data-v-7aaaf028] {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 16px;
  text-align: center;
}
.result-card.low-risk .result-title[data-v-7aaaf028] {
  color: #8080ff;
}
.result-card.medium-risk .result-title[data-v-7aaaf028] {
  color: #d97706;
}
.result-card.high-risk .result-title[data-v-7aaaf028] {
  color: #dc2626;
}
.result-score[data-v-7aaaf028] {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 12px;
  color: #374151;
}
@media (prefers-color-scheme: dark) {
.result-score[data-v-7aaaf028] {
    color: #e5e7eb;
}
}
.result-description[data-v-7aaaf028] {
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 24px;
  color: #4b5563;
}
@media (prefers-color-scheme: dark) {
.result-description[data-v-7aaaf028] {
    color: #d1d5db;
}
}
.recommendations-title[data-v-7aaaf028] {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 12px;
  color: #374151;
}
@media (prefers-color-scheme: dark) {
.recommendations-title[data-v-7aaaf028] {
    color: #e5e7eb;
}
}
.recommendations-list[data-v-7aaaf028] {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.recommendations-list li[data-v-7aaaf028] {
  font-size: 15px;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 8px;
}
@media (prefers-color-scheme: dark) {
.recommendations-list li[data-v-7aaaf028] {
    color: #d1d5db;
}
}

/* 响应式设计 */
@media (max-width: 640px) {
.header-card[data-v-7aaaf028],
  .section-card[data-v-7aaaf028],
  .submit-section[data-v-7aaaf028],
  .result-card[data-v-7aaaf028] {
    padding: 20px;
}
.title[data-v-7aaaf028] {
    font-size: 24px;
}
.section-title[data-v-7aaaf028] {
    font-size: 18px;
}
.radio-group[data-v-7aaaf028] {
    flex-direction: column;
}
.submit-btn[data-v-7aaaf028] {
    width: 100%;
}
}

.bdColor[data-v-5cdcfc99] {
  color: #0052CC;
}
.textColor[data-v-5cdcfc99] {
  color: #0052cc;
}
.warningText[data-v-5cdcfc99] {
  color: #e6a23c;
}
.dangerText[data-v-5cdcfc99] {
  color: #d9001b;
}
.successText[data-v-5cdcfc99] {
  color: #67c23a;
}
.warningBg[data-v-5cdcfc99] {
  background-color: #e6a23c;
}
.dangerBg[data-v-5cdcfc99] {
  background-color: #d9001b;
}
.successBg[data-v-5cdcfc99] {
  background-color: #67c23a;
}
.primaryBg[data-v-5cdcfc99] {
  background-color: #4573d8;
}
.grayBg[data-v-5cdcfc99] {
  background-color: #aaaaaa;
}
.fl_sb[data-v-5cdcfc99] {
  display: flex;
  justify-content: space-between;
}
.fl_as[data-v-5cdcfc99] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fl_st[data-v-5cdcfc99] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.fl_cc[data-v-5cdcfc99] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl_wrap[data-v-5cdcfc99] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.colorPr[data-v-5cdcfc99] {
  color: #2662f0;
}
.colorTxt892[data-v-5cdcfc99] {
  color: #8f92a1;
}
.textDUb[data-v-5cdcfc99] {
  text-decoration: underline;
  white-space: pre-wrap;
}
.fz14[data-v-5cdcfc99] {
  font-size: 14px;
}
.fz_20[data-v-5cdcfc99] {
  font-size: 22px;
  font-weight: 400;
  color: #566770;
}
.fz_waming[data-v-5cdcfc99] {
  color: #e6a23c;
}
.text5[data-v-5cdcfc99] {
  display: inline-block;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt20[data-v-5cdcfc99] {
  margin-top: 20px !important;
}
.noData[data-v-5cdcfc99] {
  margin: 200px 0;
  text-align: center;
}
.el-button--primary[data-v-5cdcfc99]:not(.is-disabled) {
  border: 1px solid #0052CC;
  color: #0052CC;
  background: #fff;
}
.el-button--primary[data-v-5cdcfc99]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button[data-v-5cdcfc99]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button--primary.solid[data-v-5cdcfc99] {
  color: #FFF;
  background-color: #0052CC;
  border-color: #0052CC;
}
.el-button[data-v-5cdcfc99] {
  min-width: 80px;
  border-radius: 12px;
}
.el-input__inner[data-v-5cdcfc99] {
  border-radius: 8px;
}
.el-button--primary.bg[data-v-5cdcfc99] {
  border-radius: 30px;
  border: 1px solid #0052cc;
  color: #fff;
  background: #0052cc;
}
.el-button--primary.bg2f[data-v-5cdcfc99] {
  width: 100%;
  border: 1px solid #0052CC;
  color: #fff;
  background: #0052CC;
}
.el-table[data-v-5cdcfc99] {
  overflow: hidden;
  border-radius: 4px;
}
.el-table .el-table__cell[data-v-5cdcfc99] {
  padding: 22px 0;
}
.el-table .el-table__body-wrapper[data-v-5cdcfc99] {
  padding-right: 20px;
}
.el-date-editor .el-range-separator[data-v-5cdcfc99] {
  width: 10%;
}
/* 容器 */
.osas-container[data-v-5cdcfc99] {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  padding: 32px 16px;
}
@media (prefers-color-scheme: dark) {
.osas-container[data-v-5cdcfc99] {
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
}
}
/* 标题卡片 */
.header-card[data-v-5cdcfc99] {
  max-width: 800px;
  margin: 0 auto 32px;
  padding: 32px;
  background: white;
  border-radius: 12px;
  border: 2px solid #bfdbfe;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
.header-card[data-v-5cdcfc99] {
    background: #1f2937;
    border-color: #1e40af;
}
}
.title[data-v-5cdcfc99] {
  font-size: 28px;
  font-weight: 700;
  color: #1e40af;
  text-align: center;
  margin: 0 0 16px;
}
@media (prefers-color-scheme: dark) {
.title[data-v-5cdcfc99] {
    color: #dbeafe;
}
}
.description[data-v-5cdcfc99] {
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
  text-align: center;
  margin: 0 0 16px;
}
@media (prefers-color-scheme: dark) {
.description[data-v-5cdcfc99] {
    color: #d1d5db;
}
}
.warning-box[data-v-5cdcfc99] {
  padding: 16px;
  background: #fef2f2;
  border-radius: 8px;
  border: 1px solid #fca5a5;
  margin-top: 16px;
}
@media (prefers-color-scheme: dark) {
.warning-box[data-v-5cdcfc99] {
    background: rgba(220, 38, 38, 0.1);
    border-color: #dc2626;
}
}
.warning-text[data-v-5cdcfc99] {
  font-size: 14px;
  font-weight: 500;
  color: #dc2626;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
.warning-text[data-v-5cdcfc99] {
    color: #fca5a5;
}
}
/* 问题列表 */
.questions-list[data-v-5cdcfc99] {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* 问题卡片 */
.question-card[data-v-5cdcfc99] {
  background: white;
  border-radius: 12px;
  border-left: 4px solid #3b82f6;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
.question-card[data-v-5cdcfc99] {
    background: #1f2937;
}
}
.question-header[data-v-5cdcfc99] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.question-number[data-v-5cdcfc99] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #3b82f6;
  color: white;
  font-weight: 700;
  flex-shrink: 0;
}
.question-title[data-v-5cdcfc99] {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
.question-title[data-v-5cdcfc99] {
    color: #f9fafb;
}
}
/* 输入组 */
.input-group[data-v-5cdcfc99] {
  margin-bottom: 24px;
}
.label[data-v-5cdcfc99] {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 12px;
}
@media (prefers-color-scheme: dark) {
.label[data-v-5cdcfc99] {
    color: #e5e7eb;
}
}
/* 单选框组 */
.radio-group[data-v-5cdcfc99] {
  display: flex;
  gap: 16px;
}
.radio-group.vertical[data-v-5cdcfc99] {
  flex-direction: column;
}
.radio-item[data-v-5cdcfc99] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.radio-item.card[data-v-5cdcfc99] {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.radio-item.card[data-v-5cdcfc99]:hover {
  background: #dbeafe;
}
@media (prefers-color-scheme: dark) {
.radio-item.card[data-v-5cdcfc99] {
    background: #374151;
    border-color: #4b5563;
}
.radio-item.card[data-v-5cdcfc99]:hover {
    background: rgba(59, 130, 246, 0.2);
}
}
.radio-item input[type="radio"][data-v-5cdcfc99] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.radio-item span[data-v-5cdcfc99] {
  font-size: 16px;
  color: #374151;
}
@media (prefers-color-scheme: dark) {
.radio-item span[data-v-5cdcfc99] {
    color: #e5e7eb;
}
}
/* 滑块 */
.slider[data-v-5cdcfc99] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #e5e7eb;
  outline: none;
  -webkit-appearance: none;
}
.slider[data-v-5cdcfc99]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.slider[data-v-5cdcfc99]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* BMI 结果 */
.bmi-result[data-v-5cdcfc99] {
  padding: 16px;
  background: #dbeafe;
  border-radius: 8px;
  border: 1px solid #bfdbfe;
  margin-top: 16px;
}
@media (prefers-color-scheme: dark) {
.bmi-result[data-v-5cdcfc99] {
    background: rgba(59, 130, 246, 0.2);
    border-color: #1e40af;
}
}
.bmi-label[data-v-5cdcfc99] {
  font-size: 14px;
  color: #1e40af;
  margin: 0 0 8px;
}
@media (prefers-color-scheme: dark) {
.bmi-label[data-v-5cdcfc99] {
    color: #dbeafe;
}
}
.bmi-value[data-v-5cdcfc99] {
  font-size: 24px;
  font-weight: 700;
  color: #1e40af;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
.bmi-value[data-v-5cdcfc99] {
    color: #dbeafe;
}
}
/* 提交区域 */
.submit-section[data-v-5cdcfc99] {
  max-width: 800px;
  margin: 32px auto 0;
  display: flex;
  justify-content: center;
}
.submit-btn[data-v-5cdcfc99] {
  min-width: 200px;
  margin: 0 10px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
}
.submit-btn[data-v-5cdcfc99]:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}
.submit-btn[data-v-5cdcfc99]:active {
  transform: scale(0.98);
}
/* 响应式设计 */
@media (max-width: 640px) {
.header-card[data-v-5cdcfc99],
  .questions-list[data-v-5cdcfc99],
  .submit-section[data-v-5cdcfc99] {
    padding: 0;
}
.header-card[data-v-5cdcfc99] {
    padding: 20px;
}
.question-card[data-v-5cdcfc99] {
    padding: 20px;
}
.title[data-v-5cdcfc99] {
    font-size: 24px;
}
.question-title[data-v-5cdcfc99] {
    font-size: 18px;
}
.radio-group.vertical[data-v-5cdcfc99] {
    gap: 12px;
}
.submit-btn[data-v-5cdcfc99] {
    width: 100%;
}
}
.submit-btn.secondary[data-v-5cdcfc99] {
  background: white;
  color: #6b7280;
  border: 2px solid #e5e7eb;
}
@media (prefers-color-scheme: dark) {
.submit-btn.secondary[data-v-5cdcfc99] {
    background: #1f2937;
    color: #9ca3af;
    border-color: #4b5563;
}
}
.submit-btn.secondary[data-v-5cdcfc99]:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}
@media (prefers-color-scheme: dark) {
.submit-btn.secondary[data-v-5cdcfc99]:hover {
    background: #374151;
    border-color: #6b7280;
}
}
/* 自测结果 */
.osas-result[data-v-5cdcfc99] {
  max-width: 800px;
  margin: 0 auto 32px;
  padding: 32px;
  background: white;
  border-radius: 12px;
  border: 2px solid #bfdbfe;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.osas-result .osas-res-tit[data-v-5cdcfc99] {
  color: #0052CC;
  font-size: 28px;
}
.osas-result .osas-res-text[data-v-5cdcfc99] {
  color: #535353;
  font-size: 16px;
  margin-top: 30px;
}
.osas-result .osas-btn2[data-v-5cdcfc99] {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 0px 40px;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  background: linear-gradient(to right, #4c85db, #72a5f2);
  position: absolute;
  top: 30px;
  right: 30px;
}
.osas-result .progress[data-v-5cdcfc99] {
  width: 100%;
  height: 40px;
  background-color: #f2f2f2;
  margin-right: 20px;
  margin-top: 20px;
  display: inline-block;
  border-radius: 40px;
}
.osas-result .progress div[data-v-5cdcfc99] {
  width: 0;
  height: 40px;
  background-color: #8080ff;
  border-radius: 40px;
}
.osas-result .uls-box[data-v-5cdcfc99] {
  display: flex;
  justify-content: space-between;
  width: 96%;
  margin-left: 0%;
  margin-top: 20px;
}
.osas-result .uls-box .li[data-v-5cdcfc99] {
  color: #535353;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding-left: 3%;
  font-size: 14px;
}
.osas-result .uls-box .li .colo[data-v-5cdcfc99] {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}
@media (prefers-color-scheme: dark) {
.osas-result[data-v-5cdcfc99] {
    background: #1f2937;
    border-color: #1e40af;
}
}

.bdColor[data-v-ab73aa02] {
  color: #0052CC;
}
.textColor[data-v-ab73aa02] {
  color: #0052cc;
}
.warningText[data-v-ab73aa02] {
  color: #e6a23c;
}
.dangerText[data-v-ab73aa02] {
  color: #d9001b;
}
.successText[data-v-ab73aa02] {
  color: #67c23a;
}
.warningBg[data-v-ab73aa02] {
  background-color: #e6a23c;
}
.dangerBg[data-v-ab73aa02] {
  background-color: #d9001b;
}
.successBg[data-v-ab73aa02] {
  background-color: #67c23a;
}
.primaryBg[data-v-ab73aa02] {
  background-color: #4573d8;
}
.grayBg[data-v-ab73aa02] {
  background-color: #aaaaaa;
}
.fl_sb[data-v-ab73aa02] {
  display: flex;
  justify-content: space-between;
}
.fl_as[data-v-ab73aa02] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fl_st[data-v-ab73aa02] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.fl_cc[data-v-ab73aa02] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl_wrap[data-v-ab73aa02] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.colorPr[data-v-ab73aa02] {
  color: #2662f0;
}
.colorTxt892[data-v-ab73aa02] {
  color: #8f92a1;
}
.textDUb[data-v-ab73aa02] {
  text-decoration: underline;
  white-space: pre-wrap;
}
.fz14[data-v-ab73aa02] {
  font-size: 14px;
}
.fz_20[data-v-ab73aa02] {
  font-size: 22px;
  font-weight: 400;
  color: #566770;
}
.fz_waming[data-v-ab73aa02] {
  color: #e6a23c;
}
.text5[data-v-ab73aa02] {
  display: inline-block;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt20[data-v-ab73aa02] {
  margin-top: 20px !important;
}
.noData[data-v-ab73aa02] {
  margin: 200px 0;
  text-align: center;
}
.el-button--primary[data-v-ab73aa02]:not(.is-disabled) {
  border: 1px solid #0052CC;
  color: #0052CC;
  background: #fff;
}
.el-button--primary[data-v-ab73aa02]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button[data-v-ab73aa02]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button--primary.solid[data-v-ab73aa02] {
  color: #FFF;
  background-color: #0052CC;
  border-color: #0052CC;
}
.el-button[data-v-ab73aa02] {
  min-width: 80px;
  border-radius: 12px;
}
.el-input__inner[data-v-ab73aa02] {
  border-radius: 8px;
}
.el-button--primary.bg[data-v-ab73aa02] {
  border-radius: 30px;
  border: 1px solid #0052cc;
  color: #fff;
  background: #0052cc;
}
.el-button--primary.bg2f[data-v-ab73aa02] {
  width: 100%;
  border: 1px solid #0052CC;
  color: #fff;
  background: #0052CC;
}
.el-table[data-v-ab73aa02] {
  overflow: hidden;
  border-radius: 4px;
}
.el-table .el-table__cell[data-v-ab73aa02] {
  padding: 22px 0;
}
.el-table .el-table__body-wrapper[data-v-ab73aa02] {
  padding-right: 20px;
}
.el-date-editor .el-range-separator[data-v-ab73aa02] {
  width: 10%;
}
/* 容器 */
.copd-container[data-v-ab73aa02] {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  padding: 32px 16px;
}
@media (prefers-color-scheme: dark) {
.copd-container[data-v-ab73aa02] {
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
}
}
/* 标题卡片 */
.header-card[data-v-ab73aa02] {
  max-width: 800px;
  margin: 0 auto 32px;
  padding: 32px;
  background: white;
  border-radius: 12px;
  border: 2px solid #bfdbfe;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
.header-card[data-v-ab73aa02] {
    background: #1f2937;
    border-color: #1e40af;
}
}
.title[data-v-ab73aa02] {
  font-size: 28px;
  font-weight: 700;
  color: #1e40af;
  text-align: center;
  margin: 0 0 16px;
}
@media (prefers-color-scheme: dark) {
.title[data-v-ab73aa02] {
    color: #dbeafe;
}
}
.description[data-v-ab73aa02] {
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
  text-align: center;
  margin: 0 0 16px;
}
@media (prefers-color-scheme: dark) {
.description[data-v-ab73aa02] {
    color: #d1d5db;
}
}
.info-box[data-v-ab73aa02] {
  padding: 16px;
  background: #eff6ff;
  border-radius: 8px;
  border: 1px solid #bfdbfe;
  margin-top: 16px;
}
@media (prefers-color-scheme: dark) {
.info-box[data-v-ab73aa02] {
    background: rgba(59, 130, 246, 0.1);
    border-color: #1e40af;
}
}
.info-text[data-v-ab73aa02] {
  font-size: 14px;
  font-weight: 500;
  color: #1e40af;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
.info-text[data-v-ab73aa02] {
    color: #dbeafe;
}
}
/* 问题列表 */
.questions-list[data-v-ab73aa02] {
  max-width: 865px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* 问题卡片 */
.question-card[data-v-ab73aa02] {
  background: white;
  border-radius: 12px;
  border-left: 4px solid #3b82f6;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
.question-card[data-v-ab73aa02] {
    background: #1f2937;
}
}
.question-header[data-v-ab73aa02] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.question-number[data-v-ab73aa02] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #3b82f6;
  color: white;
  font-weight: 700;
  flex-shrink: 0;
}
.question-title[data-v-ab73aa02] {
  font-size: 18px;
  font-weight: 600;
  color: #6b7280;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
.question-title[data-v-ab73aa02] {
    color: #9ca3af;
}
}
/* 问题内容 */
.question-content[data-v-ab73aa02] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* 提示框 */
.tips-box[data-v-ab73aa02] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid;
}
.tips-icon[data-v-ab73aa02] {
  font-size: 24px;
  flex-shrink: 0;
}
.tips-text[data-v-ab73aa02] {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
/* 滑块部分 */
.slider-section[data-v-ab73aa02] {
  padding: 24px;
  background: #f9fafb;
  border-radius: 8px;
}
@media (prefers-color-scheme: dark) {
.slider-section[data-v-ab73aa02] {
    background: #374151;
}
}
.slider-header[data-v-ab73aa02] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.slider-label-min[data-v-ab73aa02],
.slider-label-max[data-v-ab73aa02] {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
@media (prefers-color-scheme: dark) {
.slider-label-min[data-v-ab73aa02],
  .slider-label-max[data-v-ab73aa02] {
    color: #9ca3af;
}
}
.slider-value[data-v-ab73aa02] {
  font-size: 32px;
  font-weight: 700;
  color: #3b82f6;
}
@media (prefers-color-scheme: dark) {
.slider-value[data-v-ab73aa02] {
    color: #60a5fa;
}
}
.slider[data-v-ab73aa02] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #e5e7eb;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.slider[data-v-ab73aa02]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s;
}
.slider[data-v-ab73aa02]::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
.slider[data-v-ab73aa02]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -moz-transition: transform 0.2s;
  transition: transform 0.2s;
}
.slider[data-v-ab73aa02]::-moz-range-thumb:hover {
  transform: scale(1.1);
}
.slider-scale[data-v-ab73aa02] {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  padding: 0 8px;
}
.slider-scale span[data-v-ab73aa02] {
  font-size: 12px;
  color: #9ca3af;
}
@media (prefers-color-scheme: dark) {
.slider-scale span[data-v-ab73aa02] {
    color: #6b7280;
}
}
/* 提交区域 */
.submit-section[data-v-ab73aa02] {
  max-width: 800px;
  margin: 32px auto 0;
  display: flex;
  justify-content: center;
}
.submit-btn[data-v-ab73aa02] {
  min-width: 200px;
  margin: 0 10px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
}
.submit-btn[data-v-ab73aa02]:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}
.submit-btn[data-v-ab73aa02]:active {
  transform: scale(0.98);
}
/* 响应式设计 */
@media (max-width: 640px) {
.header-card[data-v-ab73aa02],
  .questions-list[data-v-ab73aa02],
  .submit-section[data-v-ab73aa02] {
    padding: 0;
}
.header-card[data-v-ab73aa02] {
    padding: 20px;
}
.question-card[data-v-ab73aa02] {
    padding: 20px;
}
.title[data-v-ab73aa02] {
    font-size: 24px;
}
.question-title[data-v-ab73aa02] {
    font-size: 16px;
}
.tips-box[data-v-ab73aa02] {
    padding: 12px;
}
.tips-text[data-v-ab73aa02] {
    font-size: 14px;
}
.slider-section[data-v-ab73aa02] {
    padding: 16px;
}
.slider-value[data-v-ab73aa02] {
    font-size: 28px;
}
.submit-btn[data-v-ab73aa02] {
    width: 100%;
}
}
.submit-btn.secondary[data-v-ab73aa02] {
  background: white;
  color: #6b7280;
  border: 2px solid #e5e7eb;
}
@media (prefers-color-scheme: dark) {
.submit-btn.secondary[data-v-ab73aa02] {
    background: #1f2937;
    color: #9ca3af;
    border-color: #4b5563;
}
}
.submit-btn.secondary[data-v-ab73aa02]:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}
@media (prefers-color-scheme: dark) {
.submit-btn.secondary[data-v-ab73aa02]:hover {
    background: #374151;
    border-color: #6b7280;
}
}
/* 自测结果 */
.osas-result[data-v-ab73aa02] {
  max-width: 800px;
  margin: 0 auto 32px;
  padding: 32px;
  background: white;
  border-radius: 12px;
  border: 2px solid #bfdbfe;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.osas-result .osas-res-tit[data-v-ab73aa02] {
  color: #0052CC;
  font-size: 28px;
}
.osas-result .osas-res-text[data-v-ab73aa02] {
  color: #535353;
  font-size: 16px;
  margin-top: 30px;
}
.osas-result .osas-btn2[data-v-ab73aa02] {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 0px 40px;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  background: linear-gradient(to right, #4c85db, #72a5f2);
  position: absolute;
  top: 30px;
  right: 30px;
}
.osas-result .progress[data-v-ab73aa02] {
  width: 100%;
  height: 40px;
  background-color: #f2f2f2;
  margin-right: 20px;
  margin-top: 20px;
  display: inline-block;
  border-radius: 40px;
}
.osas-result .progress div[data-v-ab73aa02] {
  width: 0;
  height: 40px;
  background-color: #8080ff;
  border-radius: 40px;
}
.osas-result .uls-box[data-v-ab73aa02] {
  display: flex;
  justify-content: space-between;
  width: 96%;
  margin-left: 0%;
  margin-top: 20px;
}
.osas-result .uls-box .li[data-v-ab73aa02] {
  color: #535353;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding-left: 3%;
  font-size: 14px;
}
.osas-result .uls-box .li .colo[data-v-ab73aa02] {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}
@media (prefers-color-scheme: dark) {
.osas-result[data-v-ab73aa02] {
    background: #1f2937;
    border-color: #1e40af;
}
}

.bdColor[data-v-010b7a88] {
  color: #0052CC;
}
.textColor[data-v-010b7a88] {
  color: #0052cc;
}
.warningText[data-v-010b7a88] {
  color: #e6a23c;
}
.dangerText[data-v-010b7a88] {
  color: #d9001b;
}
.successText[data-v-010b7a88] {
  color: #67c23a;
}
.warningBg[data-v-010b7a88] {
  background-color: #e6a23c;
}
.dangerBg[data-v-010b7a88] {
  background-color: #d9001b;
}
.successBg[data-v-010b7a88] {
  background-color: #67c23a;
}
.primaryBg[data-v-010b7a88] {
  background-color: #4573d8;
}
.grayBg[data-v-010b7a88] {
  background-color: #aaaaaa;
}
.fl_sb[data-v-010b7a88] {
  display: flex;
  justify-content: space-between;
}
.fl_as[data-v-010b7a88] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fl_st[data-v-010b7a88] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.fl_cc[data-v-010b7a88] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl_wrap[data-v-010b7a88] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.colorPr[data-v-010b7a88] {
  color: #2662f0;
}
.colorTxt892[data-v-010b7a88] {
  color: #8f92a1;
}
.textDUb[data-v-010b7a88] {
  text-decoration: underline;
  white-space: pre-wrap;
}
.fz14[data-v-010b7a88] {
  font-size: 14px;
}
.fz_20[data-v-010b7a88] {
  font-size: 22px;
  font-weight: 400;
  color: #566770;
}
.fz_waming[data-v-010b7a88] {
  color: #e6a23c;
}
.text5[data-v-010b7a88] {
  display: inline-block;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt20[data-v-010b7a88] {
  margin-top: 20px !important;
}
.noData[data-v-010b7a88] {
  margin: 200px 0;
  text-align: center;
}
.el-button--primary[data-v-010b7a88]:not(.is-disabled) {
  border: 1px solid #0052CC;
  color: #0052CC;
  background: #fff;
}
.el-button--primary[data-v-010b7a88]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button[data-v-010b7a88]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button--primary.solid[data-v-010b7a88] {
  color: #FFF;
  background-color: #0052CC;
  border-color: #0052CC;
}
.el-button[data-v-010b7a88] {
  min-width: 80px;
  border-radius: 12px;
}
.el-input__inner[data-v-010b7a88] {
  border-radius: 8px;
}
.el-button--primary.bg[data-v-010b7a88] {
  border-radius: 30px;
  border: 1px solid #0052cc;
  color: #fff;
  background: #0052cc;
}
.el-button--primary.bg2f[data-v-010b7a88] {
  width: 100%;
  border: 1px solid #0052CC;
  color: #fff;
  background: #0052CC;
}
.el-table[data-v-010b7a88] {
  overflow: hidden;
  border-radius: 4px;
}
.el-table .el-table__cell[data-v-010b7a88] {
  padding: 22px 0;
}
.el-table .el-table__body-wrapper[data-v-010b7a88] {
  padding-right: 20px;
}
.el-date-editor .el-range-separator[data-v-010b7a88] {
  width: 10%;
}
.html-bom[data-v-010b7a88] {
  width: calc(100% - 221px);
  height: calc(100vh - 70px);
  background-color: #fff;
  position: fixed;
  left: 221px;
  right: 0;
  top: 70px;
  bottom: 0;
  z-index: 999999;
}
.Health[data-v-010b7a88] {
  width: calc(100% - 70px);
}
.Health .tabsHealth[data-v-010b7a88] {
  width: 100%;
  height: 30px;
}
.Health .hideUploadBtn[data-v-010b7a88] .el-upload--picture-card {
  display: none;
}
.Health[data-v-010b7a88] .el-upload-dragger {
  width: 147px;
  height: 147px;
}
.Health .record-cont[data-v-010b7a88] {
  display: flex;
}
.Health .record-cont li[data-v-010b7a88] {
  margin-right: 8px;
}
.Health .record-btn1[data-v-010b7a88] {
  background-color: #8080ff;
}
.Health .record-btn2[data-v-010b7a88] {
  background-color: #d9001b;
}
.Health .record-btn3[data-v-010b7a88] {
  background-color: #f59a23;
}
.Health .headerTitle[data-v-010b7a88] {
  margin: 35px 0 20px;
  position: relative;
  font-size: 18px;
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
}
.Health .headerTitle[data-v-010b7a88]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #0052cc;
}
.Health .info[data-v-010b7a88] {
  display: flex;
  justify-content: space-between;
}
.Health .info .infoImg[data-v-010b7a88] {
  display: flex;
  align-items: center;
}
.Health .info .infoImg .img[data-v-010b7a88] {
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
  height: 100px;
  margin-right: 20px;
}
.Health .info .infoImg .img img[data-v-010b7a88] {
  width: 100px;
}
.Health .info li p[data-v-010b7a88] {
  display: flex;
  margin: 15px 0;
  font-size: 18px;
}
.Health .info li p span[data-v-010b7a88] {
  margin-right: 20px;
}
.Health .assessBox[data-v-010b7a88] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.Health .assessBox li[data-v-010b7a88]:hover {
  cursor: pointer;
  background-color: #F5F7FA;
}
.Health .assessBox li[data-v-010b7a88] {
  min-width: 30%;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 12px 5px;
  border: 1px solid #E4E7ED;
}
.Health .assessBox li .textColor[data-v-010b7a88] {
  font-size: 28px;
}
.Health .assessBox li div[data-v-010b7a88] {
  margin: 0 10px;
  flex: 1;
  font-size: 12px;
}
.Health .assessBox li div h4[data-v-010b7a88] {
  font-size: 16px;
  font-weight: bold;
  color: #0052cc;
  padding-bottom: 5px;
}
.Health .list[data-v-010b7a88] {
  width: 100%;
  max-height: 550px;
  overflow-y: scroll;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 20px;
  box-sizing: border-box;
}
.Health .list .timelineCon .topCard[data-v-010b7a88] {
  display: flex;
  justify-content: space-between;
}
.Health .list .timelineCon .topCard .title[data-v-010b7a88] {
  display: flex;
  align-items: center;
  justify-content: start;
  color: #0052cc;
}
.Health .list .timelineCon .topCard .identifying[data-v-010b7a88] {
  padding: 2px 12px;
  border-radius: 12px;
  font-size: 13px;
  color: #fff;
  min-width: 40px;
  text-align: center;
}
.Health .list .timelineCon div[data-v-010b7a88] {
  display: flex;
  align-items: center;
}
.Health .list .timelineCon div span[data-v-010b7a88] {
  min-width: 50px;
  font-size: 16px;
  line-height: 30px;
}
.Health .list .timelineCon div[data-v-010b7a88]:nth-child(1) {
  border-bottom: 1px solid #dcdfe6;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.Health .list .timelineCon .imgBox[data-v-010b7a88] {
  display: flex;
}
.Health .list .timelineCon .imgBox > div[data-v-010b7a88] {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border: 1px solid #eee;
  margin: 10px;
}
.Health .list .timelineCon .imgBox img[data-v-010b7a88] {
  width: 120px;
}
.Health .list .timelineCon .fileBox[data-v-010b7a88] {
  display: flex;
}
.Health .list .timelineCon .fileBox span[data-v-010b7a88] {
  border: 1px solid #0052cc;
  padding: 0px 10px;
  cursor: pointer;
  color: #0052cc;
  border-radius: 6px;
  margin-top: 10px;
  margin-right: 10px;
}
/* 自测结果 */
.osas-result01[data-v-010b7a88] {
  max-width: 800px;
  margin: 0 auto 32px;
  padding: 32px;
  background: white;
  border-radius: 12px;
  border: 2px solid #bfdbfe;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.osas-result01 .osas-res-tit[data-v-010b7a88] {
  color: #0052CC;
  font-size: 28px;
}
.osas-result01 .osas-res-text[data-v-010b7a88] {
  color: #535353;
  font-size: 16px;
  margin-top: 30px;
}
.osas-result01 .osas-btn2[data-v-010b7a88] {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 0px 40px;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  background: linear-gradient(to right, #4c85db, #72a5f2);
  position: absolute;
  top: 30px;
  right: 30px;
}
.osas-result01 .progress[data-v-010b7a88] {
  width: 100%;
  height: 40px;
  background-color: #f2f2f2;
  margin-right: 20px;
  margin-top: 20px;
  display: inline-block;
  border-radius: 40px;
}
.osas-result01 .progress div[data-v-010b7a88] {
  width: 0;
  height: 40px;
  background-color: #8080ff;
  border-radius: 40px;
}
.osas-result01 .uls-box[data-v-010b7a88] {
  display: flex;
  justify-content: space-between;
  width: 96%;
  margin-left: 0%;
  margin-top: 20px;
}
.osas-result01 .uls-box .li[data-v-010b7a88] {
  color: #535353;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding-left: 3%;
  font-size: 14px;
}
.osas-result01 .uls-box .li .colo[data-v-010b7a88] {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}
@media (prefers-color-scheme: dark) {
.osas-result01[data-v-010b7a88] {
    background: #1f2937;
    border-color: #1e40af;
}
}
/* 结果卡片 */
.result-card[data-v-010b7a88] {
  max-width: 800px;
  margin: 32px auto;
  padding: 32px;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.result-card.low-risk[data-v-010b7a88] {
  background: linear-gradient(135deg, #e9e9ff 0%, #dedeff 100%);
  border: 2px solid #8e8eff;
}
.result-card.medium-risk[data-v-010b7a88] {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 2px solid #f59e0b;
}
.result-card.high-risk[data-v-010b7a88] {
  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
  border: 2px solid #ef4444;
}
.result-title[data-v-010b7a88] {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 16px;
  text-align: center;
}
.result-card.low-risk .result-title[data-v-010b7a88] {
  color: #7676ff;
}
.result-card.medium-risk .result-title[data-v-010b7a88] {
  color: #d97706;
}
.result-card.high-risk .result-title[data-v-010b7a88] {
  color: #dc2626;
}
.result-score[data-v-010b7a88] {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 12px;
  color: #374151;
}
@media (prefers-color-scheme: dark) {
.result-score[data-v-010b7a88] {
    color: #e5e7eb;
}
}
.result-description[data-v-010b7a88] {
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 24px;
  color: #4b5563;
}
@media (prefers-color-scheme: dark) {
.result-description[data-v-010b7a88] {
    color: #d1d5db;
}
}
.recommendations-title[data-v-010b7a88] {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 12px;
  color: #374151;
}
@media (prefers-color-scheme: dark) {
.recommendations-title[data-v-010b7a88] {
    color: #e5e7eb;
}
}
.recommendations-list[data-v-010b7a88] {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.recommendations-list li[data-v-010b7a88] {
  font-size: 15px;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 8px;
}
@media (prefers-color-scheme: dark) {
.recommendations-list li[data-v-010b7a88] {
    color: #d1d5db;
}
}

