.nb{display:inline-flex;position:relative}.nb-btn{color:#2b2733;cursor:pointer;background:#fff;border:1px solid #e3dfe8;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative}.nb-btn:hover{background:#f4f1f8}.nb-count{color:#fff;background:#e5484d;border:2px solid #fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.nb-panel{z-index:80;color:#1e1e25;text-align:left;background:#fff;border:1px solid #e7e3ec;border-radius:18px;flex-direction:column;width:min(380px,100vw - 24px);max-height:min(520px,100vh - 120px);display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 50px #1e14322e}.nb-head{border-bottom:1px solid #f0edf3;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px 16px;display:flex}.nb-head b{font-size:15px}.nb-head>div{align-items:center;gap:4px;display:flex}.nb-head button{color:#6d55d8;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.nb-head button:hover{background:#f4f1f8}.nb-head .nb-x{color:#77707f}.nb-panel ul{margin:0;padding:6px;list-style:none;overflow:auto}.nb-panel li button{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:11px;padding:11px 10px;display:flex}.nb-panel li button:hover{background:#f7f5fa}.nb-panel li button.is-unread{background:#f6f3ff}.nb-ico{color:#6b5f7a;background:#f0edf5;border-radius:10px;flex:0 0 32px;place-items:center;height:32px;display:grid}.nb-ico.k-paid,.nb-ico.k-tier{color:#1f8a43;background:#e3f6e8}.nb-ico.k-cancelled,.nb-ico.k-revoked{color:#c9384a;background:#fde8e8}.nb-ico.k-receipt{color:#a8660b;background:#fff3dc}.nb-ico.k-register,.nb-ico.k-welcome{color:#5b49c9;background:#ecebff}.nb-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nb-text b{font-size:13.5px;line-height:1.35}.nb-text small{color:#6e6878;overflow-wrap:anywhere;font-size:12.5px;line-height:1.45}.nb-text i{color:#9a93a3;margin-top:2px;font-size:11px;font-style:normal}.nb-dot{background:#6d55d8;border-radius:50%;flex:0 0 8px;height:8px;margin-top:6px}.nb-empty{text-align:center;color:#8d8496;padding:28px 16px;font-size:13px}@media (max-width:760px){.nb-btn{width:38px;height:38px}.nb-panel{width:auto;position:fixed;top:70px;left:12px;right:12px}}