/* =========================================================
   CoinASX V84
   行情分类切换
   保留原 market-card / 原实时行情 / 原点击事件
   ========================================================= */

.cx84-market-tabs{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
  margin:18px auto 14px;
  padding:0 4px;
  width:100%;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
}

.cx84-market-tabs::-webkit-scrollbar{
  display:none;
}

.cx84-market-tab{
  position:relative;
  flex:0 0 auto;
  padding:5px 0 11px;
  border:0;
  background:transparent;
  color:#8f949d;
  font-size:15px;
  line-height:20px;
  font-weight:700;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.cx84-market-tab.active{
  color:#fff;
}

.cx84-market-tab.active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:24px;
  height:3px;
  border-radius:3px;
  background:#fff;
  transform:translateX(-50%);
}

/* 行情卡片容器 */
.home .market-cards,
.new-home .market-cards{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  justify-content:center!important;
}

/* hidden 切换 */
.home .market-cards > .market-card[hidden],
.new-home .market-cards > .market-card[hidden]{
  display:none!important;
}

.home .market-cards > .market-card,
.new-home .market-cards > .market-card{
  display:block!important;
}

/* 卡片统一尺寸 */
.home .market-card,
.new-home .market-card{
  width:100%!important;
  min-width:0!important;
  min-height:118px!important;
  padding:14px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* 轻微动效 */
.home .market-cards > .market-card:not([hidden]),
.new-home .market-cards > .market-card:not([hidden]){
  animation:cx84In .18s ease-out;
}

@keyframes cx84In{
  from{opacity:.35;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:480px){
  .cx84-market-tabs{
    gap:18px;
    margin-top:15px;
  }

  .cx84-market-tab{
    font-size:14px;
  }

  .home .market-cards,
  .new-home .market-cards{
    gap:10px!important;
  }

  .home .market-card,
  .new-home .market-card{
    min-height:108px!important;
    padding:12px!important;
  }
}

@media(max-width:360px){
  .cx84-market-tabs{
    gap:15px;
  }

  .home .market-cards,
  .new-home .market-cards{
    gap:8px!important;
  }

  .home .market-card,
  .new-home .market-card{
    min-height:102px!important;
    padding:10px!important;
  }
}