.login-in,.no-login{align-items:center;display:flex;gap:10px}.login-in{cursor:pointer;height:65px;padding:0 15px;position:relative}.login-in .head-img{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:36px;justify-content:center;text-transform:uppercase;width:36px}.login-in .name{color:#333;display:inline-block;font-size:14px;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-in:hover .login-menu{display:block}.login-in .login-menu{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0px 4px 12px rgba(0,0,0,.15);display:none;min-width:160px;padding:8px;position:absolute;right:0;top:65px;z-index:1000}.login-in .login-menu .login-menu-item{border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;transition:all 0.2s ease;white-space:nowrap}.login-in .login-menu .login-menu-item:hover{background:rgba(0,82,217,.08);color:#0052d9}.login-in .login-menu .login-menu-item .real-name{border:1px solid #0052d9;border-radius:3px;color:#0052d9;display:inline-block;font-size:12px;line-height:1;margin-left:8px;padding:2px 8px;text-align:center}.login-in .login-menu .login-menu-item .no-real-name{border:1px solid #e34d59;color:#e34d59}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.font-el1{font-size:14px}.animated{animation-duration:0.3s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@media (max-width:768px){.login-in{padding:0 10px}.login-in .name{display:none}.login-in .login-menu{right:-10px}}