/* =========================================================
   CoinASX V157 - Fullsite Unified Adaptive Theme
   ========================================================= */

:root{
  --cx-bg:#000000;
  --cx-bg-2:#08090b;
  --cx-panel:#111317;
  --cx-panel-2:#181b20;
  --cx-panel-3:#20242a;
  --cx-border:#262a31;
  --cx-border-soft:#1b1f25;
  --cx-text:#ffffff;
  --cx-text-2:#e7eaee;
  --cx-sub:#9097a1;
  --cx-muted:#686f79;
  --cx-green:#19c98f;
  --cx-red:#f04f65;
  --cx-blue:#2f7cf6;
  --cx-mask:rgba(0,0,0,.66);
  --cx-shadow:0 10px 30px rgba(0,0,0,.20);
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --cx-bg:#ffffff;
  --cx-bg-2:#f8f9fb;
  --cx-panel:#f4f5f7;
  --cx-panel-2:#eceef1;
  --cx-panel-3:#e5e8ec;
  --cx-border:#dde2e8;
  --cx-border-soft:#edf0f3;
  --cx-text:#101317;
  --cx-text-2:#2b3037;
  --cx-sub:#737b86;
  --cx-muted:#9aa1aa;
  --cx-green:#0fa875;
  --cx-red:#df4358;
  --cx-blue:#1f6ff0;
  --cx-mask:rgba(0,0,0,.36);
  --cx-shadow:0 8px 24px rgba(20,30,45,.06);
}

/* ===== 全局底色与字体 ===== */
html,body,#app,
#app>.w-full,
.appContent,
[class*="page"],
[class*="Page"]{
  background-color:var(--cx-bg)!important;
  color:var(--cx-text)!important;
}

body{
  margin:0!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}

.textColor,.titleColor,.text-white{color:var(--cx-text)!important}
.textColor2{color:var(--cx-text-2)!important}
.text-grey,.text-gray,.font-grey{color:var(--cx-sub)!important}

/* ===== 面板 / 卡片 ===== */
.tabBackground,.inputBoxbg,.bgFooter,
.card,.panel,
[class*="card-bg"],
[class*="panel-bg"],
[class*="input-bg"]{
  background:var(--cx-panel)!important;
  border-color:var(--cx-border)!important;
}

/* ===== 输入框 / 表单 ===== */
input,textarea,select,
.van-field,
.van-cell,
[class*="input-background"],
[class*="selector-background"],
[class*="dropdown"]{
  color:var(--cx-text)!important;
  border-color:var(--cx-border)!important;
}

input,textarea,select{
  background:transparent!important;
}

input::placeholder,textarea::placeholder{
  color:var(--cx-muted)!important;
}

.van-field,
.inputBoxbg,
[class*="input-background"],
[class*="selector-background"]{
  background:var(--cx-panel)!important;
}

/* ===== 顶栏 / 搜索 / 公告 ===== */
.van-nav-bar,
.market-header,
.contract-header,
.notice-row,
[class*="topbar"],
[class*="header-bar"]{
  background:var(--cx-bg)!important;
  color:var(--cx-text)!important;
  border-color:var(--cx-border-soft)!important;
}

.notice-row{
  background:var(--cx-panel)!important;
  border:1px solid var(--cx-border)!important;
}

.notice-row .van-icon,
.notice-row .van-swipe-item,
.notice-row *{
  color:var(--cx-text)!important;
}

/* ===== Tabs ===== */
.van-tabs,
.van-tabs__wrap,
.van-tabs__nav,
.van-tab,
.ex-tabs,
.cx101-head,
.cx101-cats,
.cx103-category-tabs{
  background:var(--cx-bg)!important;
}

.van-tab,
.ex-tab,
.cx101-head-tab,
.cx101-cat,
.cx103-category-tab{
  color:var(--cx-sub)!important;
}

.van-tab--active,
.ex-tab.active,
.cx101-head-tab.active,
.cx101-cat.active,
.cx103-category-tab.active{
  color:var(--cx-text)!important;
  font-weight:800!important;
}

.van-tabs__line,
.ex-tab.active .hx{
  background:var(--cx-text)!important;
}

/* ===== 行情列表 ===== */
.quotes,
.quotesQuatation,
.list-quatation,
.van-list{
  background:var(--cx-bg)!important;
  color:var(--cx-text)!important;
}

.quotes .van-cell,
.quotesQuatation .van-cell,
.quotesQuatation ul{
  background:var(--cx-bg)!important;
  border-color:var(--cx-border-soft)!important;
}

.quotesQuatation .left img{
  background:var(--cx-panel)!important;
  border:1px solid var(--cx-border)!important;
}

.cx101-picker,
.cx101-pick,
.cx103-category-tab{
  background:var(--cx-panel)!important;
  border-color:var(--cx-border)!important;
  color:var(--cx-text)!important;
}

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

/* ===== 首页 ===== */
.home,.new-home,.home-page,.home-container{
  background:var(--cx-bg)!important;
  color:var(--cx-text)!important;
}

.asset-card,.quick-nav,.banner-section,
.cx99-mini-card,.cx91-mini-card,.market-card{
  color:var(--cx-text)!important;
}

.quick-icon,
.cx99-mini-card,
.cx91-mini-card,
.market-card{
  background:var(--cx-panel)!important;
  border-color:var(--cx-border)!important;
}

/* ===== 资产页 ===== */
.assetsCenter,
.assetsCenter .box-border{
  background:var(--cx-bg)!important;
  color:var(--cx-text)!important;
}

.assetsCenter .assets-list{
  background:transparent!important;
  border-color:var(--cx-border-soft)!important;
}

.assetsCenter .word-wrap img,
.assetsCenter .right-clock{
  background:var(--cx-panel)!important;
  border-color:var(--cx-border)!important;
}

.assetsCenter .total_wrap,
.assetsCenter .btn-box{
  background:transparent!important;
}

/* ===== 现货 / 合约 / 交割合约 ===== */
.no_touch.appContent,
.trade,
.trading-main,
.perpetualContract,
.deliveryContract,
.market-order-form,
.market-depth,
.deep-data{
  background:var(--cx-bg)!important;
  color:var(--cx-text)!important;
}

.market-order-form .selector-background,
.market-order-form .input-background,
.market-depth .precision-background{
  background:var(--cx-panel)!important;
  border-color:var(--cx-border)!important;
  color:var(--cx-text)!important;
}

.market-depth .sell-orders .order-price,
.deep-data .text-red,
.text-red{
  color:var(--cx-red)!important;
}

.market-depth .buy-orders .order-price,
.deep-data .text-green,
.text-green{
  color:var(--cx-green)!important;
}

/* ===== 登录/注册/验证 ===== */
.login,.register,.verify,.forget,.resetPassword,
.safeVerify,.authentication,.userCenter,.safety{
  background:var(--cx-bg)!important;
  color:var(--cx-text)!important;
}

.login .cx149-social-btn,
.login .login-input,
.register .inputBoxbg,
.verify .inputBoxbg{
  background:var(--cx-panel)!important;
  border-color:var(--cx-border)!important;
  color:var(--cx-text)!important;
}

/* ===== Vant 弹窗 / ActionSheet / Dialog ===== */
.van-popup,.van-action-sheet,.van-dialog,
.van-dropdown-item__content,
.van-popover__content{
  background:var(--cx-panel)!important;
  color:var(--cx-text)!important;
  border-color:var(--cx-border)!important;
}

.van-overlay{background:var(--cx-mask)!important}

.van-action-sheet__item,
.van-action-sheet__cancel,
.van-dialog__header,
.van-dialog__content{
  background:var(--cx-panel)!important;
  color:var(--cx-text)!important;
  border-color:var(--cx-border-soft)!important;
}

/* ===== 按钮 ===== */
button,.btn,.van-button{
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

.btnMain,.van-button--primary{
  background:var(--cx-text)!important;
  color:var(--cx-bg)!important;
  border-color:var(--cx-text)!important;
}

.bg-green,.btn-green,.contract-long-button{
  background:var(--cx-green)!important;
  color:#fff!important;
}

.bg-red,.btn-red,.contract-short-button{
  background:var(--cx-red)!important;
  color:#fff!important;
}

/* ===== 底栏 ===== */
.van-tabbar,
.bgFooter,
[class*="bottom-nav"]{
  background:var(--cx-panel)!important;
  border-top:1px solid var(--cx-border)!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.10)!important;
}

.van-tabbar-item{
  background:transparent!important;
  color:var(--cx-sub)!important;
}

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

/* ===== 分割线 ===== */
[class*="border"],
[class*="broder"],
.van-hairline--top:after,
.van-hairline--bottom:after,
.van-hairline--top-bottom:after{
  border-color:var(--cx-border-soft)!important;
}

/* ===== 统一数字显示 ===== */
.asset-value,.quote-price,.current-price,
.order-price,.order-quantity,
.text-right{
  font-variant-numeric:tabular-nums!important;
}

/* ===== 移动端 ===== */
@media(max-width:390px){
  .appContent{
    width:100%!important;
    max-width:100%!important;
  }

  .px-32{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .pl-30{padding-left:14px!important}
  .pr-30{padding-right:14px!important}
}

/* ===== 平板/PC ===== */
@media(min-width:600px){
  .appContent{
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(min-width:900px){
  .appContent{
    max-width:920px!important;
  }
}

/* ===== 主题过渡 ===== */
html.cx-theme-transition body,
html.cx-theme-transition #app,
html.cx-theme-transition .appContent,
html.cx-theme-transition .van-popup,
html.cx-theme-transition .van-tabbar,
html.cx-theme-transition .van-cell,
html.cx-theme-transition .inputBoxbg{
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease!important;
}

@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation-duration:.01ms!important}
}