:root{--badge-slide-dur:.26s;--badge-pop-dur:.5s;--badge-pop-close-dur:.18s;--badge-fade-dur:.4s;--badge-fade-close-dur:.18s;--badge-blur:2px;--badge-offset-x:-6px;--badge-offset-y:6px;--badge-slide-ease:cubic-bezier(.22, 1, .36, 1);--badge-pop-ease:cubic-bezier(.34, 1.36, .64, 1);--badge-close-ease:cubic-bezier(.4, 0, .2, 1)}@keyframes t-badge-slide-in{0%{transform:translate(var(--badge-offset-x), var(--badge-offset-y))}to{transform:translate(0)}}@keyframes t-badge-pop-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes t-badge-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.nb-badge-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.nb-badge{pointer-events:none;will-change:transform;z-index:1;position:absolute;top:-4px;right:-6px}.nb-badge[data-open=true]{animation:t-badge-slide-in var(--badge-slide-dur) var(--badge-slide-ease)}.nb-badge-dot{color:#fff;transform-origin:50%;opacity:1;filter:blur();min-width:18px;height:18px;transition:transform var(--badge-pop-dur) var(--badge-pop-ease), opacity var(--badge-fade-dur) var(--badge-pop-ease), filter var(--badge-pop-dur) var(--badge-pop-ease);will-change:transform, opacity, filter;background:#ff4d4f;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:flex;transform:scale(1);box-shadow:0 2px 4px #ff4d4f66}.nb-badge[data-open=false] .nb-badge-dot{opacity:0;filter:blur(var(--badge-blur));transition:transform var(--badge-pop-close-dur) var(--badge-close-ease), opacity var(--badge-fade-close-dur) var(--badge-close-ease), filter var(--badge-pop-close-dur) var(--badge-close-ease);transform:scale(0)}@media (prefers-reduced-motion:reduce){.nb-badge,.nb-badge-dot{transition:none!important;animation:none!important}}.nb-bell{cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex;position:relative}.nb-bell:hover{background:var(--bg);color:var(--accent)}.nb-bell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nb-bell svg{stroke-width:2px;width:18px;height:18px}.nb-bell.has-unread{color:var(--accent)}.nb-bell.has-unread:hover{background:var(--accent-s)}.nb-popup{background:var(--card);border:1px solid var(--line);border-radius:8px;width:380px;max-width:calc(100vw - 24px);overflow:hidden;box-shadow:0 8px 24px #0000001f}.nb-popup-header{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.nb-popup-header button{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:600}.nb-popup-header button:hover:not(:disabled){background:var(--accent-s)}.nb-popup-header button:disabled{color:var(--muted);cursor:default}.nb-popup-body{max-height:380px;overflow:auto}.nb-item{border-bottom:1px solid var(--line);cursor:pointer;background:0 0;gap:10px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:var(--bg)}.nb-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nb-item.is-unread{background:#1677ff0a}.nb-item.is-unread:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:4px}.nb-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.nb-item-body{flex:1;min-width:0}.nb-item-title{color:var(--ink);justify-content:space-between;gap:8px;margin-bottom:2px;font-size:12px;font-weight:700;display:flex}.nb-item-time{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:10px}.nb-item-message{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.nb-empty{text-align:center;color:var(--muted);padding:24px 16px;font-size:12px}.nb-popup-footer{border-top:1px solid var(--line);background:var(--bg);gap:8px;padding:8px 12px;display:flex}.nb-popup-footer a{text-align:center;color:var(--accent);border-radius:4px;flex:1;padding:6px 8px;font-size:12px;font-weight:600;text-decoration:none}.nb-popup-footer a:hover{background:var(--accent-s)}.np-page{min-height:calc(100vh - var(--header-height,64px));padding:16px 20px}.np-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.np-title{color:var(--ink);margin:0;font-size:18px;font-weight:700}.np-tabs{background:var(--bg);border:1px solid var(--line);border-radius:6px;gap:2px;padding:2px;display:inline-flex}.np-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.np-tab.is-active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000001a}.np-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.np-date-filters{gap:4px;display:inline-flex}.np-date-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.np-date-btn:hover{background:var(--bg);color:var(--ink)}.np-date-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.np-list{background:var(--card);border:1px solid var(--line);border-radius:8px}.np-item{border-bottom:1px solid var(--line);cursor:pointer;gap:12px;padding:14px 16px;display:flex;position:relative}.np-item:last-child{border-bottom:none}.np-item:hover{background:var(--bg)}.np-item.is-unread{background:#1677ff0a}.np-item.is-unread:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:6px}.np-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.np-item-body{flex:1;min-width:0}.np-item-title{color:var(--ink);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.np-item-time{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px}.np-item-message{color:var(--muted);margin-bottom:4px;font-size:12px;line-height:1.5}.np-item-link{color:var(--accent);font-size:11px;font-weight:600}.np-empty{text-align:center;color:var(--muted);padding:48px 24px}.np-empty-icon{opacity:.6;margin-bottom:8px;font-size:32px}.np-empty-title{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:700}.np-empty-message{color:var(--muted);font-size:12px}.np-skeleton{border-bottom:1px solid var(--line);gap:12px;padding:14px 16px;display:flex}.np-skeleton:last-child{border-bottom:none}.np-skeleton-bar{background:var(--bg);border-radius:4px;height:12px;animation:1.4s ease-in-out infinite np-pulse}@keyframes np-pulse{0%,to{opacity:.6}50%{opacity:1}}.np-error{text-align:center;color:var(--muted);padding:24px 16px}.np-error button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:6px 14px;font-size:11px;font-weight:600}.np-error button:hover{filter:brightness(.92)}.np-load-more{text-align:center;border-top:1px solid var(--line);padding:12px 16px}.np-load-more button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:4px;padding:6px 14px;font-size:11px;font-weight:600}.np-load-more button:hover{background:var(--bg)}.np-load-more button:disabled{opacity:.5;cursor:default}@media (max-width:768px){.nb-popup{width:calc(100vw - 24px);max-width:380px}.np-page{padding:12px 8px}.np-item{padding:12px}.np-header{gap:8px}}