.card-container.data-v-9c9e5aa4 {
  min-height: 100vh;
  background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
  padding-bottom: 40rpx;
}
.header.data-v-9c9e5aa4 {
  background: #ffffff;
  padding: 40rpx 30rpx;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}
.header .header-title.data-v-9c9e5aa4 {
  font-size: 40rpx;
  font-weight: bold;
  color: #1890ff;
}
.card-list.data-v-9c9e5aa4 {
  padding: 30rpx;
}
.card-item.data-v-9c9e5aa4 {
  background: #ffffff;
  border-radius: 20rpx;
  padding: 30rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
  transition: all 0.3s;
}
.card-item.data-v-9c9e5aa4:active {
  transform: scale(0.98);
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}
.card-header.data-v-9c9e5aa4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24rpx;
  padding-bottom: 20rpx;
  border-bottom: 2rpx solid #f0f0f0;
}
.card-id .label.data-v-9c9e5aa4 {
  font-size: 28rpx;
  color: #666666;
}
.card-id .value.data-v-9c9e5aa4 {
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
}
.status-badge.data-v-9c9e5aa4 {
  padding: 8rpx 20rpx;
  border-radius: 20rpx;
  font-size: 24rpx;
  font-weight: 500;
}
.status-badge.status-confirmed.data-v-9c9e5aa4 {
  background: #f6ffed;
  color: #52c41a;
  border: 2rpx solid #b7eb8f;
}
.status-badge.status-pending.data-v-9c9e5aa4 {
  background: #fff7e6;
  color: #fa8c16;
  border: 2rpx solid #ffd591;
}
.card-info.data-v-9c9e5aa4 {
  margin-bottom: 20rpx;
}
.info-row.data-v-9c9e5aa4 {
  display: flex;
  align-items: center;
  margin-bottom: 16rpx;
}
.info-row .info-label.data-v-9c9e5aa4 {
  font-size: 28rpx;
  color: #666666;
  min-width: 160rpx;
}
.info-row .info-value.data-v-9c9e5aa4 {
  font-size: 30rpx;
  color: #333333;
  font-weight: 500;
}
.card-footer.data-v-9c9e5aa4 {
  padding-top: 20rpx;
  border-top: 2rpx solid #f0f0f0;
}
.time-info.data-v-9c9e5aa4 {
  display: flex;
  align-items: center;
  margin-bottom: 12rpx;
}
.time-info .time-label.data-v-9c9e5aa4 {
  font-size: 24rpx;
  color: #999999;
  min-width: 140rpx;
}
.time-info .time-value.data-v-9c9e5aa4 {
  font-size: 26rpx;
  color: #666666;
}
.view-count.data-v-9c9e5aa4 {
  display: flex;
  align-items: center;
  margin-top: 8rpx;
}
.view-count .count-icon.data-v-9c9e5aa4 {
  font-size: 28rpx;
  margin-right: 8rpx;
}
.view-count .count-text.data-v-9c9e5aa4 {
  font-size: 24rpx;
  color: #999999;
}
.empty-state.data-v-9c9e5aa4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120rpx 0;
}
.empty-state .empty-icon.data-v-9c9e5aa4 {
  font-size: 120rpx;
  margin-bottom: 30rpx;
}
.empty-state .empty-text.data-v-9c9e5aa4 {
  font-size: 32rpx;
  color: #999999;
}
.loading-state.data-v-9c9e5aa4 {
  display: flex;
  justify-content: center;
  padding: 80rpx 0;
}
.loading-state .loading-text.data-v-9c9e5aa4 {
  font-size: 28rpx;
  color: #999999;
}