/* =========================================================
   CoinASX V142
   资产页按钮统一圆形、去卡片、Logo强化
   ========================================================= */

html{
  --a142-bg:#000;
  --a142-panel:#14161a;
  --a142-panel2:#1c1f24;
  --a142-border:#2a2e34;
  --a142-text:#fff;
  --a142-sub:#969ca5;
  --a142-muted:#6f757d;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --a142-bg:#fff;
  --a142-panel:#f3f4f6;
  --a142-panel2:#e9ecef;
  --a142-border:#dfe2e6;
  --a142-text:#111317;
  --a142-sub:#747b84;
  --a142-muted:#9aa1a9;
}

/* ===== 账户切换：保留文字Tab，统一响应样式 ===== */
.assetsCenter > .flex.justify-between.px-52.pt-31{
  gap:22px!important;
}

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

.assetsCenter > .flex.justify-between.px-52.pt-31 > div.cx141-active,
.assetsCenter > .flex.justify-between.px-52.pt-31 > div.cx142-active{
  color:var(--a142-text)!important;
}

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

/* ===== 快捷按钮外层彻底去卡片化 ===== */
.assetsCenter .btn-box{
  margin:24px 18px 0!important;
  padding:0!important;
  display:flex!important;
  justify-content:space-around!important;
  align-items:flex-start!important;
  gap:12px!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.assetsCenter .btn-box > div{
  flex:1 1 0!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* ===== 入金 / 提領 / 閃兌：统一圆形按钮 ===== */
.assetsCenter .btn-box .word-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:78px!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.assetsCenter .btn-box .word-wrap img{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;

  padding:13px!important;
  box-sizing:border-box!important;

  border:1px solid var(--a142-border)!important;
  border-radius:50%!important;
  background:var(--a142-panel)!important;

  object-fit:contain!important;
  box-shadow:none!important;

  transition:transform .12s ease,background-color .14s ease,border-color .14s ease!important;
}

.assetsCenter .btn-box > div:active .word-wrap img{
  transform:scale(.93)!important;
  background:var(--a142-panel2)!important;
}

.assetsCenter .btn-box .word-wrap span{
  color:var(--a142-text)!important;
  font-size:12px!important;
  line-height:17px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

/* ===== 清理旧卡片残留 ===== */
.assetsCenter .btn-box[style],
.assetsCenter .btn-box > div[style],
.assetsCenter .word-wrap[style]{
  background:transparent!important;
  box-shadow:none!important;
}

/* ===== 投资组合/现货列表：无大卡片 ===== */
.assetsCenter .assets-list{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid var(--a142-border)!important;
}

/* ===== 现货账户币种Logo ===== */
.assetsCenter .assets-list .flex.items-center > img,
.assetsCenter .assets-list img.w-72.h-72.rounded-full{
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  flex:0 0 40px!important;

  border-radius:50%!important;
  border:1px solid var(--a142-border)!important;
  background:var(--a142-panel)!important;

  padding:0!important;
  margin:0!important;

  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
}

/* logo失败保护 */
.assetsCenter .assets-list img.cx142-logo-failed{
  object-fit:contain!important;
  padding:8px!important;
  box-sizing:border-box!important;
  opacity:.55!important;
}

/* 币种文字 */
.assetsCenter .assets-list .symbol-name{
  margin-left:12px!important;
  color:var(--a142-text)!important;
  font-size:15px!important;
  font-weight:850!important;
}

.assetsCenter .assets-list .symbol-name .cx141-quote,
.assetsCenter .assets-list .symbol-name .cx142-quote{
  margin-left:3px!important;
  color:var(--a142-sub)!important;
  font-size:12px!important;
  font-weight:600!important;
}

/* 账户详情数字 */
.assetsCenter .assets-list .textColor{
  color:var(--a142-text)!important;
}

.assetsCenter .assets-list .text-grey{
  color:var(--a142-sub)!important;
}

/* ===== 现货账户模式更强化 Logo ===== */
.assetsCenter.cx142-spot-mode .assets-list .flex.items-center > img{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  flex-basis:42px!important;
}

/* ===== 小屏适配 ===== */
@media(max-width:390px){
  .assetsCenter .btn-box{
    margin-left:14px!important;
    margin-right:14px!important;
    gap:8px!important;
  }

  .assetsCenter .btn-box .word-wrap img{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    padding:12px!important;
  }

  .assetsCenter .assets-list .flex.items-center > img,
  .assetsCenter .assets-list img.w-72.h-72.rounded-full{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    flex-basis:38px!important;
  }
}