/* =========================================================
   Unicorn overrides (safe, zero-intrusion)
   放在 public/assets/unicorn-overrides/app.css
   ========================================================= */

/* ---- 主题变量（仅供覆盖使用） ---- */
:root {
  --brand-radius: 14px;
  --brand-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* ---- 全局微调 ---- */
html { scroll-behavior: smooth; }

body {
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 主区块顶部留白，避免贴边 */
.main-container { padding-top: 1rem; }

/* 首页商品栅格横向间距稍紧凑一些 */
.goods .row { --bs-gutter-x: 1rem; }

/* ---- 卡片风格（轻阴影、圆角、悬浮轻微浮起） ---- */
.card {
  border-radius: var(--brand-radius);
  box-shadow: var(--brand-shadow);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* 卡片顶部图片也要圆角 */
.card .card-img-top {
  border-top-left-radius: var(--brand-radius);
  border-top-right-radius: var(--brand-radius);
}

/* 商品缩略图：保证方形裁切，避免比例怪异 */
.product-thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background-color: #f6f7f9;
}

/* ---- 价格行：保证“按钮 + ≈ USDT”同一行 ---- */
.goods .card .btn {
  display: inline-flex !important;
  width: auto !important;
  vertical-align: middle;
  align-items: center;
  gap: .25rem; /* 图标与数字微间距 */
}

/* “≈ USDT”紧跟按钮，不换行 */
.goods .card .btn + .text-success {
  display: inline !important;
  margin-left: .5rem;
  white-space: nowrap;
}

/* ---- 公告区：还原为卡片视觉（圆角+阴影+合理留白） ---- */
.notice .card {
  border: 0;
  box-shadow: var(--brand-shadow);
  border-radius: var(--brand-radius);
}

.notice .card-body { padding: 1rem 1.25rem; }

.notice .jumbotron {
  padding: 0;
  margin: 0;
  background: transparent;
}

.notice h4 { margin-bottom: .25rem; }

.notice .lead {
  margin: 0;
  color: #666;
}

/* ---- 分页控件（柔和一点） ---- */
.pagination .page-link { border-radius: .5rem; }

.pagination .page-item.active .page-link {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* ---- 兼容现有模板的小工具类 ---- */
.fr { float: right; }

/* 降低动画以适配“减少动态”偏好 */
@media (prefers-reduced-motion: reduce) {
  .card { transition: none; }
}