.notif-list[data-v-7cbd8ac7]{flex-direction:column;padding-bottom:8px;display:flex}.notif-item[data-v-7cbd8ac7]{cursor:pointer;border-radius:4px;align-items:stretch;gap:8px;padding:8px 6px;transition:background-color .15s;display:flex;position:relative}.notif-item[data-v-7cbd8ac7]:hover{background-color:#0000000a}.notif-item+.notif-item[data-v-7cbd8ac7]{border-top:1px solid #0000000f}.notif-item[data-v-7cbd8ac7]:not(.notif-item--read){background-color:#2080f00a}.notif-item[data-v-7cbd8ac7]:not(.notif-item--read):hover{background-color:#2080f014}.notif-item--read .notif-body[data-v-7cbd8ac7]{opacity:.55}.notif-item--read:hover .notif-body[data-v-7cbd8ac7]{opacity:.8}.notif-bar[data-v-7cbd8ac7]{border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.notif-body[data-v-7cbd8ac7]{flex-direction:column;flex:1;gap:2px;min-width:0;transition:opacity .15s;display:flex}.notif-header[data-v-7cbd8ac7]{align-items:flex-start;gap:6px;min-width:0;display:flex}.notif-dot[data-v-7cbd8ac7]{background:#2080f0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.notif-title[data-v-7cbd8ac7]{-webkit-line-clamp:2;line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:13px;font-weight:500;display:-webkit-box;overflow:hidden}.notif-sender[data-v-7cbd8ac7]{white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:500}.notif-right[data-v-7cbd8ac7]{flex-shrink:0;justify-content:flex-end;align-items:center;margin-left:auto;display:inline-flex;position:relative}.notif-time[data-v-7cbd8ac7]{color:var(--n-text-color-3);white-space:nowrap;font-size:11px}.notif-actions[data-v-7cbd8ac7]{background:inherit;opacity:0;justify-content:flex-end;align-items:center;gap:4px;transition:opacity .15s;display:inline-flex;position:absolute;top:0;bottom:0;left:0;right:0}.notif-item:hover .notif-sender[data-v-7cbd8ac7],.notif-item:hover .notif-time[data-v-7cbd8ac7]{visibility:hidden}.notif-item:hover .notif-actions[data-v-7cbd8ac7]{opacity:1}.notif-link--jump[data-v-7cbd8ac7]{color:#18a058;cursor:pointer;font-size:12px;text-decoration:none}.notif-link--jump[data-v-7cbd8ac7]:hover{text-decoration:underline}.notif-message-preview[data-v-7cbd8ac7]{color:var(--n-text-color-3);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.notif-message-preview.markdown-inline[data-v-7cbd8ac7] p{margin:0}.notif-message-preview.markdown-inline[data-v-7cbd8ac7] code{background:#0000000f;border-radius:3px;padding:1px 4px;font-size:11px}.notif-message-preview.markdown-inline[data-v-7cbd8ac7] a{color:#2080f0;text-decoration:none}.detail-sender[data-v-7cbd8ac7]{font-size:12px;font-weight:500}.notification-detail-modal[data-v-7cbd8ac7] .n-card{flex-direction:column;max-height:calc(100vh - 48px);display:flex}.notification-detail-modal[data-v-7cbd8ac7] .n-card__content{flex:1;min-height:0;overflow:hidden}.detail-content[data-v-7cbd8ac7],.detail-empty[data-v-7cbd8ac7]{max-height:calc(100vh - 220px);overflow-y:auto}.detail-content[data-v-7cbd8ac7]{color:var(--n-text-color-2);padding-right:4px;line-height:1.8}.detail-empty[data-v-7cbd8ac7]{color:var(--n-text-color-3);font-size:13px}.detail-content.markdown-body[data-v-7cbd8ac7] p{margin:0 0 8px}.detail-content.markdown-body[data-v-7cbd8ac7] p:last-child{margin-bottom:0}.detail-content.markdown-body[data-v-7cbd8ac7] ul,.detail-content.markdown-body[data-v-7cbd8ac7] ol{margin:4px 0;padding-left:20px}.detail-content.markdown-body[data-v-7cbd8ac7] code{background:#0000000f;border-radius:4px;padding:2px 6px;font-size:13px}.detail-content.markdown-body[data-v-7cbd8ac7] pre{background:#0000000a;border-radius:6px;margin:8px 0;padding:12px;overflow-x:auto}.detail-content.markdown-body[data-v-7cbd8ac7] pre code{background:0 0;padding:0}.detail-content.markdown-body[data-v-7cbd8ac7] h1,.detail-content.markdown-body[data-v-7cbd8ac7] h2,.detail-content.markdown-body[data-v-7cbd8ac7] h3{margin:12px 0 6px;font-size:14px;font-weight:600}.detail-content.markdown-body[data-v-7cbd8ac7] a{color:#2080f0;text-decoration:none}.detail-content.markdown-body[data-v-7cbd8ac7] a:hover{text-decoration:underline}.detail-content.markdown-body[data-v-7cbd8ac7] blockquote{color:var(--n-text-color-3);border-left:3px solid #d0d0d0;margin:8px 0;padding:4px 12px}