/* Ordinary accounts are gray; an explicit membership flag enables blue. */
.chrome-user{max-width:252px;gap:9px}
.chrome-user-name{max-width:140px}
.vip-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;white-space:nowrap;box-sizing:border-box;height:19px;min-width:47px;padding:0 7px 0 6px;gap:2px;line-height:19px;background:linear-gradient(110deg,#e8ebf0,#dce1e8);color:#5c6675;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.vip-type{font-family:Arial,sans-serif;font-style:italic;font-size:12px;font-weight:800;letter-spacing:.4px}
.vip-cut-spark{font-family:Arial,sans-serif;font-size:10px;line-height:1}
.chrome-user[data-vip="active"] .chrome-avatar{border-color:#fff;box-shadow:0 0 0 1px var(--primary)}
.account-centered [data-vip="active"] .account-avatar-edit{border-color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--primary)}
[data-vip="active"] .vip-mark{background:linear-gradient(110deg,var(--primary-dark),var(--primary));color:#fff}
.account-role-ordinary{background:#f0f2f5!important;color:#687386!important}
.account-centered .account-name{gap:9px;align-items:center;flex-wrap:nowrap}
.account-centered .account-name strong{min-width:0}
.account-name .vip-mark{margin-top:1px}
.account-name .vip-type{font-size:12px}
@media(max-width:767px){
  .chrome-user{max-width:184px;gap:7px}
  .chrome-user-name{max-width:68px}
  .account-centered .account-name{max-width:calc(100% - 70px)}
}