.nav-back {
  position: absolute;
  left: 32rpx;
  font-size: 30rpx;
  color: #ffffff;
}

.section-title {
  font-size: 28rpx;
  margin-top: 40rpx;
}

/* care function cards */
.func-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20rpx;
}

.func-card {
  width: calc(50% - 10rpx);
  box-sizing: border-box;
  padding: 28rpx 24rpx;
  background: #ffffff;
  border: 4rpx solid #e5e5e5;
  border-radius: 24rpx;
}

.func-card.active {
  background: #fdf2f8;
}

.func-dot {
  width: 40rpx;
  height: 40rpx;
  border-radius: 50%;
  margin-bottom: 16rpx;
}

.func-name {
  font-size: 30rpx;
  font-weight: 600;
  color: #333333;
  margin-bottom: 6rpx;
}

.func-wl {
  font-size: 24rpx;
  margin-bottom: 10rpx;
}

.func-benefit {
  font-size: 22rpx;
  color: #999999;
  line-height: 1.5;
}

/* region checkbox grid */
.region-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20rpx;
  justify-content: center;
}

.region-chip {
  min-width: 140rpx;
  padding: 20rpx 0;
  text-align: center;
  border: 4rpx solid #e5e5e5;
  border-radius: 16rpx;
  font-size: 26rpx;
  color: #999999;
  flex: 1 1 26%;
}

.region-chip.active {
  border-color: #E6508C;
  background: rgba(230, 80, 140, 0.12);
  color: #E6508C;
}

/* duration segmented control */
.segmented {
  display: flex;
  gap: 20rpx;
}

.segment {
  flex: 1;
  padding: 24rpx 0;
  text-align: center;
  border: 4rpx solid #e5e5e5;
  border-radius: 16rpx;
  font-size: 28rpx;
  color: #666666;
}

.segment.active {
  border-color: #E6508C;
  background: #fdf2f8;
  color: #E6508C;
  font-weight: 600;
}

.safety-tip {
  margin: 32rpx 0 24rpx;
  padding: 20rpx 24rpx;
  background: #fff7e6;
  border-radius: 16rpx;
  font-size: 24rpx;
  color: #ad6800;
  line-height: 1.6;
}

.error-text {
  text-align: center;
  color: #ff4d4f;
  font-size: 26rpx;
  margin-top: 16rpx;
}

.btn-primary::after {
  border: none;
}
