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