.header .account-item > a {
display: inline-flex;
align-items: center;
justify-content: center;
} .header .account-item .icon-user {
display: inline-block !important;
box-sizing: border-box !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
line-height: 40px !important;
font-size: 0 !important;
border: none !important;
border-radius: 12px !important;
background-color: rgba(255, 255, 255, 0.16) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 25px 25px !important;
box-shadow: none !important;
transition: background-color .2s ease, transform .2s ease;
} .header .account-item:hover .icon-user {
background-color: rgba(255, 255, 255, 0.25) !important;
transform: translateY(-1px);
} .header .account-item .icon-user::before {
content: none !important;
} @media (max-width: 549px) {
.header .account-item .icon-user {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
line-height: 32px !important;
border-radius: 10px !important;
background-size: 22px 22px !important;
}
}