LinHelp/miniapp/miniprogram/pages/group-buy/detail.wxss

.detail-page {
  padding-bottom: 60rpx;
}

.detail-hero {
  overflow: hidden;
  margin-bottom: 18rpx;
  background: #ffffff;
  border: 1rpx solid #e4eaf0;
  border-radius: 16rpx;
  box-shadow: 0 8rpx 24rpx rgba(20, 36, 58, 0.05);
}

.detail-cover {
  width: 100%;
  height: 360rpx;
}

.detail-info {
  padding: 26rpx;
}

.detail-title {
  margin-top: 14rpx;
  color: #111827;
  font-size: 40rpx;
  font-weight: 900;
  line-height: 1.2;
}

.detail-price {
  margin-top: 16rpx;
  color: #c2410c;
  font-size: 44rpx;
  font-weight: 900;
}

.origin-price {
  margin-bottom: 12rpx;
  color: #94a3b8;
  font-size: 24rpx;
  text-decoration: line-through;
}

.delivery-panel {
  padding: 22rpx;
  margin-bottom: 18rpx;
  background: #eff6ff;
  border: 1rpx solid #bfdbfe;
  border-radius: 16rpx;
}

.panel-label {
  color: #1d4ed8;
  font-size: 22rpx;
  font-weight: 800;
}

.panel-value {
  margin: 8rpx 0;
  color: #111827;
  font-size: 30rpx;
  font-weight: 800;
}

.purchase-card {
  margin-bottom: 20rpx;
}

.form-title {
  margin-bottom: 20rpx;
}

.radio-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12rpx;
  margin-bottom: 20rpx;
}

.radio {
  min-height: 72rpx;
  display: flex;
  align-items: center;
  padding: 0 14rpx;
  color: #334155;
  background: #f8fafc;
  border: 1rpx solid #e2e8f0;
  border-radius: 14rpx;
  font-size: 24rpx;
}