/* ===== 页面 ===== */
.apply-page {
  min-height: 100vh;
  background: #f5f7fa;
}

.openid-row {
  display: flex;
  justify-content: flex-end;
  padding: 8rpx 32rpx 0;
  box-sizing: border-box;
}

.openid-mini-btn {
  margin: 0 !important;
  padding: 0 20rpx !important;
  height: 56rpx !important;
  line-height: 56rpx !important;
  font-size: 22rpx !important;
  color: #1a56db !important;
  background: rgba(26, 86, 219, 0.08) !important;
  border: none !important;
  border-radius: 28rpx !important;
}

.openid-mini-btn::after {
  border: none;
}

.scroll {
  height: calc(100vh - 88rpx);
  padding: 24rpx 32rpx 0;
  box-sizing: border-box;
}

/* ===== 未登录 ===== */
.not-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 200rpx;
  gap: 32rpx;
}

.not-login-tip {
  font-size: 28rpx;
  color: #999;
}

.go-login-btn {
  background: #1a56db;
  color: #fff;
  border-radius: 48rpx;
  font-size: 30rpx;
  padding: 0 64rpx;
}

/* ===== 项目卡片 ===== */
.project-card {
  background: #ffffff;
  border-radius: 24rpx;
  padding: 32rpx 32rpx 28rpx;
  margin-bottom: 24rpx;
}

.project-head {
  display: flex;
  align-items: center;
  gap: 16rpx;
  margin-bottom: 24rpx;
}

.project-tag {
  background: #1a56db;
  color: #ffffff;
  font-size: 22rpx;
  font-weight: 600;
  padding: 6rpx 18rpx;
  border-radius: 22rpx 10rpx ;
  padding-left: 22rpx;
  white-space: nowrap;
  flex-shrink: 0;
}

.project-name {
  font-size: 32rpx;
  font-weight: 700;
  color: #1a1a1a;
}

.divider {
  height: 1rpx;
  background: #f0f0f0;
  margin-bottom: 28rpx;
}

/* ===== 组别标签 ===== */
.group-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 20rpx;
}

.group-tag {
  background: #f0f4ff;
  border: 2rpx solid transparent;
  border-radius: 48rpx;
  padding: 14rpx 28rpx;
  font-size: 26rpx;
  color: #555;
  transition: all 0.2s;
}

.group-tag.selected {
  background: #1a56db;
  color: #ffffff;
  border-color: #1a56db;
}

/* ===== 优惠券 ===== */
.coupon-row {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 24rpx;
  padding: 0 32rpx;
  height: 96rpx;
  margin-bottom: 24rpx;
}

.coupon-input {
  flex: 1;
  font-size: 28rpx;
  color: #333;
  height: 96rpx;
}

.coupon-placeholder {
  color: #c0c4cc;
  font-size: 28rpx;
}

.coupon-btn {
  flex-shrink: 0;
  background: #1a56db;
  color: #ffffff;
  font-size: 26rpx;
  padding: 0 32rpx;
  height: 72rpx;
  line-height: 72rpx;
  border-radius: 36rpx;
  margin-left: 24rpx;
}

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

/* ===== 金额显示区域 ===== */
.price-section {
  background: #ffffff;
  border-radius: 24rpx;
  padding: 32rpx;
  margin-bottom: 24rpx;
}

.price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rpx;
}

.price-row.total {
  margin-bottom: 0;
  padding-top: 20rpx;
  border-top: 1rpx solid #f0f0f0;
}

.price-label {
  font-size: 28rpx;
  color: #666;
}

.original-price {
  font-size: 28rpx;
  color: #999;
  text-decoration: line-through;
}

.discount-price {
  font-size: 28rpx;
  color: #e53935;
  font-weight: 600;
}

.total-price {
  font-size: 36rpx;
  color: #1a56db;
  font-weight: 700;
}

/* ===== 底部按钮栏 ===== */
.bottom-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24rpx 32rpx;
  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
  background: #f5f7fa;
  display: flex;
  gap: 24rpx;
}

.btn-offline,
.btn-online {
  flex: 1;
  height: 96rpx;
  line-height: 96rpx;
  border-radius: 48rpx;
  font-size: 32rpx;
  font-weight: 600;
  border: none;
  letter-spacing: 2rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16rpx;
}

.btn-offline {
  background: #1a56db;
  color: #ffffff;
}

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

.btn-online {
  background: #07c160;
  color: #ffffff;
}

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

.price-display {
  display: flex;
  align-items: baseline;
  gap: 8rpx;
}

.small-price {
  font-size: 24rpx;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: line-through;
}

.main-price {
  font-size: 34rpx;
  font-weight: 700;
}

.btn-text {
  font-size: 28rpx;
}