.top{position:fixed;top:0;right:0;left:0;background:#fff;z-index:1000;box-shadow:0 0 20px #0000001a;height:60px;display:flex}.top .logo a{display:flex;align-items:center;justify-content:center}.top .logo a img{height:24px}.top .search .form-control{border-radius:50px}.top .center{display:flex;justify-content:stretch;align-items:center;gap:24px}.top .navbar{flex:1}.top .user{display:flex;gap:8px;position:relative}.top .user a.profile{display:flex;gap:10px;align-items:center;text-decoration:none;color:#100e09;background:#f3f6fa;border:1px solid #F3F6FA;border-radius:22px;height:44px}.top .user a.profile:hover{border:1px solid #dfe4ec}.top .user a.profile .avatar{width:44px;height:44px;border-radius:22px;border:1px solid #bbb}.top .user a.profile .name{display:flex;flex-direction:column;gap:3px}.top .user a.profile .name strong{font-size:13px;line-height:13px;display:block;white-space:nowrap;overflow:hidden;width:130px;text-overflow:ellipsis}.top .user a.profile .name small{color:#100e0980;font-size:11px;line-height:11px;width:130px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top .user .profile-options{opacity:0;position:absolute;top:calc(100% + 25px);right:0;width:225px;background:#fff;border:1px solid #dfe4ec;display:flex;flex-direction:column;padding:12px;border-radius:24px;transition:opacity .2s ease,top .2s ease;pointer-events:none}.top .user .profile-options.open{opacity:1;top:calc(100% + 5px);pointer-events:auto}.top .user .profile-options a{font-size:13px;padding:8px 12px;display:flex;gap:8px;color:#001b47;align-items:center;text-decoration:none}.top .user .profile-options a.master i{color:#ad2c2c}.top .user .profile-options a:hover{background:#dfe4ec;border-radius:20px}