/* 长安花功能专属CSS文件 */

/* 封面主要内容 */
.coverpage-container {
  padding-top: 2rem;
  /* 背景色 */
  background-color: #f9f9f9;
  /* 高度 */
  min-height: 100vh;

  /* 左右padding为0 */
  padding-left: 0;
  padding-right: 0;
}

.paper-name-zone{
  /* 宽度占满父级 */
  width: 100%;
}
.icon-bg {
  /* 图标背景图片 */
  background-image: url('../../img/cbmath/exam.png');
  /* 容器的宽高 */
  width: 2rem;
  height: 2.4rem;
  /* 背景图片在容器中适应高度 */
  background-size: auto 100%;
  /* 背景图片不重复 */
  background-repeat: no-repeat;
  /* 背景图片居中 */
  background-position: center;
}


/* 底部操作栏样式 */
.bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  z-index: 100;
}

.start-btn {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 25px;
  /* 大圆角 */
  background-color: #00bfa5;
  /* 绿色按钮 */
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.start-btn:hover {
  background-color: #00a894;
}

/* start-btn点击效果 */
.start-btn:active {
  background-color: #009e87;
}

/* nav-button */
.nav-button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #00bfa5;
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.nav-button:hover {
  background-color: #00a894;
}

.nav-button:active {
  background-color: #009e87;
}

.nav-button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

.question-text {
  /* 题目文本的字体大小 */
  font-size: 0.8rem;
  /* 行高 */
  line-height: 1.5;
}

.option-item {
  /* 每个option-item加一个顶部边距 */
  margin-top: 1rem;
  /* 增加一个最低高度 */
  min-height: 2rem;
  
}
.option-item .option-text {
  /* 字号 */
    font-size: 1rem;
}


/* options-list 中最后一个option-item加一个底部边距 */
.options-list .option-item:last-child {
  margin-bottom: 1rem;
}



/* 诊断列表页的css */
.diagnosislist {
  /* 占据剩余空间 */
  flex: 1;
  /* 圆角 */
  border-radius: 0;
  background-color: var(--db-secondary);
  /* 内边距 */
  padding: 0.1rem 0.8rem;
  /* margin-top: 36px; */

}

.creattime{
  font-size: 0.6rem;
  color: var(--db-secondary-text);
  margin-top: 0.2rem;
}


/* 诊断报告页的css */
/* 诊断报告页面样式 */
.result-container {
    padding-top: 2rem;
    /* 高度 */
    min-height: 100vh;
  
    /* 左右padding为0 */
    padding-left: 0;
    padding-right: 0;
}


/* 报告头部样式 */
.report-header {
  padding: 2rem;
  /* 背景色是渐变 */
  background: linear-gradient(135deg, #02D586 0%, #0E4000 100%);
  /* 占据父级宽度 */
  width: 100%;
  /* 下方外边距 */
  margin-bottom: 0.5rem;
}

.report-header .report-title {
  font-size: 1.5rem;
  color: #ffffff;
  font-weight: 700;
}

.report-header .report-subtitle {
  color: #ffffff;
  font-size: 0.6rem;
  line-height: 1.6;
}

/* 统计卡片样式 */
.statistics {
  /* background: red; */
  /* 占满父级宽度 */
  width: 100%;
  /* 上下外边距 */
  margin: 0.5rem 0;
  /* 上下内边距 */
  padding: 0.5rem 0.5rem;
}

.stat-card {
  border: 0.2px solid #dee2e6;
  border-radius: 0.4rem;
  /* 上下内边距 */
  padding: 1.2rem 0.5rem;
}


.stat-value {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

.stat-value-color1 {
  color: #1975FF;
  font-weight: 600;
}

.stat-value-color2 {
  color: #34B780;
  font-weight: 600;
}

.stat-value-color3 {
  color: #FFBF00;
  font-weight: 600;
}

.stat-value-color4 {
  color: #DC3544;
  font-weight: 600;
}

.stat-label {
  font-size: 0.6rem;
  color: #6c757d;
  letter-spacing: 0.5px;
}

/* 情况概览卡片样式 */
.overview-card {
  /* background: red; */
  /* 占满父级宽度 */
  width: 100%;
  /* 高度自适应内容 */
  height: auto;
  /* 外边距 */
  margin: 0.5rem;
  /* 内边距 */
  padding: 0.5rem 1rem;
}

.overview-title {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #555555;
}

.overview-item {
  /* 边框 */
  border: 0.2px solid #dee2e6;
  /* 圆角 */
  border-radius: 0.4rem;
  /* 内边距 */
  padding: 1rem 1.2rem;
  /* 上边距 */
  margin-top: 0.5rem;
}


.item-title {
  font-size: 0.8rem;
  color: #333333;
  margin-bottom: 0.25rem;
}

.item-stats span {
  font-size: 0.6rem;
  color: #6c757d;
  margin-right: 0.4rem;
}

.status-text {
  /* 字号 */
  font-size: 1rem;
  /* 字重 */
  font-weight: 500;
}

.status-good {
  /* 良好颜色 */
  color: #1975FF;
  
}

.status-expert {
  /* 精通颜色 */
  color: #34B780;
  
}

.status-normal {
  /* 较弱颜色 */
  color: #fc7333;

}

.status-weak {
  /* 薄弱颜色 */
  color: #DC3544;
  
}

.item-status-label {
  font-size: 0.6rem;
  color: #6c757d;
}

.item-stats span {
  font-size: 0.6rem;
  color: #6c757d;
  margin-right: 0.4rem;
}



/* 知识板块样式 */
.advice-card {
  /* 占满父级宽度 */
  width: 100%;
  /* 高度自适应内容 */
  height: auto;
  /* 外边距 */
  margin: 0.5rem;
  /* 内边距 */
  padding: 0.5rem 1rem;
}

.advice-title {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #555555;
}

.knowledge-section {
  /* 边框 */
  border: 0.2px solid #dee2e6;
  /* 圆角 */
  border-radius: 0.4rem;
  /* 内边距 */
  padding: 1rem 1.2rem;
  /* 上边距 */
  margin-top: 0.5rem;
}

.expert-bg {
  background-color: #F0FFF9;
}

.good-bg {
  background-color: #F3F9FF;
}

.normal-bg {
  background-color: #fff9f5;
}

.weak-bg {
  background-color: #FFF5F5;
}

.knowledge-section-title {
  font-size: 0.8rem;
  font-weight: 600;
}

.knowledge-point-list {
  /* 上边距 */
  margin-top: 0.8rem;
}

.knowledge-point {
  /* 内边距 */
  padding: 0.1rem 0.5rem;
  /* 上边距 */
  margin-top: 0.8rem;
}

.knowledge-point:last-child {
  /* 下边距 */
  margin-bottom: 0.8rem;
}

.knowledge-point-toprow {
  /* 上边距 */
  margin-bottom: 0.3rem;
}

.knowledge-point-title {
  font-size: 0.7rem;
  color: #333333;
}

.potential-score-value {
  font-size: 0.8rem;
  font-weight: 600;
}

.potential-label {
  font-size: 0.7rem;
  color: #898989;
  margin-right: 0.4rem;
}

.knowledge-point-bottomrow span {
  font-size: 0.6rem;
  color: #6c757d;
  margin-right: 0.4rem;
}

.knowledge-point-bottomrow span:last-child {
  margin-right: 0;
}