.ui-card {
  background: var(--card-bg, #FFFFFF);
  border-radius: 24rpx;
  padding: 32rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}

.ui-card--flush {
  padding: 0;
}

/* Soft variant: subtle background tint, no shadow */
.ui-card.soft {
  background: rgba(var(--primary-rgb, 255, 107, 53), 0.04);
  box-shadow: none;
  border-radius: 20rpx;
}

/* Staggered entrance animation */
.ui-card.in {
  animation: uiCardIn 0.45s ease both;
}

.ui-card.in:nth-child(1) { animation-delay: 0.05s; }
.ui-card.in:nth-child(2) { animation-delay: 0.15s; }
.ui-card.in:nth-child(3) { animation-delay: 0.25s; }
.ui-card.in:nth-child(4) { animation-delay: 0.35s; }

@keyframes uiCardIn {
  from { opacity: 0; transform: translateY(40rpx); }
  to   { opacity: 1; transform: translateY(0); }
}