.lhMemberMenuTrigger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  vertical-align:middle;
}
.lhMemberMenuTrigger:focus{
  outline:none;
}
.lhMemberMenuTrigger.is-open{
  position:relative;
  z-index:10001;
}
.lhMemberMenuTriggerText{
  display:inline-flex;
  align-items:center;
}
.lhMemberMenuText{
  display:inline-flex;
  align-items:center;
  vertical-align:middle;
}

.lhMemberMenuLayer{
  position:fixed;
  z-index:100000;
  min-width:180px;
  max-width:240px;
  background:#fff;
  border:1px solid #d1d5db;
  border-radius:12px;
  box-shadow:0 18px 40px rgba(15,23,42,.18);
  overflow:hidden;
}
.lhMemberMenuHead{
  background:#ef2222;
  color:#fff;
  font-size:13px;
  font-weight:800;
  line-height:1.4;
  padding:10px 12px;
}
.lhMemberMenuList{
  padding:6px 0;
}
.lhMemberMenuItem{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:36px;
  padding:8px 12px;
  text-decoration:none;
  color:#111827;
  background:#fff;
  border:0;
  box-shadow:none;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  cursor:pointer;
}
.lhMemberMenuItem:hover{
  background:#f8fafc;
}
.lhMemberMenuItem:focus{
  outline:none;
  background:#f3f4f6;
}
.lhMemberMenuItemIcon{
  flex:0 0 16px;
  width:16px;
  text-align:center;
  color:#6b7280;
}
.lhMemberMenuItemText{
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
}
@media (max-width:768px){
  .lhMemberMenuLayer{
    min-width:170px;
    max-width:210px;
  }
}

.lhUnreadBadge{
  display:none;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:6px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:20px;
  text-align:center;
  vertical-align:middle;
}
.lhUnreadBadge.is-show{
  display:inline-block;
}