/* =========================================================
   CoinASX V148 - Assets Exchange Pro
   原DOM / 原余额 / 原点击 / 原Vue业务均不重建
   ========================================================= */

html{
  --ap-bg:#000000;
  --ap-bg-soft:#08090b;
  --ap-panel:#121418;
  --ap-panel-2:#191c21;
  --ap-border:#25292f;
  --ap-border-soft:#1c2025;
  --ap-text:#ffffff;
  --ap-text-2:#e7e9ec;
  --ap-sub:#9298a1;
  --ap-muted:#666d76;
  --ap-accent:#ffffff;
  --ap-green:#18c892;
  --ap-red:#f04d64;
  --ap-shadow:0 10px 28px rgba(0,0,0,.20);
}

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

/* ===== 页面基础 ===== */
body:has(.assetsCenter),
.assetsCenter.appContent,
.assetsCenter,
.assetsCenter .box-border{
  background:var(--ap-bg)!important;
  color:var(--ap-text)!important;
}

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

/* ===== 顶部账户 Tab ===== */
.assetsCenter > .flex.justify-between.px-52.pt-31{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:24px!important;
  padding:21px 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;
  color:var(--ap-sub)!important;
  transition:color .14s ease,transform .10s ease!important;
}

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

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

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

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

.assetsCenter > .flex.mx-52.mt-17{
  height:12px!important;
  margin:0 18px!important;
  background:transparent!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;
  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{
  color:var(--ap-sub)!important;
  font-size:12px!important;
  line-height:17px!important;
  font-weight:620!important;
}

.assetsCenter .total_wrap .font-700.font-66{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  margin-top:11px!important;
  color:var(--ap-text)!important;
  font-size:39px!important;
  line-height:46px!important;
  font-weight:950!important;
  letter-spacing:-1.15px!important;
  font-variant-numeric:tabular-nums!important;
}

.assetsCenter .total_wrap .font-700.font-66 > .font-40{
  margin:0!important;
  color:var(--ap-sub)!important;
  font-size:12px!important;
  line-height:17px!important;
  font-weight:560!important;
  letter-spacing:0!important;
}

.assetsCenter .total_wrap .right-clock{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:var(--ap-panel)!important;
  border:1px solid var(--ap-border)!important;
}

.assetsCenter .total_wrap .right-clock img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}

/* ===== 入金 / 提领 / 兑换：只保留圆形图标，去方形卡片 ===== */
.assetsCenter .btn-box{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  gap:38px!important;
  margin:28px 18px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.assetsCenter .btn-box > div{
  flex:0 0 62px!important;
  width:62px!important;
  min-width:62px!important;
  margin:0!important;
  padding: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:8px!important;
  min-height:74px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.assetsCenter .btn-box .word-wrap img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  padding:12px!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  border:1px solid var(--ap-border)!important;
  background:var(--ap-panel)!important;
  object-fit:contain!important;
  box-shadow:none!important;
  transition:transform .10s ease,background-color .14s ease,border-color .14s ease!important;
}

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

.assetsCenter .btn-box .word-wrap span{
  margin:0!important;
  color:var(--ap-text)!important;
  font-size:11.5px!important;
  line-height:16px!important;
  font-weight:760!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* 强制清掉旧 tabBackground 方形块 */
.assetsCenter .btn-box .tabBackground,
.assetsCenter .btn-box > div[style],
.assetsCenter .btn-box .word-wrap[style]{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* ===== Portfolio 标题 ===== */
.assetsCenter .pl-30.pr-30{
  padding-left:18px!important;
  padding-right:18px!important;
}

.assetsCenter .assets-content-title{
  margin-top:42px!important;
  margin-bottom:3px!important;
  padding:0!important;
  color:var(--ap-text)!important;
  font-size:20px!important;
  line-height:28px!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
}

/* ===== 币种资产列表 ===== */
.assetsCenter .assets-list{
  position:relative!important;
  margin:0!important;
  padding:18px 0 16px!important;
  min-height:92px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ap-border-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:background-color .10s ease!important;
}

.assetsCenter .assets-list:active{
  background:var(--ap-bg-soft)!important;
}

/* 主行 */
.assetsCenter .assets-list > .flex.justify-between:first-child{
  align-items:center!important;
  min-height:42px!important;
}

.assetsCenter .assets-list .flex.items-center{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

/* 加密货币 Logo */
.assetsCenter .assets-list .flex.items-center > img.w-72.h-72.rounded-full,
.assetsCenter .assets-list .flex.items-center > img[src*="/coins/"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  flex:0 0 38px!important;
  margin:0 12px 0 0!important;
  padding:0!important;
  border:1px solid var(--ap-border)!important;
  border-radius:50%!important;
  background:var(--ap-panel)!important;
  object-fit:contain!important;
}

/* 币对名称 */
.assetsCenter .assets-list .symbol-name{
  margin:0!important;
  color:var(--ap-text)!important;
  font-size:14.5px!important;
  line-height:20px!important;
  font-weight:860!important;
  letter-spacing:.05px!important;
  white-space:nowrap!important;
}

/* 右侧主余额 */
.assetsCenter .assets-list > .flex.justify-between:first-child > .flex-col.text-right{
  min-width:112px!important;
}

.assetsCenter .assets-list > .flex.justify-between:first-child > .flex-col.text-right .textColor{
  color:var(--ap-text)!important;
  font-size:14px!important;
  line-height:19px!important;
  font-weight:860!important;
  font-variant-numeric:tabular-nums!important;
}

.assetsCenter .assets-list > .flex.justify-between:first-child > .flex-col.text-right .text-grey{
  margin-top:3px!important;
  color:var(--ap-sub)!important;
  font-size:10px!important;
  line-height:14px!important;
  font-weight:520!important;
  font-variant-numeric:tabular-nums!important;
}

/* Available / LOCK-UP / Freeze */
.assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:14px!important;
  margin-top:14px!important;
  padding-left:50px!important;
}

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

.assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94 .text-grey{
  color:var(--ap-muted)!important;
  font-size:9px!important;
  line-height:13px!important;
  font-weight:560!important;
  letter-spacing:.05px!important;
  white-space:nowrap!important;
}

.assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94 .textColor{
  margin-top:4px!important;
  color:var(--ap-text-2)!important;
  font-size:10.5px!important;
  line-height:15px!important;
  font-weight:740!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* ===== 底部导航 ===== */
.van-tabbar.van-tabbar--fixed{
  background:color-mix(in srgb,var(--ap-panel) 94%,transparent)!important;
  border-top:1px solid var(--ap-border)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

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

.van-tabbar.van-tabbar--fixed .van-tabbar-item--active{
  color:var(--ap-text)!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 .total_wrap,
  .assetsCenter .btn-box{
    margin-left:14px!important;
    margin-right:14px!important;
  }

  .assetsCenter .btn-box{
    gap:30px!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:8px!important;
  }

  .assetsCenter .assets-list > .flex.justify-between.mt-40.pl-94 .textColor{
    font-size:9.8px!important;
  }
}

/* ===== 主题切换静态区域平滑 ===== */
.assetsCenter,
.assetsCenter .total_wrap .right-clock,
.assetsCenter .btn-box .word-wrap img,
.assetsCenter .assets-list,
.van-tabbar.van-tabbar--fixed{
  transition:
    background-color .14s ease,
    color .14s ease,
    border-color .14s ease!important;
}