xingque/styles/shangjia-xym-form.wxss

/* 商家发单页 - 逍遥梦 addorder 风格（常规单/自定义单共用） */

.sj-form-page,
.page.sj-form-theme,
.page-container.sj-form-theme {
  min-height: 100vh;
  padding: 24rpx;
  padding-bottom: 160rpx;
  box-sizing: border-box;
  background: linear-gradient(180deg, #f7dc51 0%, #fff8e1 18%, #fff8e1 100%);
}

.sj-form-theme .balance-card {
  background: #fef6d4 !important;
  border-radius: 26rpx !important;
  padding: 28rpx 24rpx !important;
  margin-bottom: 20rpx !important;
  text-align: center !important;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06) !important;
  border: none !important;
  backdrop-filter: none !important;
  position: relative !important;
  overflow: visible !important;
}

.sj-form-theme .balance-card::before {
  display: none !important;
}

.sj-form-theme .balance-label {
  font-size: 26rpx !important;
  color: #666 !important;
}

.sj-form-theme .balance-value,
.sj-form-theme .amount-value {
  font-size: 48rpx !important;
  font-weight: 700 !important;
  color: #222 !important;
  text-shadow: none !important;
  animation: none !important;
}

.sj-form-theme .balance-unit,
.sj-form-theme .amount-unit {
  font-size: 28rpx !important;
  color: #666 !important;
}

.sj-form-theme .balance-tip {
  font-size: 22rpx !important;
  color: #999 !important;
}

.sj-form-theme .balance-row,
.sj-form-theme .balance-amount {
  justify-content: center !important;
}

.sj-form-theme .card,
.sj-form-theme .section {
  background: #fdfcfa !important;
  border-radius: 20rpx !important;
  padding: 24rpx !important;
  margin-bottom: 20rpx !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
  border: none !important;
}

.sj-form-theme .card-header,
.sj-form-theme .section-title {
  margin-bottom: 16rpx !important;
  padding-left: 0 !important;
  border-left: none !important;
  text-shadow: none !important;
}

.sj-form-theme .card-dot {
  background: #ffd061 !important;
}

.sj-form-theme .card-title,
.sj-form-theme .section-title {
  font-size: 30rpx !important;
  font-weight: 700 !important;
  color: #222 !important;
}

.sj-form-theme .type-chip,
.sj-form-theme .type-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12rpx 24rpx !important;
  margin-right: 16rpx !important;
  border-radius: 30rpx !important;
  background: #f5f5f5 !important;
  border: none !important;
  font-size: 26rpx !important;
  color: #666 !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  height: auto !important;
  min-height: 64rpx !important;
}

.sj-form-theme .type-chip--active,
.sj-form-theme .type-active {
  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
  color: #492f00 !important;
  font-weight: 700 !important;
  border: none !important;
  transform: none !important;
  box-shadow: 0 4rpx 12rpx rgba(255, 208, 97, 0.45) !important;
}

.sj-form-theme .type-text {
  color: inherit !important;
}

.sj-form-theme .field {
  padding: 20rpx 0 !important;
  border-bottom: 1rpx dashed #eee !important;
}

.sj-form-theme .field-label {
  font-size: 28rpx !important;
  color: #333 !important;
}

.sj-form-theme .field-input {
  font-size: 28rpx !important;
  color: #333 !important;
  background: transparent !important;
}

.sj-form-theme .field-required {
  color: #f00 !important;
}

.sj-form-theme .field-hint,
.sj-form-theme .field-optional {
  color: #999 !important;
  font-size: 22rpx !important;
}

.sj-form-theme .field-picker {
  background: #f5f5f5 !important;
  border-radius: 12rpx !important;
  color: #333 !important;
}

.sj-form-theme .price-prefix {
  color: #333 !important;
}

.sj-form-theme .price-input {
  color: #333 !important;
}

.sj-form-theme .submit-btn {
  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
  color: #492f00 !important;
  border-radius: 44rpx !important;
  font-weight: 700 !important;
  box-shadow: 0 6rpx 16rpx rgba(255, 208, 97, 0.45) !important;
}

.sj-form-theme .submit-bar {
  background: rgba(255, 255, 255, 0.96) !important;
  border-top: 1rpx solid #eee !important;
}

.sj-form-theme switch {
  color: #ffd061 !important;
}

.sj-form-theme .search-section {
  margin-bottom: 20rpx !important;
}

.sj-form-theme .search-box {
  background: #fff !important;
  border: 1rpx solid #eee !important;
  border-radius: 50rpx !important;
  box-shadow: none !important;
}

.sj-form-theme .search-input {
  color: #333 !important;
}

.sj-form-theme .search-icon {
  color: #999 !important;
}

.sj-form-theme .search-btn {
  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
  box-shadow: none !important;
}

.sj-form-theme .search-btn-text {
  color: #492f00 !important;
}

.sj-form-theme .filter-row,
.sj-form-theme .filter-item {
  color: #666 !important;
}

.sj-form-theme .filter-input,
.sj-form-theme .picker-view {
  background: #f5f5f5 !important;
  color: #333 !important;
  border-radius: 8rpx !important;
}

.sj-form-theme .template-card {
  background: #fdfcfa !important;
  border: 1rpx solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 20rpx !important;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06) !important;
}

.sj-form-theme .intro-text,
.sj-form-theme .template-price-label,
.sj-form-theme .template-price-value {
  color: #333 !important;
}

.sj-form-theme .generate-grid-btn,
.sj-form-theme .copy-grid-btn,
.sj-form-theme .action-grid-btn {
  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
  color: #492f00 !important;
  border: 2rpx solid #fff !important;
  box-shadow: none !important;
}

.sj-form-theme .template-section,
.sj-form-theme .template-scroll {
  background: transparent !important;
}

.sj-form-theme .empty-tip,
.sj-form-theme .loading-text {
  color: #999 !important;
}

.sj-form-theme .tutorial-btn {
  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
  color: #492f00 !important;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1) !important;
}