.notify-wrap{position:relative}.bell{position:relative;background:#eef3ef;color:#1d573d;padding:9px 12px}.badge{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;border-radius:12px;background:#a52d2d;color:#fff;font-size:11px;display:grid;place-items:center}.notify-menu{display:none;position:absolute;right:0;top:45px;width:360px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #17201c2a;padding:12px;z-index:40}.notify-wrap.open .notify-menu{display:block}.notify-menu a,.notice-item{display:grid;gap:4px;padding:12px;color:var(--ink);text-decoration:none;border-bottom:1px solid #eceeea}.notify-menu span,.notice-item span{color:var(--muted);font-size:13px}.notice-list{background:#fff;border:1px solid var(--line);border-radius:14px}.notice-item.read{opacity:.55}.ops-toggle{position:fixed;right:0;top:45%;z-index:31;border-radius:12px 0 0 12px;padding:14px 10px}.ops-overlay{position:fixed;inset:0;background:#17201c55;z-index:29;display:none}.ops-panel{position:fixed;right:-430px;top:0;width:min(420px,94vw);height:100vh;background:#fff;z-index:30;box-shadow:-20px 0 60px #17201c2a;padding:28px;overflow:auto;transition:right .25s}.ops-panel.open{right:0}.ops-overlay.open{display:block}.ops-panel li{padding:10px 0;border-bottom:1px solid #eceeea;display:grid;gap:3px}.ops-panel ul{padding:0;list-style:none}.ops-close{float:right}.notify-menu form{margin:8px 0}@media(max-width:800px){.notify-menu{position:fixed;left:12px;right:12px;top:72px;width:auto}}