@layer lab-base{.im{border:1px solid var(--line-strong);border-top:5px solid var(--accent);border-radius:var(--radius);background:var(--card);max-width:360px;box-shadow:var(--shadow);overflow:hidden}.im-bar{background:var(--accent-soft);border-bottom:1px solid var(--accent-pale);align-items:center;gap:10px;padding:13px 16px;display:flex}.im-me{font-family:var(--display);color:var(--accent-deep);align-items:center;gap:11px;font-size:15px;font-weight:600;display:flex}.im-me .av{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:600;display:grid}.im-me .sig{font-family:var(--body);color:var(--muted);margin-top:1px;font-size:11.5px;font-weight:600;display:block}.roster{-webkit-overflow-scrolling:touch;max-height:560px;padding:6px 0 10px;position:relative;overflow:hidden auto}.group{border-bottom:1px solid var(--line)}.group.dragging{display:none}.group-head{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:10px 14px;display:flex}.group-head:hover{background:var(--panel)}.group-head .tw{color:var(--muted);flex:none;width:12px;font-size:11px;transition:transform .18s}.group.collapsed .group-head .tw{transform:rotate(-90deg)}.group-head .gname{font-family:var(--display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.group-head .gcount{font-family:var(--mono);color:var(--muted);flex:none;font-size:11.5px}.group-head .rename{font-family:var(--display);border:1px solid var(--accent);color:var(--ink);background:#fff;border-radius:8px;outline:none;flex:1;padding:2px 8px;font-size:14px;font-weight:600}.group-members{margin:0;padding:0;list-style:none}.group.collapsed .group-members{display:none}.group-members.empty-hint:after{content:"把好友拖到这里";text-align:center;color:var(--muted);padding:12px;font-size:12px;font-style:italic;display:block}.group.collapsed .group-members.empty-hint:after{display:none}.friend{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-left:3px solid #0000;align-items:center;gap:11px;padding:8px 14px 8px 28px;display:flex}.friend:hover{background:var(--accent-soft)}.friend.sel{background:var(--accent-soft);border-left-color:var(--accent)}.friend.dragging{display:none}.friend .av{color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:grid;position:relative}.friend.off .av{filter:grayscale(.85);opacity:.7}.friend .av .dot{border:1px solid var(--card);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.dot.online{background:var(--good)}.dot.away{background:var(--warn)}.dot.offline{background:var(--muted)}.friend .meta{flex:1;min-width:0}.friend .nm{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.friend.off .nm{color:var(--ink-soft)}.friend .sg{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ph{box-sizing:border-box;border:2px dashed var(--accent);background:var(--accent-soft);border-radius:10px;margin:0 12px;list-style:none}.roster.dragging{cursor:grabbing}.roster.dragging .friend:hover,.roster.dragging .group-head:hover{background:0 0}.drag-ghost{z-index:999;pointer-events:none;box-shadow:var(--shadow-lift);background:var(--card);opacity:.96;border-radius:12px;position:fixed;overflow:hidden;transform:rotate(-1deg)}.drag-ghost .friend,.drag-ghost .group-head{cursor:grabbing}.menu{z-index:1000;background:var(--card);border:1px solid var(--line-strong);min-width:160px;box-shadow:var(--shadow-lift);border-radius:12px;padding:5px;font-size:13px;position:fixed}.menu .mi{cursor:pointer;color:var(--ink-soft);white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;font-weight:600;display:flex;position:relative}.menu .mi:hover{background:var(--accent-soft);color:var(--accent-deep)}.menu .mi.danger:hover{background:var(--bad-soft);color:var(--bad)}.menu .mi .arr{color:var(--muted);font-size:11px}.menu .sep{background:var(--line);height:1px;margin:4px 6px}.submenu{background:var(--card);border:1px solid var(--line-strong);min-width:130px;box-shadow:var(--shadow-lift);border-radius:12px;margin-left:4px;padding:5px;display:none;position:absolute;top:-7px;left:100%}.menu .mi:hover>.submenu{display:block}.submenu .mi.cur{color:var(--accent)}.toast{z-index:1100;background:var(--ink);color:#fff;box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.toast.show{opacity:1;transform:none}}