sj-miniprogram/unpackage/dist/dev/mp-weixin/pages/assessment/result.wxss

.result-container.data-v-2ec20a98 {
  padding: 0 30rpx 30rpx;
  background-color: #f8f9fb;
  min-height: 100vh;
}

/* 导航栏 */
.nav-bar.data-v-2ec20a98 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 10rpx;
  margin-bottom: 16rpx;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #f8f9fb;
}
.nav-back.data-v-2ec20a98 {
  width: 64rpx;
  height: 64rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-back-icon.data-v-2ec20a98 {
  width: 40rpx;
  height: 40rpx;
}
.nav-title.data-v-2ec20a98 {
  font-size: 34rpx;
  font-weight: bold;
  color: #1A1A1A;
}
.nav-placeholder.data-v-2ec20a98 {
  width: 64rpx;
}
.status-card.data-v-2ec20a98 {
  background: #fff;
  border-radius: 20rpx;
  padding: 60rpx 40rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30rpx;
}

/* 结果图标样式 */
.result-icon-wrap.data-v-2ec20a98 {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30rpx;
}
.result-icon-wrap.pass.data-v-2ec20a98 {
  background-color: #52c41a;
}
.result-icon-wrap.fail.data-v-2ec20a98 {
  background-color: #ff4d4f;
}
.css-check.data-v-2ec20a98 {
  width: 50rpx;
  height: 25rpx;
  border-left: 6rpx solid #fff;
  border-bottom: 6rpx solid #fff;
  transform: rotate(-45deg);
  margin-top: -10rpx;
}
.css-cross.data-v-2ec20a98 {
  position: relative;
  width: 50rpx;
  height: 50rpx;
}
.css-cross.data-v-2ec20a98::before, .css-cross.data-v-2ec20a98::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 6rpx;
  background-color: #fff;
  border-radius: 3rpx;
}
.css-cross.data-v-2ec20a98::before {
  transform: rotate(45deg);
}
.css-cross.data-v-2ec20a98::after {
  transform: rotate(-45deg);
}
.status-title.data-v-2ec20a98 {
  font-size: 34rpx;
  font-weight: bold;
  margin-bottom: 50rpx;
}
.action-btns.data-v-2ec20a98 {
  display: flex;
  width: 100%;
  gap: 20rpx;
}
.btn-retry.data-v-2ec20a98 {
  flex: 1;
  background: #e8f0ff;
  color: #2b5cff;
  border-radius: 40rpx;
  font-size: 28rpx;
  height: 80rpx;
  line-height: 80rpx;
}
.btn-report.data-v-2ec20a98 {
  flex: 1;
  background: #2b5cff;
  color: #fff;
  border-radius: 40rpx;
  font-size: 28rpx;
  height: 80rpx;
  line-height: 80rpx;
}
.chart-card.data-v-2ec20a98 {
  background: #fff;
  border-radius: 20rpx;
  padding: 30rpx;
  margin-bottom: 30rpx;
}
.card-title.data-v-2ec20a98 {
  font-size: 30rpx;
  font-weight: bold;
  margin-bottom: 30rpx;
}
.ability-list.data-v-2ec20a98 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20rpx;
}
.ability-item.data-v-2ec20a98 {
  padding: 20rpx;
  background: #f8f9fb;
  border-radius: 12rpx;
  display: flex;
  flex-direction: column;
  gap: 10rpx;
}
.ability-item .name.data-v-2ec20a98 {
  font-size: 26rpx;
  color: #666;
}
.score-wrap.data-v-2ec20a98 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.score.data-v-2ec20a98 {
  font-size: 32rpx;
  font-weight: bold;
}
.score.pass.data-v-2ec20a98 {
  color: #52c41a;
}
.score.fail.data-v-2ec20a98 {
  color: #ff4d4f;
}
.status-symbol.data-v-2ec20a98 {
  font-size: 28rpx;
  font-weight: bold;
}
.status-symbol.pass.data-v-2ec20a98 {
  color: #52c41a;
}
.status-symbol.fail.data-v-2ec20a98 {
  color: #ff4d4f;
}
.training-recommend.data-v-2ec20a98 {
  margin-top: 40rpx;
}
.section-title.data-v-2ec20a98 {
  font-size: 32rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}

/* 培训卡片样式 - 同首页 */
.training-card.data-v-2ec20a98 {
  background: #FFF;
  border-radius: 32rpx;
  padding: 32rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.03);
}
.training-card .t-title.data-v-2ec20a98 {
  font-size: 32rpx;
  font-weight: bold;
  color: #1A1A1A;
  line-height: 1.4;
  display: block;
  margin-bottom: 20rpx;
}
.tag-row.data-v-2ec20a98 {
  display: flex;
  gap: 10rpx;
  margin: 12rpx 0;
}
.tag-badge.data-v-2ec20a98 {
  font-size: 20rpx;
  color: #999;
  background: #F5F7FA;
  padding: 6rpx 14rpx;
  border-radius: 6rpx;
}
.tag-badge.type-tag.data-v-2ec20a98 {
  color: #1F6CFF;
  background: rgba(31, 108, 255, 0.08);
}
.tag-badge.category-tag.data-v-2ec20a98 {
  color: #FF9500;
  background: rgba(255, 149, 0, 0.08);
}
.info-list.data-v-2ec20a98 {
  margin-top: 24rpx;
  display: flex;
  flex-direction: column;
  gap: 16rpx;
}
.info-item.data-v-2ec20a98 {
  display: flex;
  align-items: center;
}
.i-icon.data-v-2ec20a98 {
  width: 28rpx;
  height: 28rpx;
  margin-right: 16rpx;
  opacity: 0.5;
}
.i-text.data-v-2ec20a98 {
  font-size: 26rpx;
  color: #666;
}