.hero {
  padding: 34rpx 0 28rpx;
}

.eyebrow {
  display: block;
  color: #d8a84e;
  font-size: 22rpx;
  font-weight: 800;
  letter-spacing: 0;
}

.title {
  display: block;
  margin-top: 10rpx;
  font-size: 52rpx;
  font-weight: 800;
  color: #f2e9d8;
}

.subtitle {
  display: block;
  margin-top: 16rpx;
  font-size: 28rpx;
  line-height: 1.6;
  color: #9db0b4;
}

.guide {
  margin-top: 8rpx;
}

.guide-title,
.guide-line {
  display: block;
}

.guide-title {
  font-weight: 700;
  margin-bottom: 14rpx;
}

.guide-line {
  color: #9db0b4;
  line-height: 1.8;
}

.section-label {
  margin-top: 28rpx;
  font-size: 28rpx;
  font-weight: 800;
}

.side-picker {
  display: flex;
  gap: 16rpx;
  margin: 16rpx 0 10rpx;
}

.side {
  flex: 1;
  height: 72rpx;
  line-height: 72rpx;
  padding: 0;
  font-size: 26rpx;
  color: #9db0b4;
  background: rgba(16, 25, 28, 0.92);
  border: 1rpx solid rgba(242, 233, 216, 0.12);
  border-radius: 12rpx;
}

.side.active {
  color: #06100e;
  background: #00e0b8;
  border-color: #00e0b8;
}

.side-note {
  display: block;
  margin-bottom: 24rpx;
  font-size: 24rpx;
  line-height: 1.6;
}

.preview {
  width: 100%;
  height: 520rpx;
  border-radius: 16rpx;
  margin-bottom: 24rpx;
  background: #10191c;
  border: 1rpx solid rgba(0, 224, 184, 0.24);
}

.action {
  margin-top: 20rpx;
}

.legal {
  display: block;
  margin-top: 28rpx;
  font-size: 24rpx;
  line-height: 1.6;
  text-align: center;
}