/* 统一卡片样式 - 让tc-scard使用tc-ccard的样式 2026-10-21 */

/* 隐藏大卡片的顶部背景和图标 */
.tc-scard-bg,
.dn-card-art {
  display: none !important;
}

/* 让tc-scard使用tc-ccard的布局 */
.tc-scard {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 14px;
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
  box-shadow: none !important;
}

.tc-scard:hover {
  transform: translateY(-4px);
  border-color: #dbeafe;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.12) !important;
}

/* 标题样式 */
.tc-scard-title {
  font-size: 15px;
  font-weight: 600;
  color: #1f2329;
  margin: 0 0 8px 0 !important;
  padding-right: 0 !important;
  line-height: 1.4;
}

/* 规格标签 - 和tc-ccard一样 */
.tc-scard-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px 0 !important;
}

.tc-scard-specs .tc-spec-chip {
  font-size: 11px !important;
  padding: 2px 8px !important;
  background: #f0f5ff !important;
  border: 1px solid #d6e4ff !important;
  border-radius: 2px !important;
  color: #165dff !important;
  font-weight: 400 !important;
}

/* 限制显示标签数量 */
.tc-scard-specs .tc-spec-chip:nth-child(n+4) {
  display: none;
}

/* 小字说明 */
.tc-scard-extra {
  font-size: 11px !important;
  color: #8a8f99 !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.4;
}

/* 隐藏描述和标签 */
.tc-scard-desc,
.tc-scard-tags {
  display: none !important;
}

/* 内容区 */
.tc-scard-body {
  padding: 0 !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  gap: 0 !important;
}

/* 底部 */
.tc-scard-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid #f0f1f3 !important;
}

/* 价格 - 红色，和tc-ccard一样 */
.tc-scard-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  font-weight: 600 !important;
  color: #ff4757 !important;
  line-height: 1 !important;
}

.tc-scard-price .cur {
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-right: 2px !important;
}

.tc-scard-price {
  font-size: 22px !important;
}

.tc-scard-price .unit {
  margin-left: 2px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8a8f99 !important;
}

/* 按钮 - 描边样式，和tc-ccard一样 */
.tc-scard-btn {
  padding: 4px 12px !important;
  font-size: 12px !important;
  color: #2563eb !important;
  background: transparent !important;
  border: 1px solid rgba(37, 99, 235, 0.35) !important;
  border-radius: 2px !important;
  white-space: nowrap !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  box-shadow: none !important;
}

.tc-scard-btn:hover:not(.disabled) {
  background: #2563eb !important;
  color: #fff !important;
  transform: none !important;
}

.tc-scard-btn.disabled {
  color: #86909c !important;
  border-color: #e5e6eb !important;
  cursor: not-allowed !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* 售罄状态 */
.tc-scard.is-soldout .tc-scard-title {
  opacity: 0.55;
}

/* 网格布局调整 - 让它们对齐 */
.tc-sc-grid {
  gap: 16px !important;
}

/* 响应式 */
@media (max-width: 768px) {
  .tc-sc-grid {
    gap: 12px !important;
  }
}