/* coupons.wxss */
.tabs {
  display: flex;
  padding: 8rpx;
  margin-bottom: 16rpx;
}

.tab-item {
  flex: 1;
  text-align: center;
  padding: 16rpx 0;
  font-size: 30rpx;
  color: #5f6368;
  border-radius: 8rpx;
  transition: all 0.2s;
}

.tab-item.active {
  background: #1a73e8;
  color: #ffffff;
  font-weight: 600;
}

.filter-tabs {
  display: flex;
  gap: 12rpx;
  overflow-x: auto;
  white-space: nowrap;
}

.filter-tab {
  flex-shrink: 0;
  padding: 12rpx 24rpx;
  border-radius: 32rpx;
  font-size: 26rpx;
  background: #ffffff;
  color: #5f6368;
  border: 1rpx solid #e8eaed;
}

.filter-tab.active {
  background: #1a73e8;
  color: #ffffff;
  border-color: #1a73e8;
}

.coupon-card {
  margin-bottom: 16rpx;
  padding: 28rpx 32rpx;
}

.used-coupon {
  opacity: 0.6;
}

.coupon-amount {
  display: flex;
  align-items: baseline;
  min-width: 120rpx;
  justify-content: center;
}

.amount-value {
  font-size: 52rpx;
  font-weight: 700;
  color: #ea4335;
}

.amount-unit {
  font-size: 28rpx;
  color: #ea4335;
  margin-left: 4rpx;
}

.used-coupon .amount-value,
.used-coupon .amount-unit {
  color: #999999;
}

.coupon-status {
  font-size: 24rpx;
  font-weight: 500;
}