/* =========================================================
   CoinASX V141 - Assets Pro Detail
   基于 V140 精修
   ========================================================= */

html{
  --a141-bg:#000000;
  --a141-panel:#121418;
  --a141-panel-2:#1a1d22;
  --a141-border:#282c32;
  --a141-text:#ffffff;
  --a141-sub:#959ba4;
  --a141-muted:#6f757d;
  --a141-accent:#ffffff;
  --a141-shadow:0 8px 24px rgba(0,0,0,.22);
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --a141-bg:#ffffff;
  --a141-panel:#f4f5f7;
  --a141-panel-2:#eceef1;
  --a141-border:#dfe2e6;
  --a141-text:#111317;
  --a141-sub:#747b84;
  --a141-muted:#9aa1a9;
  --a141-accent:#111317;
  --a141-shadow:0 8px 24px rgba(17,24,39,.06);
}

/* ===== 顶部账户 Tab ===== */
.assetsCenter > .flex.justify-between.px-52.pt-31{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  padding:22px 18px 0!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{
  position:relative!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  color:var(--a141-sub)!important;
  transition:color .16s ease,transform .12s ease!important;
}

.assetsCenter > .flex.justify-between.px-52.pt-31 > div .font-32{
  color:inherit!important;
  font-size:16px!important;
  line-height:30px!important;
  font-weight:750!important;
  letter-spacing:-.15px!important;
}

/* JS根据原 active_color 同步 */
.assetsCenter > .flex.justify-between.px-52.pt-31 > div.cx141-active{
  color:var(--a141-text)!important;
}

.assetsCenter > .flex.justify-between.px-52.pt-31 > div.cx141-active .font-32{
  font-weight:900!important;
}

.assetsCenter > .flex.justify-between.px-52.pt-31 > div.cx141-active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:24px;
  height:3px;
  border-radius:3px;
  background:var(--a141-accent);
  transform:translateX(-50%);
}

.assetsCenter > .flex.justify-between.px-52.pt-31 > div:active{
  transform:scale(.97)!important;
}

/* 原下划线仍作为Vue状态源，但视觉隐藏 */
.assetsCenter > .flex.mx-52.mt-17{
  height:12px!important;
  margin:0 18px!important;
  background:transparent!important;
  width:auto!important;
}
.assetsCenter > .flex.mx-52.mt-17 > span{
  opacity:0!important;
  height:1px!important;
}

/* ===== 总资产 ===== */
.assetsCenter .total_wrap{
  margin:24px 18px 0!important;
  padding:16px 0 0!important;
  background:transparent!important;
}

.assetsCenter .total_wrap .font-700.font-66{
  margin-top:10px!important;
  color:var(--a141-text)!important;
  font-size:40px!important;
  line-height:46px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-
  letter-spacing:-1.2px!important;
}

.assetsCenter .total_wrap .tex
  color:var(--a141-sub)!important;
}

/* ===== 快捷功能 ===== */
.assetsCenter .btn-box{
  margin:24px 18px 0!important;
  padding:0!important;
  gap:16px!important;
  background:transparent!important;
}

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

.assetsCenter .btn-box .word-wrap{
  min-height:82px!important;
  gap:8px!important;
}

.assetsCenter .btn-box .word-wrap img{
  width:50px!
  height:50px!important;
  padding:12px!imp
  border:1px solid var(--a141-border)!important;
  border-radius:50%!important;
  background:var(--a141-panel)!important;
  box-shadow:var(--a141-shadow)!important;
  transition:transform .12s ease,background-color .15s ease,border-color .15s ease!important;
}

.assetsCenter .btn-box > div:active .word-wrap img{
  transform:scale(.94)!important;
  background:var(--a141-panel-2)!important;
}

.assetsCenter .btn-box .word-wrap 
  color:var(--a141-text)!impo
  font-size:12px!important;
  font-weight:750!important;
}

/* ===== 投资组合标题 ===== */
.assetsCenter .assets-content-title{
  display:flex!important;
  align-item
  justify-content:space-between!important;
  margin-top:40px!important;
  padding-bottom:12px!important;
  color:var(--a141-text)!important;
  font-size:20px!important;
  line-height:28px!important;
  font-weight:900!important;
}

/* ===== 资产列表 ===== */
.assetsCenter .assets-list{
  position:relative!important;
  margin:0!important;
  padding:16px 0!important;
  min-height:76px!important;
  background:transparent!important;
  border-bottom:1px solid var(--a141-border)!important;
  transition:background-color .13s ease!important;
}

.assetsCenter .assets-list:active{
  background:var(--a141-panel)!important;
}

.assetsCenter .assets-list > .flex.justify-between:first-child{
  align-items:center!important;
}

/* 现货币种 Logo：重点 */
.assetsCenter .assets-list .flex.items-center > img,
.assetsCenter .assets-list img.w-72.h-72.rounded-full{
  display:block!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--a141-border)!important;
  border-radius:50%!important;
  background:var(--a141-panel-2)!important;
  object-fit:cover!important;
  box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
  opacity:1!important;
  visibility:visible!important;
}

/* 图片加载失败时仍保持圆形logo位 */
.assetsCenter .assets-list img.cx141-logo-failed{
  object-fit:contain!important;
  padding:7px!important;
  box-sizing:border-box!important;
  opacity:.55!important;
}

/* 币种名称 */
.assetsCenter .assets-list .symbol-name{
  margin-left:12px!important;
  color:var(--a141-text)!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:850!important;
  letter-spacing:.1px!important;
}

/* 把 XXX/USDT 中 /USDT 做弱化由JS拆分 */
.assetsCenter .assets-list .symbol-name .cx141-quote{
  margin-left:3px!important;
  color:var(--a141-sub)!important;
  font-size:12px!important;
  font-weight:600!important;
}

/* 右侧资产数字 */
.assetsCenter .assets-list > .flex.justify-between:first-child > .flex-col{
  min-width:100px!important;
}

.assetsCenter .assets-list > .flex.justify-between:first-child > .flex-col .textColor{
  color:var(--a141-text)!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums!important;
}

.assetsCenter .assets-list > .flex.justify-between:first-child > .flex-col .text-grey{
  margin-top:3px!important;
  color:var(--a141-sub)!important;
  font-size:11px!important;
  line-height:15px!important;
  font-weight:500!important;
}

/* 可用/锁仓/冻结 */
.assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94{
  margin-top:14px!important;
  padding-left:50px!important;
  gap:16px!important;
}

.assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94 > div{
  flex:1 1 0!important;
  min-width:0!important;
}

.assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94 .text-grey{
  color:var(--a141-muted)!important;
  font-size:10px!important;
  line-height:15px!important;
}

.assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94 .textColor{
  margin-top:3px!important;
  color:var(--a141-text)!important;
  font-size:12px!important;
  line-height:17px!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}

/* ===== 现货账户下资产 logo 缺失保护 ===== */
.assetsCenter.cx141-spot-mode .assets-list .flex.items-center{
  min-width:0!important;
}

/* ===== 淡入只用于账户内容切换，不影响数据行情 ===== */
.assetsCenter.cx141-account-changed .box-border{
  animation:cx141Fade .16s ease-out;
}
@keyframes cx141Fade{
  from{opacity:.68;transform:translateY(2px)}
  to{opacity:1;transform:none}
}

/* ===== 浅/深主题 ===== */
.assetsCenter,
.assetsCenter .assets-list,
.assetsCenter .btn-box .word-wrap img{
  transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;
}

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

  .assetsCenter > .flex.justify-between.px-52.pt-31 > div .font-32{
    font-size:15px!important;
  }

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

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

  .assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94{
    padding-left:46px!important;
    gap:10px!important;
  }
}