.share-card {
  background: linear-gradient(160deg, #1e3a8a 0%, #3b82f6 55%, #93c5fd 100%);
  color: #fff;
  border-radius: calc(32 * var(--rpx));
  padding: calc(40 * var(--rpx)) calc(36 * var(--rpx));
  box-shadow: 0 12px 32px rgba(30, 58, 138, 0.28);
}
.share-card-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: calc(16 * var(--rpx));
}
.share-card-name {
  font-size: calc(40 * var(--rpx));
  font-weight: 700;
}
.share-card-count {
  font-size: calc(24 * var(--rpx));
  opacity: 0.92;
  white-space: nowrap;
}
.share-card-saved {
  margin-top: calc(24 * var(--rpx));
  font-size: calc(32 * var(--rpx));
  font-weight: 700;
}
.share-card-cared-title {
  margin-top: calc(28 * var(--rpx));
  font-size: calc(24 * var(--rpx));
  opacity: 0.88;
}
.share-group {
  margin-top: calc(16 * var(--rpx));
  background: rgba(255, 255, 255, 0.14);
  border-radius: calc(16 * var(--rpx));
  padding: calc(16 * var(--rpx)) calc(20 * var(--rpx));
}
.share-group-platform {
  font-weight: 700;
  font-size: calc(26 * var(--rpx));
}
.share-group-benefits {
  margin-top: calc(8 * var(--rpx));
  font-size: calc(24 * var(--rpx));
  line-height: 1.5;
  opacity: 0.95;
}
.share-actions {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--rpx));
  margin-top: calc(24 * var(--rpx));
}
.share-actions .btn,
.share-actions .btn-outline {
  margin: 0;
}