/* 强制修复卡片布局 - 确保居中显示 */
.card-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 3rem 20px !important;
}

.card-wrap .row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 2.5rem !important;
  width: 100% !important;
  margin: 0 auto !important;
  grid-template-columns: none !important;
}

/* 清除所有grid相关设置 */
.card-wrap .row .card,
.card-wrap .row .card-b {
  grid-column: unset !important;
  grid-row: unset !important;
  grid-area: unset !important;
}

/* 小卡片样式 */
.card-wrap .row .card.col-lg-4,
.card-wrap .row .card {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 320px !important;
  min-width: 280px !important;
  margin: 0 !important;
}

/* 大卡片样式 */
.card-wrap .row .card-b.col-lg-6,
.card-wrap .row .card-b {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 500px !important;
  min-width: 400px !important;
  margin: 0 !important;
}

/* 最后一个卡片居中 */
.card-wrap .row .card:last-child {
  margin: 0 auto !important;
}

/* 响应式 */
@media (max-width: 1199px) {
  .card-wrap .row .card {
    max-width: 300px !important;
    min-width: 250px !important;
  }
  
  .card-wrap .row .card-b {
    max-width: 450px !important;
    min-width: 350px !important;
  }
}

@media (max-width: 768px) {
  .card-wrap .row {
    gap: 1.5rem !important;
  }
  
  .card-wrap .row .card,
  .card-wrap .row .card-b {
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
  }
}