/* law685 notify bell v1.0 */
.lnb-wrap{position:relative}
.lnb-wrap [class*="_bellDot_"]{display:none!important}
.lnb-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 2px #fff;pointer-events:none}
.lnb-dot[hidden]{display:none}
.lnb-panel{position:absolute;right:-60px;top:calc(100% + 10px);z-index:1200;width:380px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--border-default,#e4e4e7);border-radius:16px;box-shadow:0 18px 50px rgba(34,22,64,.2);overflow:hidden;text-align:left}
.lnb-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f1f1f4;font-size:15px}
.lnb-all{border:0;background:none;color:var(--accent,#5b5bd6);font:inherit;font-size:13px;cursor:pointer;padding:4px 6px;border-radius:6px}
.lnb-all:hover{background:var(--accent-tint,#f1f1fd)}
.lnb-list{max-height:420px;overflow:auto;padding:6px}
.lnb-item{width:100%;display:flex;gap:12px;align-items:flex-start;padding:10px;border:0;border-radius:12px;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit;position:relative}
.lnb-item:hover{background:#f7f6fb}
.lnb-item.is-unread::after{content:"";position:absolute;right:12px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--accent,#5b5bd6)}
.lnb-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.lnb-ic--danger{background:#fef2f2;color:#dc2626}
.lnb-ic--warning{background:#fffbeb;color:#d97706}
.lnb-main{min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:14px}
.lnb-title{font-size:14px;font-weight:600}
.lnb-item:not(.is-unread) .lnb-title{font-weight:500;color:#52525b}
.lnb-body{font-size:13px;color:#71717a;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lnb-time{font-size:12px;color:#a1a1aa}
.lnb-empty{padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#71717a;font-size:13px}
.lnb-empty b{color:#3f3f46;font-size:14px}
.lnb-spin{width:18px;height:18px;border-radius:50%;border:2px solid #e4e4e7;border-top-color:var(--accent,#5b5bd6);animation:lnb-spin .8s linear infinite}
@keyframes lnb-spin{to{transform:rotate(360deg)}}