/* 资金明细页增强样式（独立于编译 chunk，便于调样式） */
.data-rec-page .dr-balance-card {
  margin: 20rpx 24rpx 16rpx;
  padding: 36rpx 30rpx 32rpx;
  border-radius: 24rpx;
  background: linear-gradient(135deg, #3c9cff 0%, #2989ff 55%, #1f6fe0 100%);
  box-shadow: 0 12rpx 36rpx rgba(41, 137, 255, 0.35);
  text-align: center;
  color: #fff;
}

.data-rec-page .dr-balance-label {
  display: block;
  font-size: 26rpx;
  opacity: 0.92;
  letter-spacing: 1rpx;
}

.data-rec-page .dr-balance-amount {
  display: block;
  margin-top: 12rpx;
  font-size: 56rpx;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.12);
}

.data-rec-page .dr-balance-tip {
  display: block;
  margin-top: 10rpx;
  font-size: 22rpx;
  opacity: 0.82;
}

.data-rec-page .dr-summary-box {
  margin: 0 24rpx 16rpx;
  padding: 24rpx 24rpx 20rpx;
  border-radius: 20rpx;
  background: #fff;
  box-shadow: 0 4rpx 20rpx rgba(15, 23, 42, 0.06);
}

.data-rec-page .dr-summary-title {
  display: block;
  font-size: 24rpx;
  color: #999;
  margin-bottom: 18rpx;
}

.data-rec-page .dr-summary-row {
  display: flex;
  gap: 16rpx;
}

.data-rec-page .dr-stat-card {
  flex: 1;
  border-radius: 16rpx;
  padding: 22rpx 16rpx;
  text-align: center;
}

.data-rec-page .dr-stat-card.income {
  background: linear-gradient(180deg, #f0faf0 0%, #e8f7e8 100%);
  border: 1rpx solid #c8e6c9;
}

.data-rec-page .dr-stat-card.expense {
  background: linear-gradient(180deg, #fff5f5 0%, #ffeded 100%);
  border: 1rpx solid #ffcdd2;
}

.data-rec-page .dr-stat-label {
  display: block;
  font-size: 24rpx;
  color: #666;
  margin-bottom: 8rpx;
}

.data-rec-page .dr-stat-value {
  display: block;
  font-size: 34rpx;
  font-weight: 700;
}

.data-rec-page .dr-stat-card.income .dr-stat-value {
  color: #43a047;
}

.data-rec-page .dr-stat-card.expense .dr-stat-value {
  color: #e53935;
}

.data-rec-page .tab-container {
  margin: 0 24rpx;
  border-radius: 16rpx;
  overflow: hidden;
  box-shadow: 0 2rpx 12rpx rgba(15, 23, 42, 0.05);
}

.data-rec-page .tab-item.active .tab-text {
  color: #2989ff !important;
  font-weight: 600 !important;
}

.data-rec-page .tab-item.active::after {
  background-color: #2989ff !important;
}

.data-rec-page .date-range {
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

.data-rec-page .detail-item {
  margin: 0 24rpx 12rpx;
  border-radius: 16rpx;
  border-bottom: none !important;
  box-shadow: 0 2rpx 10rpx rgba(15, 23, 42, 0.04);
}

.data-rec-page .amount-income {
  color: #43a047 !important;
}

.data-rec-page .amount-expense {
  color: #e53935 !important;
}