/* ===== 原有规则（不动） ===== */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #f7f7f7;
}
.navbar-brand {
  font-weight: 700;
  font-size: 1.25rem;
}
.carousel-caption {
  background: rgba(0, 0, 0, 0.45);
  border-radius: 0.5rem;
}
.card {
  height: 100%;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
footer {
  background: #fff !important;
}

/* ===== Patch 2 新增（对齐 + 圆角 + 悬停 + 价格红） ===== */
/* 与轮播同宽居中 */
.container-1200 {
  max-width: 1200px;
  margin: 0 auto;
}

/* 圆角 20 */
.rounded-20 {
  border-radius: 20px !important;
}

/* 柔和阴影 */
.shadow-sm {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

/* 分类按钮圆角 */
.btn-rounded {
  border-radius: 50rem !important;
}

/* 激活状态高亮 */
#home-cats .active {
  background: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
}

/* 商品卡片悬停抬升 */
.goods-card {
  transition: transform .2s;
}
.goods-card:hover {
  transform: translateY(-4px);
}

/* 价格红色突出 */
.price-red {
  color: #e55353 !important;
  font-weight: 700;
}

/* ===== 新增规则 ===== */
/* 优势区块卡片样式 */
.advantage-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  margin-top: -40px; /* 调整间距 */
}
.advantage-card {
  width: 48%; /* 每个卡片宽度 */
  margin-bottom: 1rem; /* 卡片底部外边距 */
}
/* 手机端（小于768px）隐藏优势模块 */
@media (max-width: 767px) {
  .advantage-cards {
    display: none;
  }
}