/* =========================================================
   CoinASX V85
   原功能按钮 UI 居中排布
   入金 / 理财 / 个人中心 / 合约 / 行情 / 更多
   ========================================================= */

/* 常见快捷入口容器 */
.home .quick-nav,
.new-home .quick-nav,
.home .quick,
.new-home .quick,
.home .menu-list,
.new-home .menu-list,
.home .tools,
.new-home .tools{
  width:100%!important;
  max-width:620px!important;
  margin:18px auto 8px!important;
  padding:0 8px!important;

  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:start!important;
  justify-items:center!important;
  gap:14px 10px!important;
}

/* 原快捷按钮 */
.home .quick-item,
.new-home .quick-item,
.home .quick > *,
.new-home .quick > *,
.home .menu-list > *,
.new-home .menu-list > *,
.home .tools > *,
.new-home .tools > *{
  width:100%!important;
  min-width:0!important;
  min-height:72px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  gap:7px!important;
  padding:6px 2px!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;

  text-align:center!important;
}

/* 图标底座 */
.home .quick-icon,
.new-home .quick-icon,
.home .quick-item > img,
.new-home .quick-item > img,
.home .quick-item .icon,
.new-home .quick-item .icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;

  display:grid!important;
  place-items:center!important;

  margin:0 auto!important;
  border-radius:13px!important;
  object-fit:contain!important;
}

/* 图标内部 */
.home .quick-icon .van-icon,
.new-home .quick-icon .van-icon{
  font-size:22px!important;
}

/* 文字 */
.home .quick-item > span:last-child,
.new-home .quick-item > span:last-child,
.home .quick > * > span:last-child,
.new-home .quick > * > span:last-child,
.home .menu-list > * > span:last-child,
.new-home .menu-list > * > span:last-child{
  width:100%!important;
  margin:0!important;

  color:#c7cad0!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:500!important;

  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* 点击反馈，不影响原 click */
.home .quick-item:active,
.new-home .quick-item:active{
  transform:scale(.96)!important;
}

/* 手机改成 3x2，更有距离感 */
@media(max-width:600px){
  .home .quick-nav,
  .new-home .quick-nav,
  .home .quick,
  .new-home .quick,
  .home .menu-list,
  .new-home .menu-list,
  .home .tools,
  .new-home .tools{
    max-width:380px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:22px!important;
    row-gap:16px!important;
    padding:0 18px!important;
    margin-top:18px!important;
  }

  .home .quick-item,
  .new-home .quick-item{
    min-height:78px!important;
  }

  .home .quick-icon,
  .new-home .quick-icon,
  .home .quick-item > img,
  .new-home .quick-item > img{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  .home .quick-item > span:last-child,
  .new-home .quick-item > span:last-child{
    font-size:12px!important;
  }
}

/* 375/390 宽度优化 */
@media(min-width:361px) and (max-width:430px){
  .home .market-cards,
  .new-home .market-cards{
    width:calc(100% - 6px)!important;
  }

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

/* 超窄屏 */
@media(max-width:360px){
  .home .quick-nav,
  .new-home .quick-nav,
  .home .quick,
  .new-home .quick{
    column-gap:14px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .home .quick-icon,
  .new-home .quick-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
}