/* =========================================================
   CoinASX V167 - User Center Enterprise UI
   只作用于 .userCenter
   ========================================================= */

:root{
  --uc167-bg:#000;
  --uc167-surface:#101216;
  --uc167-surface-2:#171a1f;
  --uc167-border:#24282f;
  --uc167-text:#fff;
  --uc167-text-2:#e8ebef;
  --uc167-sub:#8d949e;
  --uc167-muted:#656c75;
  --uc167-blue:#1769f6;
  --uc167-red:#f04f65;
  --uc167-green:#19c98f;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --uc167-bg:#fff;
  --uc167-surface:#f5f6f8;
  --uc167-surface-2:#eceff3;
  --uc167-border:#e2e6eb;
  --uc167-text:#111317;
  --uc167-text-2:#2a2f36;
  --uc167-sub:#737b86;
  --uc167-muted:#9aa1aa;
  --uc167-blue:#1769f6;
  --uc167-red:#df4358;
  --uc167-green:#0fa875;
}

/* 页面 */
.userCenter.appContent{
  background:var(--uc167-bg)!important;
  color:var(--uc167-text)!important;
  padding-bottom:max(110px,calc(88px + env(safe-area-inset-bottom) + 22px))!important;
}

/* 顶栏 */
.userCenter #assetsHead .van-nav-bar{
  background:var(--uc167-bg)!important;
  border-bottom:1px solid var(--uc167-border)!important;
}
.userCenter #assetsHead .van-nav-bar__content{
  min-height:52px!important;
}
.userCenter #assetsHead .van-icon{
  color:var(--uc167-text)!important;
}

/* 用户资料区 */
.userCenter .userInfo{
  margin:14px 14px 18px!important;
  padding:16px!important;
  min-height:78px!important;

  display:flex!important;
  align-items:center!important;
  gap:12px!important;

  border:1px solid var(--uc167-border)!important;
  border-radius:14px!important;
  background:var(--uc167-surface)!important;
  box-shadow:none!important;
}

.userCenter .userInfo>.imgBox{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:var(--uc167-surface-2)!important;
  border:1px solid var(--uc167-border)!important;
}
.userCenter .userInfo>.imgBox img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.userCenter .userInfo .info{
  min-width:0!important;
  flex:1!important;
}
.userCenter .userInfo .info p{
  margin:0!important;
  color:var(--uc167-text)!important;
  font-size:16px!important;
  line-height:22px!important;
  font-weight:800!important;
}
.userCenter .userInfo .info span{
  display:block!important;
  margin-top:4px!important;
  color:var(--uc167-sub)!important;
  font-size:11px!important;
  line-height:16px!important;
  font-variant-numeric:tabular-nums!important;
}

/* 主体 */
.userCenter .content{
  padding:0 14px!important;
  background:var(--uc167-bg)!important;
}

/* 每个功能分组 */
.userCenter .content .listBox{
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* 分组标题 */
.userCenter .content .list-title{
  margin:0 0 8px!important;
  padding:0 2px!important;
  height:auto!important;
  min-height:18px!important;

  background:transparent!important;
  color:var(--uc167-sub)!important;

  font-size:11px!important;
  line-height:18px!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
}

/* 功能列表容器 */
.userCenter .content .list-cont{
  margin:0!important;
  padding:0!important;
  list-style:none!important;

  overflow:hidden!important;
  border:1px solid var(--uc167-border)!important;
  border-radius:13px!important;
  background:var(--uc167-surface)!important;
}

/* 每个功能按钮 */
.userCenter .content .list-cont>li{
  position:relative!important;
  min-height:56px!important;
  padding:0 13px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;

  background:transparent!important;
  color:var(--uc167-text)!important;
  border:0!important;
  border-bottom:1px solid var(--uc167-border)!important;

  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:background-color .14s ease,opacity .12s ease!important;
}
.userCenter .content .list-cont>li:last-child{
  border-bottom:0!important;
}
.userCenter .content .list-cont>li:active{
  background:var(--uc167-surface-2)!important;
  opacity:.82!important;
}

/* 左侧：图标 + 文本 */
.userCenter .content .list-cont>li>.left{
  flex:1!important;
  min-width:0!important;

  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}

.userCenter .content .list-cont>li>.left>.imgBox{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:10px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:var(--uc167-surface-2)!important;
  border:1px solid var(--uc167-border)!important;
  overflow:hidden!important;
}

.userCenter .content .list-cont>li>.left>.imgBox img{
  width:19px!important;
  height:19px!important;
  max-width:19px!important;
  max-height:19px!important;
  object-fit:contain!important;
}

.userCenter .content .list-cont>li>.left>span{
  min-width:0!important;
  color:var(--uc167-text)!important;
  font-size:13px!important;
  line-height:19px!important;
  font-weight:680!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* 右侧 */
.userCenter .content .list-cont>li>.right{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--uc167-sub)!important;
}

.userCenter .content .list-cont>li>.right>img{
  width:14px!important;
  height:14px!important;
  max-width:14px!important;
  max-height:14px!important;
  opacity:.56!important;
  object-fit:contain!important;
}

/* 状态 badge */
.userCenter .content .list-cont>li>.right .red{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 8px!important;

  border-radius:6px!important;
  color:var(--uc167-red)!important;
  background:rgba(240,79,101,.10)!important;

  font-size:10px!important;
  line-height:16px!important;
  font-weight:750!important;
}

/* 企业级不同功能轻微色彩分类，仍使用原图标 */
.userCenter li[data-uc167-type="security"]>.left>.imgBox{
  background:rgba(23,105,246,.11)!important;
  border-color:rgba(23,105,246,.22)!important;
}
.userCenter li[data-uc167-type="identity"]>.left>.imgBox{
  background:rgba(25,201,143,.10)!important;
  border-color:rgba(25,201,143,.20)!important;
}
.userCenter li[data-uc167-type="support"]>.left>.imgBox{
  background:rgba(25,201,143,.09)!important;
  border-color:rgba(25,201,143,.18)!important;
}

/* 退出登录 */
.userCenter li[data-uc167-type="logout"]{
  justify-content:center!important;
}
.userCenter li[data-uc167-type="logout"]>.left{
  flex:0 0 auto!important;
}
.userCenter li[data-uc167-type="logout"]>.left>.imgBox{
  background:rgba(240,79,101,.10)!important;
  border-color:rgba(240,79,101,.20)!important;
}
.userCenter li[data-uc167-type="logout"]>.left>span{
  color:var(--uc167-red)!important;
  font-weight:800!important;
}
.userCenter li[data-uc167-type="logout"]>.right{
  display:none!important;
}

/* 安全提示 */
.userCenter .cx167-security-note{
  margin:2px 0 18px!important;
  padding:11px 12px!important;

  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;

  border:1px solid var(--uc167-border)!important;
  border-radius:10px!important;
  background:var(--uc167-surface)!important;
  color:var(--uc167-sub)!important;

  font-size:10px!important;
  line-height:16px!important;
}
.userCenter .cx167-security-note:before{
  content:"i";
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:var(--uc167-text)!important;
  background:var(--uc167-surface-2)!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* 手机 */
@media(max-width:390px){
  .userCenter .userInfo{
    margin-left:12px!important;
    margin-right:12px!important;
  }
  .userCenter .content{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .userCenter .content .list-cont>li{
    min-height:53px!important;
    padding-left:11px!important;
    padding-right:11px!important;
  }
  .userCenter .content .list-cont>li>.left>.imgBox{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
}

/* iOS / Android 安全区 */
.userCenter.appContent{
  padding-left:max(0px,env(safe-area-inset-left))!important;
  padding-right:max(0px,env(safe-area-inset-right))!important;
}