/* 余额充值 */
.balance-header {
  margin-top: 24rpx;
  background: linear-gradient(135deg, #00b578, #00d68f);
  color: #fff;
  padding: 32rpx 24rpx;
}
.balance-label {
  font-size: 26rpx; opacity: 0.9;
}
.balance-num {
  font-size: 56rpx; font-weight: 800; margin-top: 8rpx;
}
.tabs {
  display: flex; margin: 24rpx 24rpx 0;
  background: #fff; border-radius: var(--radius); overflow: hidden;
}
.tab {
  flex: 1; text-align: center; padding: 24rpx 0;
  font-size: 28rpx; color: var(--gray-3);
  border-bottom: 4rpx solid transparent;
}
.tab-active {
  color: var(--primary); font-weight: 700;
  border-bottom-color: var(--primary);
}
.rech-grid {
  display: flex; flex-wrap: wrap; justify-content: space-between;
  padding: 0 24rpx; margin-top: 24rpx;
}
.rech-item {
  width: 342rpx; margin: 0 0 16rpx; padding: 24rpx;
  text-align: center; position: relative;
}
.rech-amount {
  font-size: 40rpx; font-weight: 800; color: var(--danger);
}
.rech-name { font-size: 26rpx; color: var(--gray-3); margin-top: 8rpx; }
.rech-give { font-size: 22rpx; color: var(--warning); margin-top: 8rpx; }
.rech-btn { margin-top: 20rpx; }
.rech-order { padding: 20rpx 24rpx; border-bottom: 1rpx solid var(--gray-7); }
.ro-top { display: flex; justify-content: space-between; font-size: 26rpx; }
.ro-status { color: var(--success); }
.ro-sub { display: flex; justify-content: space-between; margin-top: 8rpx; font-size: 24rpx; color: var(--gray-4); }
