/* =========================================================
   V97 - 原 market-cards 行情卡片横向轮播
   不改卡片内容、不改 Vue、不改点击
   ========================================================= */

/* 只处理首页原有 market-cards */
.home .market-cards,
.new-home .market-cards{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px!important;

  width:100%!important;
  max-width:none!important;

  margin:14px 0 20px!important;
  padding:0 14px 4px!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;

  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;

  box-sizing:border-box!important;
}

.home .market-cards::-webkit-scrollbar,
.new-home .market-cards::-webkit-scrollbar{
  display:none!important;
}

/* 每屏约2张卡片，保持长方形 */
.home .market-cards > .market-card,
.new-home .market-cards > .market-card{
  flex:0 0 calc((100% - 10px)/2)!important;
  width:calc((100% - 10px)/2)!important;
  min-width:0!important;
  max-width:none!important;

  min-height:112px!important;
  padding:13px 14px!important;

  border-radius:14px!important;
  box-sizing:border-box!important;

  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;

  /* 防止行情变化引起闪动 */
  animation:none!important;
  transition:none!important;
}

/* 保持原图标/标题/价格布局 */
.home .market-card .card-title,
.new-home .market-card .card-title{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}

.home .market-card .card-title img,
.new-home .market-card .card-title img{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  object-fit:contain!important;
}

.home .market-card .card-title span,
.new-home .market-card .card-title span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
}

.home .market-card .card-change,
.new-home .market-card .card-change{
  margin-top:10px!important;
  font-size:12px!important;
  font-weight:700!important;
}

.home .market-card .card-price,
.new-home .market-card .card-price{
  margin-top:12px!important;
  font-size:16px!important;
  line-height:20px!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
}

/* sparkline缩小，避免压住价格 */
.home .market-card .spark-line,
.new-home .market-card .spark-line{
  width:72px!important;
  height:28px!important;
}

/* 不覆盖主题色 */
.home .market-card .up,
.new-home .market-card .up{
  color:var(--cx-green,#10c79a)!important;
  stroke:var(--cx-green,#10c79a)!important;
}

.home .market-card .down,
.new-home .market-card .down{
  color:var(--cx-red,#ff4d57)!important;
  stroke:var(--cx-red,#ff4d57)!important;
}

@media(max-width:390px){
  .home .market-cards,
  .new-home .market-cards{
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .home .market-cards > .market-card,
  .new-home .market-cards > .market-card{
    flex-basis:calc((100% - 8px)/2)!important;
    width:calc((100% - 8px)/2)!important;
    min-height:106px!important;
    padding:11px 12px!important;
  }
}