.notify-wrap{position:relative}.notify-bell{transition:color .2s,background .2s,border-color .2s,transform .18s;position:relative}.notify-bell .icon{transform-origin:50% 8%}.notify-bell.has-unread{color:var(--red);background:var(--red-soft);border-color:#efc4c4}.notify-bell.has-unread:hover{border-color:var(--red);background:#fbe6e6}.notify-bell.is-open{border-color:var(--red);box-shadow:0 0 0 4px #bb25251a}.notify-bell.is-ringing .icon{animation:1.2s cubic-bezier(.36,.07,.19,.97) both notify-ring}.notify-bell.is-ringing:after{content:"";border:2px solid var(--red);opacity:0;pointer-events:none;border-radius:13px;animation:1.2s ease-out both notify-pulse;position:absolute;inset:-2px}.notify-badge{background:var(--red);color:#fff;font-variant-numeric:tabular-nums;border:2px solid #fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.notify-panel{z-index:1200;border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(560px,76vh);animation:.18s ease-out both notify-in;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 50px -18px #01193d59}.notify-head{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.notify-head strong{color:#23262d;letter-spacing:-.01em;font-size:16px;font-weight:750}.notify-count{background:var(--red-soft);color:var(--red);border-radius:999px;margin-left:8px;padding:2px 9px;font-size:12px;font-weight:800}.notify-readall{color:var(--red);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:700}.notify-readall:hover:not(:disabled){background:var(--red-soft)}.notify-readall:disabled{color:#a3a9b6;cursor:default}.notify-list{overscroll-behavior:contain;padding:6px;overflow-y:auto}.notify-item{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:background .15s;display:flex;position:relative}.notify-item:hover{background:#f6f7f9}.notify-item.is-unread{background:#fff7f7}.notify-item.is-unread:hover{background:#ffefef}.notify-item-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.notify-item-icon .icon{width:19px;height:19px}.notify-item-icon.blue{color:#1c4894;background:#e8effb}.notify-item-icon.green{color:#27812c;background:#329b3821}.notify-item-icon.gold{color:#b45309;background:#fff3d6}.notify-item-icon.red{color:#bb2525;background:#fdecec}.notify-item-text{flex:1;gap:2px;min-width:0;display:grid}.notify-item-text strong{color:#23262d;font-size:13.5px;font-weight:650;line-height:1.35}.notify-item-text>span{color:#4b5668;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.notify-item-text small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.notify-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px;box-shadow:0 0 0 3px #bb252526}.notify-more{color:#4b5668;width:calc(100% - 12px);font:inherit;cursor:pointer;background:#fff;border:1px dashed #d1d5db;border-radius:12px;margin:6px;padding:10px;font-size:13px;font-weight:700}.notify-more:hover:not(:disabled){border-color:var(--red);color:var(--red)}.notify-skeleton{background:linear-gradient(100deg,#eef0f3 30%,#f8f9fb 50%,#eef0f3 70%) 0 0/220% 100%;border-radius:12px;height:66px;margin:6px;animation:1.4s linear infinite notify-shimmer}.notify-empty{text-align:center;justify-items:center;gap:6px;padding:42px 24px 46px;display:grid}.notify-empty-icon{width:52px;height:52px;color:var(--muted);background:#f4f5f8;border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.notify-empty-icon .icon{width:22px;height:22px}.notify-empty strong{color:var(--navy);font-size:15px;font-weight:800}.notify-empty p{color:var(--muted);margin:0;font-size:13px}@keyframes notify-ring{0%{transform:rotate(0)}10%{transform:rotate(16deg)}22%{transform:rotate(-14deg)}34%{transform:rotate(11deg)}46%{transform:rotate(-9deg)}58%{transform:rotate(6deg)}70%{transform:rotate(-4deg)}82%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes notify-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes notify-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes notify-shimmer{to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.notify-bell.is-ringing .icon,.notify-bell.is-ringing:after,.notify-panel,.notify-skeleton{animation:none}}@media (max-width:520px){.notify-panel{width:auto;position:fixed;top:68px;left:12px;right:12px}}