.button-icon{color:#000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background-color:#ffffffde;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 1px #29292985}.button-icon svg{width:20px;height:20px}.button-icon:hover{color:#fdce0c;background-color:#ed3432;border-color:#fff}.nt-wrap{-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.nt-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #ffd9d9;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s,transform .15s;display:grid;position:relative}.nt-btn svg{width:21px;height:21px}.nt-btn:hover{color:#c1272d;background:#fff6f6}.nt-btn[aria-expanded=true]{color:#c1272d;background:#fff1f1}.nt-count{color:#fff;text-align:center;background:#e11d2e;border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-5px;box-shadow:0 0 0 2px #fff}.nt-panel{z-index:300;text-align:left;white-space:normal;background:#fff;border:1px solid #ffd9d9;border-radius:18px;width:360px;max-width:calc(100vw - 24px);padding:8px;animation:.16s ease-out nt-in;position:absolute;top:calc(100% + 8px);right:-8px;box-shadow:0 18px 44px #9f3a3e29}@keyframes nt-in{0%{opacity:0;transform:translateY(-6px)}}.nt-head{justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 8px;display:flex}.nt-head b{color:#1f2937;font-size:16px}.nt-link{font:inherit;color:#c1272d;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.nt-link:hover{text-decoration:underline}.nt-tabs{background:#f7efe5;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin:0 4px 6px;padding:4px;display:grid}.nt-tabs button{height:34px;font:inherit;color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:11px;font-size:13.5px;font-weight:700}.nt-tabs button.on{color:#1f2937;background:#fff;box-shadow:0 3px 10px #0000001a}.nt-list{flex-direction:column;gap:2px;max-height:min(420px,100vh - 180px);margin:0;padding:0 2px;list-style:none;display:flex;overflow-y:auto}.nt-list button{width:100%;font:inherit;text-align:left;color:#1f2937;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:10px;padding:9px 26px 9px 8px;display:flex;position:relative}.nt-list button:hover{background:#fdf3ea}.nt-list button.unread{background:#fff6ec}.nt-list button.unread:hover{background:#fdecdc}.nt-ico{width:36px;height:36px;color:var(--c,#6b7280);background:color-mix(in srgb, var(--c,#6b7280) 12%, transparent);border-radius:12px;flex-shrink:0;place-items:center;font-size:18px;line-height:1;display:grid}.nt-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nt-body b{color:inherit;font-size:13.5px;font-weight:700;line-height:1.35}.nt-body span{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.nt-body small{color:#9ca3af;font-size:11.5px}.unread .nt-body b{color:#111827}.nt-dot{background:#e11d2e;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:10px}.nt-empty{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:26px 16px 22px;display:flex}.nt-empty span{filter:grayscale(.2);margin-bottom:4px;font-size:34px;line-height:1}.nt-empty b{color:#374151;font-size:14px}.nt-empty small{color:#9ca3af;font-size:12.5px}@media (max-width:560px){.nt-panel{width:auto;position:fixed;top:64px;left:12px;right:12px}}html[data-theme=dark] .nt-btn{color:#e9e6ff;background:#ffffff0f;border-color:#8b5cf659}html[data-theme=dark] .nt-btn:hover,html[data-theme=dark] .nt-btn[aria-expanded=true]{color:#fde68a;background:#8b5cf62e}html[data-theme=dark] .nt-count{box-shadow:0 0 0 2px #19154a}html[data-theme=dark] .nt-panel{background:#19154a;border-color:#8b5cf659;box-shadow:0 20px 50px #0000008c,0 0 30px #8b5cf626}html[data-theme=dark] .nt-head b{color:#f3f1ff}html[data-theme=dark] .nt-link{color:#f9a8d4}html[data-theme=dark] .nt-tabs{background:#ffffff0f}html[data-theme=dark] .nt-tabs button{color:#a9a5d6}html[data-theme=dark] .nt-tabs button.on{color:#fff;background:linear-gradient(90deg,#4c1d95,#6d28d9);box-shadow:0 0 14px #8b5cf680}html[data-theme=dark] .nt-list button{color:#f3f1ff}html[data-theme=dark] .nt-list button:hover{background:#8b5cf624}html[data-theme=dark] .nt-list button.unread,html[data-theme=dark] .nt-ico{background:#8b5cf633}html[data-theme=dark] .nt-body span,html[data-theme=dark] .nt-empty small{color:#a9a5d6}html[data-theme=dark] .nt-body small{color:#7c78b8}html[data-theme=dark] .nt-body b{color:#e9e6ff}html[data-theme=dark] .unread .nt-body b,html[data-theme=dark] .nt-empty b{color:#fff}html[data-skin=hanzi] .nt-btn{background:var(--hz-card);color:var(--hz-ink);border-color:#0000}html[data-skin=hanzi] .nt-panel{background:var(--hz-card);box-shadow:0 0 0 2px var(--hz-ink),4px 5px 0 2px var(--hz-shadow);border-color:#0000;border-radius:12px 16px 11px 15px}html[data-skin=hanzi] .nt-head b,html[data-skin=hanzi] .nt-list button,html[data-skin=hanzi] .unread .nt-body b,html[data-skin=hanzi] .nt-empty b{color:var(--hz-ink)}html[data-skin=hanzi] .nt-link{color:var(--hz-red)}html[data-skin=hanzi] .nt-tabs{background:var(--hz-paper);box-shadow:inset 0 0 0 1.5px var(--hz-ink)}html[data-skin=hanzi] .nt-tabs button.on{background:var(--hz-mark);color:#2a2421;box-shadow:0 0 0 1.5px var(--hz-ink)}html[data-skin=hanzi] .nt-list button:hover{background:#f6c65b2e}html[data-skin=hanzi] .nt-list button.unread{background:#f6c65b42}html[data-skin=hanzi] .nt-ico{background:var(--hz-paper);box-shadow:0 0 0 1.5px var(--hz-ink)}html[data-skin=hanzi] .nt-dot{background:var(--hz-red)}