@charset "UTF-8";
/* 首页轮播指示器 */
.tb-banner .wst-slide-numbox {
  bottom: 12px;
}
.tb-banner .wst-slide-controls span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 4px;
}
.tb-banner .wst-slide-controls span.curr {
  background: var(--tb-orange, #ff5000);
  width: 20px;
  border-radius: 4px;
}

/* —— 猜你喜欢 / 商品卡片（参考淘宝首页 feed） —— */
.tb-section--feed {
  margin-top: 20px;
  padding-top: 4px;
}
.tb-section--feed .tb-section-head--center {
  margin-bottom: 18px;
}
.tb-section--feed .tb-section-title--guess .tb-section-title-main {
  font-size: 24px;
}

.tb-grid--feed {
  grid-template-columns: repeat(5, 1fr);
  gap: 16px 12px;
}

.tb-card {
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  border: none;
  box-shadow: none;
  transition: transform 0.2s ease;
}
.tb-card:hover {
  transform: translateY(-3px);
  box-shadow: none;
}
.tb-card-img {
  border-radius: 12px;
  aspect-ratio: 1;
  overflow: hidden;
  background: #f7f7f7;
  margin: 0;
}
.tb-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
  border-radius: 12px;
}
.tb-card:hover .tb-card-img img {
  transform: scale(1.06);
}
.tb-card-body {
  padding: 10px 8px 12px;
}
.tb-card-title {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  font-weight: 400;
  min-height: 44px;
  -webkit-line-clamp: 2;
}
.tb-card-title:hover {
  color: var(--tb-orange, #ff5000);
}
.tb-card-meta {
  margin-top: 6px;
  align-items: baseline;
}
.tb-price {
  font-size: 20px;
  font-weight: 700;
  color: #ff5000;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -0.02em;
}
.tb-price .f12,
.tb-price .tb-price-yen {
  font-size: 14px;
  font-weight: 700;
  margin-right: 1px;
}
.tb-add-cart {
  display: none;
}
.tb-card-meta .tb-add-cart {
  display: none;
}

/* 楼层商品同样使用 feed 卡片 */
.tb-floor-wrap .tb-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 16px 12px;
}
.tb-floor-wrap .tb-card {
  border-radius: 12px;
}
.tb-floor-wrap .tb-add-cart {
  display: none;
}

@media (max-width: 1100px) {
  .tb-grid--feed,
  .tb-floor-wrap .tb-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .tb-grid--feed,
  .tb-floor-wrap .tb-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}