/* =========================================================
   CoinASX V140 - Assets Reference UI
   参考：你提供的资产页模板
   业务节点全部使用原DOM，不重建按钮、不改点击事件
   ========================================================= */

html{
  --a140-bg:#000000;
  --a140-panel:#17191d;
  --a140-panel2:#202329;
  --a140-border:#292d33;
  --a140-text:#ffffff;
  --a140-sub:#969ca5;
  --a140-muted:#6f757d;
  --a140-accent:#ffffff;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --a140-bg:#ffffff;
  --a140-panel:#f4f5f7;
  --a140-panel2:#eceef1;
  --a140-border:#dfe2e6;
  --a140-text:#111317;
  --a140-sub:#747b84;
  --a140-muted:#9aa1a9;
  --a140-accent:#111317;
}

html.cx-theme-dark,
html[data-theme="dark"],
html[data-cx-theme="dark"]{
  --a140-bg:#000000;
  --a140-panel:#17191d;
  --a140-panel2:#202329;
  --a140-border:#292d33;
  --a140-text:#ffffff;
  --a140-sub:#969ca5;
  --a140-muted:#6f757d;
  --a140-accent:#ffffff;
}

/* ===== 整页 ===== */
body:has(.assetsCenter),
.assetsCenter.appContent{
  background:var(--a140-bg)!important;
  color:var(--a140-text)!important;
  min-height:100vh!important;
}

.assetsCenter.appContent{
  padding-bottom:110px!important;
}

/* ===== 移除原顶部“总资产(USDT)”冗余头，不影响资产内容 ===== */
.assetsCenter > .price{
  display:none!important;
}

/* ===== 顶部账户分类 ===== */
.assetsCenter > .flex.justify-between.px-52.pt-31{
  padding:22px 18px 0!important;
  gap:22px!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
}
.assetsCenter > .flex.justify-between.px-52.pt-31::-webkit-scrollbar{display:none!important}

.assetsCenter > .flex.justify-between.px-52.pt-31 > div{
  flex:0 0 auto!important;
  width:auto!important;
  color:var(--a140-sub)!important;
}

.assetsCenter > .flex.justify-between.px-52.pt-31 .font-32{
  font-size:16px!important;
  line-height:28px!important;
  font-weight:800!important;
  color:inherit!important;
}

.assetsCenter > .flex.justify-between.px-52.pt-31 > div:first-child{
  color:var(--a140-text)!important;
}

/* 原下划线改成模板式短线 */
.assetsCenter > .flex.mx-52.mt-17{
  margin:2px 18px 0!important;
  width:26px!important;
  height:3px!important;
  display:block!important;
  background:var(--a140-accent)!important;
  border-radius:3px!important;
}

.assetsCenter > .flex.mx-52.mt-17 > span{
  display:none!important;
}

/* ===== 总资产区域：去卡片化 ===== */
.assetsCenter .total_wrap{
  margin:30px 18px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.assetsCenter .total_wrap > .flex.justify-between{
  align-items:flex-start!important;
}

.assetsCenter .total_wrap .font-30{
  font-size:13px!important;
  line-height:18px!important;
  color:var(--a140-sub)!important;
}

.assetsCenter .total_wrap .font-700.font-66{
  margin-top:12px!important;
  font-size:38px!important;
  line-height:44px!important;
  font-weight:900!important;
  color:var(--a140-text)!important;
  letter-spacing:-1px!important;
}

.assetsCenter .total_wrap .font-700.font-66 .font-40{
  margin-left:4px!important;
  font-size:13px!important;
  line-height:18px!important;
  color:var(--a140-sub)!important;
  font-weight:600!important;
}

.assetsCenter .right-clock{
  width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.assetsCenter .right-clock img{
  width:22px!important;
  height:22px!important;
}

/* ===== 三个原功能按钮：充值 / 提领 / 闪兑 ===== */
.assetsCenter .btn-box{
  margin:28px 18px 0!important;
  padding:0!important;
  background:transparent!important;
  gap:18px!important;
  justify-content:flex-start!important;
}

.assetsCenter .btn-box > div{
  flex:1 1 0!important;
  min-width:0!important;
  background:transparent!important;
  color:var(--a140-text)!important;
  text-align:center!important;
}

.assetsCenter .btn-box .word-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
}

.assetsCenter .btn-box .word-wrap img{
  width:48px!important;
  height:48px!important;
  padding:12px!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  background:var(--a140-panel)!important;
  object-fit:contain!important;
}

.assetsCenter .btn-box .word-wrap span{
  color:var(--a140-text)!important;
  font-size:12px!important;
  line-height:17px!important;
  font-weight:700!important;
}

/* ===== 投资组合/账户列表 ===== */
.assetsCenter .pl-30.pr-30{
  padding-left:18px!important;
  padding-right:18px!important;
}

.assetsCenter .assets-content-title{
  margin-top:44px!important;
  padding-bottom:14px!important;
  color:var(--a140-text)!important;
  font-size:20px!important;
  line-height:28px!important;
  font-weight:900!important;
}

/* 列表像第二张模板一样干净，无卡片 */
.assetsCenter .assets-list{
  min-height:76px!important;
  padding:15px 0!important;
  margin:0!important;
  border-bottom:1px solid var(--a140-border)!important;
  background:transparent!important;
  align-items:center!important;
}

.assetsCenter .assets-list:last-child{
  border-bottom:0!important;
}

.assetsCenter .assets-list .items-center{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.assetsCenter .assets-list .items-center > img{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  object-fit:contain!important;
}

.assetsCenter .assets-list .symbol-name{
  color:var(--a140-text)!important;
  font-size:15px!important;
  line-height:21px!important;
  font-weight:800!important;
}

.assetsCenter .assets-list .flex-col.font-30{
  color:var(--a140-text)!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:750!important;
}

.assetsCenter .assets-list .flex-col.font-30 .text-grey{
  margin-top:3px!important;
  color:var(--a140-sub)!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:500!important;
}

/* ===== 底部导航 ===== */
.assetsCenter ~ .van-tabbar,
.van-tabbar.van-tabbar--fixed{
  background:var(--a140-panel)!important;
  border-top:1px solid var(--a140-border)!important;
}

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

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

/* ===== 清理资产页旧硬编码浅灰/白色背景 ===== */
.assetsCenter .total_wrap[style],
.assetsCenter .btn-box[style]{
  background:transparent!important;
}

.assetsCenter .btn-box > div[style]{
  background:transparent!important;
}

/* ===== 主题平滑 ===== */
.assetsCenter,
.assetsCenter .assets-list,
.assetsCenter .btn-box .word-wrap img,
.van-tabbar.van-tabbar--fixed{
  transition:
    background-color .14s ease,
    color .14s ease,
    border-color .14s ease!important;
}

@media(max-width:390px){
  .assetsCenter > .flex.justify-between.px-52.pt-31{
    gap:18px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .assetsCenter .total_wrap{
    margin-left:14px!important;
    margin-right:14px!important;
  }

  .assetsCenter .btn-box{
    margin-left:14px!important;
    margin-right:14px!important;
    gap:12px!important;
  }

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

  .assetsCenter .total_wrap .font-700.font-66{
    font-size:34px!important;
  }
}