.nbell[data-v-ab93d20a]{position:relative;display:inline-flex}.nbell__btn[data-v-ab93d20a]{position:relative;background:none;border:0;cursor:pointer;padding:4px;line-height:1}.nbell__glyph[data-v-ab93d20a]{font-size:18px}.nbell__badge[data-v-ab93d20a]{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#c0392b;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:9px}.nbell__menu[data-v-ab93d20a]{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,90vw);background:#fff;border:1px solid #e3ddd1;border-radius:12px;box-shadow:0 12px 32px #14181e2e;z-index:60;overflow:hidden}.nbell__head[data-v-ab93d20a]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #ece7dd}.nbell__title[data-v-ab93d20a]{font-weight:700}.nbell__mark[data-v-ab93d20a]{background:none;border:0;color:#1a2a3a;font-size:12px;cursor:pointer}.nbell__list[data-v-ab93d20a]{list-style:none;margin:0;padding:0;max-height:360px;overflow-y:auto}.nbell__item[data-v-ab93d20a]{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding:10px 14px;border-bottom:1px solid #f1ece2;cursor:pointer}.nbell__item[data-v-ab93d20a]:hover{background:#f7f4ee}.nbell__item--unread[data-v-ab93d20a]{background:#f3f6f9}.nbell__dot[data-v-ab93d20a]{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#2c6e9b}.nbell__item:not(.nbell__item--unread) .nbell__dot[data-v-ab93d20a]{visibility:hidden}.nbell__msg[data-v-ab93d20a]{font-size:13px;line-height:1.35}.nbell__time[data-v-ab93d20a]{font-size:11px;color:#9a9183;white-space:nowrap}.nbell__empty[data-v-ab93d20a]{padding:24px 14px;text-align:center;color:#9a9183;font-size:13px}.nbell__all[data-v-ab93d20a]{display:block;padding:11px 14px;text-align:center;font-size:13px;font-weight:600;color:#1a2a3a;border-top:1px solid #ece7dd;text-decoration:none}.nbell__all[data-v-ab93d20a]:hover{background:#f7f4ee}