.xhu{position:relative;display:inline-flex;margin-left:4px}
.xhu-btn{display:inline-flex;align-items:center;gap:4px;padding:2px;border:0;background:none;color:#6b7894;cursor:pointer;border-radius:999px}
.xhu-btn:hover{color:var(--blue,#2563eb)}
.xhu-btn:focus-visible{outline:2px solid rgba(39,113,255,.5);outline-offset:2px}
.xhu-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--blue,#2563eb),var(--violet,#7c3aed));color:#fff;font-size:13px;font-weight:500}
.xhu-av img{width:100%;height:100%;object-fit:cover;display:block}
.xhu-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:230px;padding:8px;border:1px solid rgba(203,214,238,.8);border-radius:16px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 44px -18px rgba(22,34,75,.45)}
.xhu-mail{padding:8px 12px 10px;font-size:13px;color:#6b7894;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xhu-pop a,.xhu-pop button{display:block;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;text-align:left;font:inherit;font-size:14px;font-weight:400;color:var(--ink,#16224b);text-decoration:none;cursor:pointer}
.xhu-pop a:hover,.xhu-pop button:hover,.xhu-pop a:focus-visible,.xhu-pop button:focus-visible{background:#eef3ff}
.xhu-pop hr{border:0;border-top:1px solid #e3eafa;margin:6px 4px}
.xhu-out{color:#b42318!important}