.brand-company{display:flex;align-items:center;gap:12px;min-width:0;letter-spacing:0;font-weight:400}
.brand-company .brand-logo{display:block;width:54px;height:54px;flex:0 0 auto;object-fit:contain;border-radius:50%}
.brand-company .brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;color:#111;white-space:nowrap}
.brand-company .brand-name{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:24px;font-weight:500;line-height:1.45;letter-spacing:.3px}
.brand-company .brand-english{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;line-height:1.35;letter-spacing:0}
.topbar .brand-company{flex:0 1 auto}
.topbar .avatar{background:transparent}
.topbar .avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.brand.mini.brand-company{gap:8px}
.brand.mini .brand-logo{width:32px;height:32px}
.brand.mini .brand-name{font-size:14px}
.brand.mini .brand-english{font-size:7.5px}
.login-shell .brand-company{gap:10px;margin-bottom:30px}
.login-shell .brand-logo{width:50px;height:50px}
.login-shell .brand-name{font-size:22px}
.login-shell .brand-english{font-size:11px}
.account-header{gap:16px}
.account-header>a:last-child{white-space:nowrap}
@media(max-width:600px){
 .topbar .brand-company,.account-header .brand-company{gap:8px}
 .topbar .brand-logo,.account-header .brand-logo{width:38px;height:38px}
 .topbar .brand-name,.account-header .brand-name{font-size:clamp(14px,4.1vw,18px);letter-spacing:0}
 .topbar .brand-english,.account-header .brand-english{font-size:clamp(7px,2vw,9px)}
 .topbar .avatar{display:none}
 .account-header{gap:10px;padding:16px}
 .account-header>a:last-child{font-size:11px}
 .login-shell .brand-company{gap:8px}
 .login-shell .brand-logo{width:40px;height:40px}
 .login-shell .brand-name{font-size:clamp(16px,4.6vw,21px);letter-spacing:0}
 .login-shell .brand-english{font-size:clamp(8px,2.5vw,10.5px)}
}
