/* =========================================================
   CoinASX V102
   行情页面主题自适应
   跟随：
   html.cx-theme-light / html.cx-theme-dark
   html[data-theme="light"] / html[data-theme="dark"]
   以及 V89 的 --cx-* 全站变量
   ========================================================= */

/* ---------- 深色默认 ---------- */
html{
  --q-bg:var(--cx-bg,#050706);
  --q-panel:var(--cx-surface,#101311);
  --q-panel2:var(--cx-surface-2,#1b1e1c);
  --q-border:var(--cx-border,#262b28);

  --q-text:var(--cx-text,#f5f6f5);
  --q-text2:var(--cx-text-2,#c6cbc8);
  --q-muted:var(--cx-text-3,#8f9491);

  --q-input:var(--cx-input,#101311);
  --q-up:var(--cx-green,#9ee51a);
  --q-down:var(--cx-red,#f43f5e);
}

/* ---------- 浅色 ---------- */
html.cx-theme-light,
html[data-theme="light"]{
  --q-bg:#f7f8fa;
  --q-panel:#ffffff;
  --q-panel2:#eef1f3;
  --q-border:#dfe3e7;

  --q-text:#111418;
  --q-text2:#3e444c;
  --q-muted:#818892;

  --q-input:#eef1f4;
  --q-up:#78c800;
  --q-down:#e9465d;
}

/* ---------- 深色 ---------- */
html.cx-theme-dark,
html[data-theme="dark"]{
  --q-bg:#050706;
  --q-panel:#101311;
  --q-panel2:#1b1e1c;
  --q-border:#262b28;

  --q-text:#f5f6f5;
  --q-text2:#c6cbc8;
  --q-muted:#8f9491;

  --q-input:#101311;
  --q-up:#9ee51a;
  --q-down:#f43f5e;
}

/* 页面基础 */
body:has(.quotes),
.quotes{
  background:var(--q-bg)!important;
  color:var(--q-text)!important;
}

/* V101 顶部 */
.cx101-head{
  background:var(--q-bg)!important;
  border-color:var(--q-border)!important;
}

.cx101-head-tab{
  color:var(--q-muted)!important;
}

.cx101-head-tab.active{
  color:var(--q-text)!important;
}

.cx101-search-icon{
  border-color:var(--q-text)!important;
}

.cx101-search-icon:after{
  background:var(--q-text)!important;
}

.cx101-more{
  color:var(--q-text)!important;
}

/* 搜索框 */
.quotes .inputBoxbg{
  background:var(--q-input)!important;
  border-color:var(--q-border)!important;
}

.quotes .search-input{
  color:var(--q-text)!important;
}

.quotes .search-input::placeholder{
  color:var(--q-muted)!important;
}

/* 一级 tabs */
.quotes > .van-tabs .van-tabs__wrap,
.quotes > .van-tabs .van-tabs__nav{
  background:var(--q-bg)!important;
  border-color:var(--q-border)!important;
}

.quotes > .van-tabs .van-tab{
  color:var(--q-muted)!important;
}

.quotes > .van-tabs .van-tab--active{
  color:var(--q-text)!important;
}

.quotes > .van-tabs .van-tabs__line{
  background:var(--q-text)!important;
}

/* 自选卡片 */
.cx101-pick{
  background:var(--q-panel)!important;
  border-color:var(--q-border)!important;
  color:var(--q-text)!important;
}

.cx101-check{
  background:var(--q-text)!important;
  color:var(--q-bg)!important;
}

.cx101-picker-title{
  color:var(--q-muted)!important;
}

.cx101-picker-title b{
  color:var(--q-text)!important;
}

.cx101-picker-title b:after{
  background:var(--q-text)!important;
}

.cx101-add{
  background:var(--q-text)!important;
  color:var(--q-bg)!important;
}

/* 市场分类 */
.cx101-cats{
  color:var(--q-muted)!important;
}

.cx101-cat.active{
  color:var(--q-text)!important;
  background:var(--q-panel2)!important;
}

/* 涨幅榜/跌幅榜 */
.quotes .quotesQuatation .ex-tab{
  color:var(--q-muted)!important;
}

.quotes .quotesQuatation .ex-tab.active{
  color:var(--q-text)!important;
  background:var(--q-panel2)!important;
}

/* Vant 行情列表 */
.quotes .quotesQuatation .van-cell,
.quotes .quotesQuatation .van-cell__value{
  background:transparent!important;
  color:var(--q-text)!important;
}

.quotes .quotesQuatation .textColor,
.quotes .quotesQuatation ul .left .font-30,
.quotes .quotesQuatation ul .mid .font-32{
  color:var(--q-text)!important;
}

.quotes .quotesQuatation .text-grey,
.quotes .quotesQuatation ul .left .font-24,
.quotes .quotesQuatation ul .mid .font-24,
.quotes .quotesQuatation .van-list > .van-cell:first-child .text-grey{
  color:var(--q-muted)!important;
}

/* 涨跌按钮 */
.quotes .quotesQuatation .bg-green{
  background:var(--q-up)!important;
  color:#071000!important;
}

.quotes .quotesQuatation .bg-red{
  background:var(--q-down)!important;
  color:#fff!important;
}

/* 浅色时卡片边界更清晰 */
html.cx-theme-light .quotes .quotesQuatation .van-cell,
html[data-theme="light"] .quotes .quotesQuatation .van-cell{
  border-bottom:1px solid rgba(20,25,30,.055)!important;
}

html.cx-theme-dark .quotes .quotesQuatation .van-cell,
html[data-theme="dark"] .quotes .quotesQuatation .van-cell{
  border-bottom:1px solid rgba(255,255,255,.035)!important;
}

/* 底部导航跟随主题 */
.quotes ~ .van-tabbar,
.van-tabbar{
  background:var(--q-panel)!important;
  border-color:var(--q-border)!important;
}

.van-tabbar-item{
  color:var(--q-muted)!important;
}

.van-tabbar-item--active{
  color:var(--q-text)!important;
}

/* 原站输入、弹层兼容 */
.quotes .van-popup,
.quotes .van-action-sheet,
.quotes .van-dropdown-item__content{
  background:var(--q-panel)!important;
  color:var(--q-text)!important;
}

/* 动画不做颜色闪动 */
.quotes *,
.cx101-head *,
.cx101-picker *{
  transition-property:background-color,color,border-color!important;
  transition-duration:.16s!important;
}