/* ===== CoinASX Quotes UI V101 ===== */
body:has(.quotes){
  background:#050706!important;
}
.quotes{
  background:#050706!important;
  color:#f5f5f5!important;
  min-height:100vh!important;
  padding-bottom:118px!important;
}

/* 顶部搜索框改成参考图的极简顶部 */
.quotes > .px-32.py-13.flex.items-center{
  padding:22px 30px 10px!important;
  min-height:54px!important;
}
.quotes .inputBoxbg{
  height:46px!important;
  background:#101311!important;
  border:1px solid #1f2421!important;
  border-radius:14px!important;
}
.quotes .search-input{
  color:#fff!important;
  font-size:15px!important;
}
.quotes .search-input::placeholder{color:#747a76!important}

/* 顶部：自选 / 市场 / 聊天室 */
.cx101-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 30px 15px;
  border-bottom:1px solid #1a1d1b;
}
.cx101-head-tabs{
  display:flex;
  gap:30px;
  align-items:center;
}
.cx101-head-tab{
  appearance:none;border:0;background:none;padding:0;
  color:#8f9491;font-size:18px;font-weight:700;line-height:34px;
}
.cx101-head-tab.active{color:#fff}
.cx101-head-icons{display:flex;gap:19px;align-items:center}
.cx101-search-icon{
  width:22px;height:22px;border:3px solid #fff;border-radius:50%;
  position:relative;box-sizing:border-box;
}
.cx101-search-icon:after{
  content:"";position:absolute;width:8px;height:3px;background:#fff;
  right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px;
}
.cx101-more{font-size:25px;color:#fff;line-height:20px;letter-spacing:2px}

/* 原一级 tabs */
.quotes > .van-tabs .van-tabs__wrap{
  height:58px!important;
  background:#050706!important;
  border-bottom:1px solid #1a1d1b!important;
}
.quotes > .van-tabs .van-tabs__nav{
  background:#050706!important;
  padding:0 30px!important;
  gap:29px!important;
}
.quotes > .van-tabs .van-tab{
  flex:none!important;
  padding:0!important;
  color:#969b98!important;
  font-size:17px!important;
}
.quotes > .van-tabs .van-tab--active{
  color:#fff!important;
  font-weight:700!important;
}
.quotes > .van-tabs .van-tabs__line{
  width:30px!important;height:4px!important;
  background:#fff!important;border-radius:4px!important;
  bottom:5px!important;
}

/* 内容左右留白 */
.quotes .van-tab__pane-wrapper.broder-r-grey{
  padding-left:30px!important;
  padding-right:30px!important;
  border:0!important;
}

/* 涨跌榜切换改成参考图分类栏 */
.quotes .quotesQuatation .ex-tabs{
  gap:26px!important;
  overflow-x:auto!important;
  scrollbar-width:none;
  padding:15px 0 9px!important;
}
.quotes .quotesQuatation .ex-tabs::-webkit-scrollbar{display:none}
.quotes .quotesQuatation .ex-tab{
  flex:none!important;
  color:#8e9390!important;
  font-size:15px!important;
  padding:7px 13px!important;
  border-radius:9px!important;
}
.quotes .quotesQuatation .ex-tab.active{
  color:#fff!important;background:#1d201e!important;
  font-weight:700!important;
}
.quotes .quotesQuatation .ex-tab .hx{display:none!important}

/* 表头 */
.quotes .quotesQuatation .van-list > .van-cell:first-child{
  padding:10px 0 7px!important;
  background:transparent!important;
}
.quotes .quotesQuatation .van-list > .van-cell:first-child .text-grey{
  color:#666b68!important;font-size:13px!important;
}
.quotes .quotesQuatation .filter-box{opacity:.55!important}

/* 行情行 */
.quotes .quotesQuatation .van-cell{
  background:transparent!important;
  padding:12px 0!important;
  border:0!important;
}
.quotes .quotesQuatation .van-cell:after{display:none!important}
.quotes .quotesQuatation ul{
  min-height:68px!important;
}
.quotes .quotesQuatation ul .left{width:44%!important}
.quotes .quotesQuatation ul .mid{width:31%!important}
.quotes .quotesQuatation ul .right{width:25%!important}
.quotes .quotesQuatation ul .left img{
  width:38px!important;height:38px!important;margin-right:10px!important;
}
.quotes .quotesQuatation ul .left .font-30{
  font-size:17px!important;line-height:22px!important;color:#f5f5f5!important;
  font-weight:650!important;
}
.quotes .quotesQuatation ul .left .font-24{
  font-size:13px!important;line-height:18px!important;color:#8b908d!important;
  margin-top:3px!important;
}
.quotes .quotesQuatation ul .mid .font-32{
  font-size:18px!important;line-height:22px!important;color:#f5f5f5!important;
  font-weight:600!important;
}
.quotes .quotesQuatation ul .mid .font-24{
  font-size:13px!important;line-height:18px!important;color:#8b908d!important;
  margin-top:3px!important;
}
.quotes .quotesQuatation ul .right .btn{
  width:92px!important;height:42px!important;line-height:42px!important;
  border-radius:11px!important;font-size:17px!important;font-weight:700!important;
}
.quotes .quotesQuatation .bg-green{background:#9ee51a!important;color:#071000!important}
.quotes .quotesQuatation .bg-red{background:#f43f5e!important;color:#fff!important}

/* 自选选择器：两列大卡片风格 */
.cx101-picker{
  display:none;
  padding:20px 30px 135px;
}
.cx101-picker.active{display:block}
.cx101-picker-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;
}
.cx101-pick{
  height:92px;border:1px solid #303532;border-radius:13px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;background:#070908;color:#fff;
  font-size:18px;font-weight:600;
}
.cx101-check{
  width:18px;height:18px;border-radius:5px;background:#fff;color:#050706;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;
}
.cx101-add{
  margin-top:24px;width:100%;height:58px;border:0;border-radius:14px;
  background:#fff;color:#050706;font-size:18px;font-weight:700;
}
.cx101-picker-title{
  display:flex;gap:28px;margin-bottom:18px;color:#909592;font-size:16px;
}
.cx101-picker-title b{color:#fff;position:relative}
.cx101-picker-title b:after{
  content:"";position:absolute;left:8px;right:8px;bottom:-10px;height:3px;
  background:#fff;border-radius:3px;
}

/* 市场模式分类条 */
.cx101-cats{
  display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;
  padding:13px 0 3px;color:#949995;font-size:14px;white-space:nowrap;
}
.cx101-cats::-webkit-scrollbar{display:none}
.cx101-cat.active{color:#fff;background:#1b1e1c;padding:5px 10px;border-radius:8px}

/* 小屏 */
@media(max-width:430px){
  .cx101-head{padding-left:16px;padding-right:16px}
  .quotes > .px-32.py-13.flex.items-center{padding-left:16px!important;padding-right:16px!important}
  .quotes > .van-tabs .van-tabs__nav{padding-left:16px!important;padding-right:16px!important}
  .quotes .van-tab__pane-wrapper.broder-r-grey{padding-left:16px!important;padding-right:16px!important}
  .quotes .quotesQuatation ul .right .btn{width:78px!important;font-size:15px!important}
  .cx101-picker{padding-left:16px;padding-right:16px}
  .cx101-pick{padding:0 14px;font-size:16px;height:82px}
}