.nb[data-v-1d5ea9e1]{display:flex;position:relative}.nb__btn[data-v-1d5ea9e1]{background:var(--surface-2);width:40px;height:40px;color:var(--brand);cursor:pointer;border:none;border-radius:12px;font-size:17px;position:relative}.nb__badge[data-v-1d5ea9e1],.nb__btn[data-v-1d5ea9e1]{place-items:center;display:grid}.nb__badge[data-v-1d5ea9e1]{color:#fff;background:#d64545;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;top:-4px;right:-4px}.nb__backdrop[data-v-1d5ea9e1]{z-index:50;position:fixed;inset:0}.nb__panel[data-v-1d5ea9e1]{z-index:51;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(340px,100vw - 32px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 40px -20px #281e1480}.nb__head[data-v-1d5ea9e1]{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.nb__count[data-v-1d5ea9e1]{color:var(--brand);font-size:12px}.nb__list[data-v-1d5ea9e1]{max-height:60vh;overflow-y:auto}.nb__empty[data-v-1d5ea9e1]{text-align:center;color:var(--ink-soft);margin:0;padding:20px 14px;font-size:13px}.nb__item[data-v-1d5ea9e1]{border:none;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;display:flex}.nb__item[data-v-1d5ea9e1]:last-child{border-bottom:none}.nb__item--unread[data-v-1d5ea9e1]{background:var(--sand-soft)}.nb__dot[data-v-1d5ea9e1]{background:0 0;border-radius:999px;flex:none;width:8px;height:8px;margin-top:5px}.nb__dot.is-on[data-v-1d5ea9e1]{background:var(--brand)}.nb__body[data-v-1d5ea9e1]{flex-direction:column;gap:2px;min-width:0;display:flex}.nb__title[data-v-1d5ea9e1]{color:var(--ink);font-size:13px;font-weight:600}.nb__msg[data-v-1d5ea9e1]{font-size:12px}.nb__msg[data-v-1d5ea9e1],.nb__time[data-v-1d5ea9e1]{color:var(--ink-soft)}.nb__time[data-v-1d5ea9e1]{font-size:11px}