.cs-menu-online{display:none}
@media(max-width:767px){
 .cs-menu-online{display:block;padding:10px 12px;border-block:1px solid var(--color-base-300,#ddd);margin-block:4px}
 .cs-menu-online-title{display:block;font-size:12px;font-weight:650;margin-bottom:8px;color:var(--color-base-content,#252735)}
 .cs-menu-online-list{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;overscroll-behavior-x:contain;scrollbar-width:thin}
 .cs-menu-online-list[hidden],.cs-menu-online-status[hidden]{display:none}
 .cs-menu-online-friend{display:flex;flex:0 0 60px;min-width:0;flex-direction:column;align-items:center;gap:6px;color:inherit;text-decoration:none;font-size:11px}
 .cs-menu-online-friend>span:last-child{display:block;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .cs-menu-online-avatar{position:relative;display:block;width:40px;height:40px;flex-shrink:0}
 .cs-menu-online-avatar img{width:40px;height:40px;object-fit:cover;border-radius:50%;background:var(--color-base-200,#eee)}
 .cs-menu-online-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid var(--color-base-100,#fff);border-radius:50%;background:#22a866}
 .cs-menu-online-status{font-size:12px;line-height:18px;opacity:.65;margin:0;padding-bottom:4px}
 .cs-user-menu{box-sizing:border-box;width:min(18rem,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior-y:contain}
 .cs-menu-online-friend:focus-visible{outline:2px solid var(--color-primary,#7952d8);outline-offset:1px;border-radius:6px}
}