/* 打手充值页 - 逍遥梦风格视觉覆盖（不改 wxml/逻辑） */

.page-container {
  background: linear-gradient(180deg, #f7dc51 0%, #fff 22%, #fff8e1 100%) !important;
}

.page-container::before {
  display: none !important;
}

.vip-section {
  background: transparent !important;
}

.section-header .dec-text,
.section-subtitle {
  color: #492f00 !important;
}

.dec-line,
.dec-diamond {
  background: #ffd061 !important;
}

.vip-card {
  background: #fdfcfa !important;
  border: 2rpx solid rgba(255, 208, 97, 0.5) !important;
  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08) !important;
}

.vip-card.active {
  border-color: #ffd061 !important;
  box-shadow: 0 8rpx 28rpx rgba(255, 208, 97, 0.35) !important;
}

.card-frame,
.frame-corner,
.frame-line {
  display: none !important;
}

.vip-title .title-text,
.vip-price .price-number,
.detail-title .title-text {
  color: #222 !important;
}

.vip-price .price-symbol,
.vip-price .price-unit {
  color: #666 !important;
}

.feature-text {
  color: #666 !important;
}

.vip-detail {
  background: #fdfcfa !important;
  border-radius: 20rpx !important;
  margin: 0 24rpx !important;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06) !important;
}

.detail-text,
.rule-text {
  color: #666 !important;
}

.tech-buy-btn,
.tech-btn,
.modal-btn.confirm-btn {
  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
  border: 2rpx solid #fff !important;
  border-radius: 44rpx !important;
  box-shadow: 0 4rpx 12rpx rgba(180, 130, 20, 0.25) !important;
}

.buy-btn-text,
.btn-text,
.tech-btn .btn-text {
  color: #492f00 !important;
}

.buy-btn-bg,
.buy-btn-glow,
.btn-bg,
.btn-glow,
.btn-energy,
.btn-shine,
.btn-sparkle {
  display: none !important;
}

.tech-grid {
  flex-wrap: wrap !important;
}

.tech-card {
  background: #fdfcfa !important;
  border: none !important;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06) !important;
  min-height: 240rpx !important;
}

.tech-card::before {
  display: none !important;
}

.card-title .title-text,
.amount-number,
.jifen-value {
  color: #222 !important;
}

.amount-unit,
.amount-symbol,
.jifen-label,
.footer-text,
.empty-text {
  color: #666 !important;
}

.huiyuan-tag,
.tech-tag {
  background: #fef6d4 !important;
  border: 1rpx solid rgba(255, 208, 97, 0.4) !important;
}

.tag-name {
  color: #492f00 !important;
}

.tag-time {
  color: #999 !important;
}

.tech-line {
  background: linear-gradient(90deg, transparent, #ffd061, transparent) !important;
}

.tech-modal .modal-container {
  background: #fdfcfa !important;
  border: none !important;
  box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.12) !important;
}

.modal-corner {
  display: none !important;
}

.modal-title {
  color: #222 !important;
}

.modal-subtitle,
.input-tip,
.detail-label {
  color: #666 !important;
}

.modal-btn.cancel-btn {
  background: #f5f5f5 !important;
  color: #666 !important;
}

.yajin-input {
  color: #222 !important;
}

.quick-btn {
  background: #fef6d4 !important;
  border: 2rpx solid rgba(255, 208, 97, 0.4) !important;
}

.quick-btn.active {
  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
  border-color: #ffd061 !important;
}

.quick-text {
  color: #492f00 !important;
}

.pay-method-item {
  background: #fef6d4 !important;
  border-radius: 16rpx !important;
}

.method-name {
  color: #222 !important;
}

.method-desc {
  color: #999 !important;
}

.tech-loading .loading-backdrop {
  background: rgba(255, 248, 225, 0.85) !important;
}

.loading-text,
.loading-subtext {
  color: #666 !important;
}

.spinner-ring {
  border-color: rgba(255, 208, 97, 0.3) !important;
  border-top-color: #ffd061 !important;
}

.tech-footer .footer-text {
  color: #999 !important;
}
