/* =========================================================
   CoinASX V92
   目标：
   1. 4个小行情卡片在轮播图上面
   2. 一行4个，长方形
   3. 轮播图宽度保持，降低高度
   4. 其他区域不动
   ========================================================= */

/* ---------- 4个小行情卡片 ---------- */
.cx92-mini-market{
  width:100%;
  margin:18px auto 14px;
  padding:0 16px;
  box-sizing:border-box;
}

.cx92-mini-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.cx92-mini-card{
  position:relative;
  min-width:0;
  min-height:104px;
  padding:13px 12px 12px;
  border-radius:14px;
  box-sizing:border-box;
  overflow:hidden;

  background:var(--cx-surface,#17191d);
  border:1px solid var(--cx-border,#24272e);
  color:var(--cx-text,#f5f6f7);
}

.cx92-mini-symbol{
  display:flex;
  align-items:baseline;
  gap:5px;
  min-width:0;
  white-space:nowrap;
}

.cx92-mini-symbol strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--cx-text,#f5f6f7);
  font-size:14px;
  line-height:18px;
  font-weight:800;
}

.cx92-mini-symbol span{
  flex:0 0 auto;
  color:var(--cx-text-3,#8f949d);
  font-size:10px;
  line-height:14px;
  font-weight:600;
}

.cx92-mini-price{
  margin-top:12px;
  color:var(--cx-text,#f5f6f7);
  font-size:17px;
  line-height:20px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

.cx92-mini-change{
  margin-top:4px;
  font-size:12px;
  line-height:16px;
  font-weight:800;
}

.cx92-up{
  color:var(--cx-green,#10c79a)!important;
}

.cx92-down{
  color:var(--cx-red,#ff4d57)!important;
}

.cx92-spark{
  position:absolute;
  right:9px;
  bottom:11px;
  width:48px;
  height:24px;
}

.cx92-spark svg{
  width:100%;
  height:100%;
  overflow:visible;
}

.cx92-spark polyline{
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ---------- 轮播图：保持宽度，只降低高度 ---------- */
.home .banner-section,
.new-home .banner-section,
.home .banner,
.new-home .banner,
.home .banner-box,
.new-home .banner-box,
.home .swiper,
.new-home .swiper{
  width:auto!important;
  margin-left:16px!important;
  margin-right:16px!important;
  margin-top:0!important;
  margin-bottom:22px!important;
}

.home .banner-section .ioe-swiper,
.new-home .banner-section .ioe-swiper,
.home .banner-section .van-swipe,
.new-home .banner-section .van-swipe,
.home .banner-box .van-swipe,
.new-home .banner-box .van-swipe,
.home .banner .van-swipe,
.new-home .banner .van-swipe,
.home .swiper,
.new-home .swiper{
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}

/* 保持轮播图横向铺满容器 */
.home .banner-section img,
.new-home .banner-section img,
.home .banner img,
.new-home .banner img,
.home .banner-box img,
.new-home .banner-box img,
.home .swiper img,
.new-home .swiper img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:16px!important;
}

/* ---------- 手机适配 ---------- */
@media(max-width:600px){
  .cx92-mini-market{
    padding-left:14px;
    padding-right:14px;
    margin-top:16px;
    margin-bottom:12px;
  }

  .cx92-mini-grid{
    gap:8px;
  }

  .cx92-mini-card{
    min-height:96px;
    padding:11px 9px 10px;
    border-radius:13px;
  }

  .cx92-mini-symbol strong{
    font-size:12px;
  }

  .cx92-mini-symbol span{
    font-size:9px;
  }

  .cx92-mini-price{
    margin-top:10px;
    font-size:15px;
  }

  .cx92-mini-change{
    font-size:11px;
  }

  .cx92-spark{
    right:7px;
    bottom:9px;
    width:42px;
    height:21px;
  }

  .home .banner-section,
  .new-home .banner-section,
  .home .banner,
  .new-home .banner,
  .home .banner-box,
  .new-home .banner-box,
  .home .swiper,
  .new-home .swiper{
    margin-left:14px!important;
    margin-right:14px!important;
    margin-bottom:20px!important;
  }

  .home .banner-section .ioe-swiper,
  .new-home .banner-section .ioe-swiper,
  .home .banner-section .van-swipe,
  .new-home .banner-section .van-swipe,
  .home .banner-box .van-swipe,
  .new-home .banner-box .van-swipe,
  .home .banner .van-swipe,
  .new-home .banner .van-swipe,
  .home .swiper,
  .new-home .swiper{
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
  }
}

@media(max-width:390px){
  .cx92-mini-grid{
    gap:7px;
  }

  .cx92-mini-card{
    min-height:92px;
    padding:10px 8px;
  }

  .cx92-mini-symbol strong{
    font-size:11px;
  }

  .cx92-mini-price{
    font-size:14px;
  }

  .cx92-mini-change{
    font-size:10px;
  }

  .cx92-spark{
    width:36px;
  }

  .home .banner-section .ioe-swiper,
  .new-home .banner-section .ioe-swiper,
  .home .banner-section .van-swipe,
  .new-home .banner-section .van-swipe,
  .home .banner-box .van-swipe,
  .new-home .banner-box .van-swipe,
  .home .banner .van-swipe,
  .new-home .banner .van-swipe,
  .home .swiper,
  .new-home .swiper{
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
  }
}

/* 不改原功能 */
.cx92-mini-market,
.cx92-mini-card{
  animation:none!important;
}