.notification-wrapper[data-v-09538b3e]{position:relative}.notification-icon-wrapper[data-v-09538b3e]{cursor:pointer;background:#0065fb26;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.notification-icon-wrapper[data-v-09538b3e]:hover{background:#0065fb40;transform:scale(1.05)}.notification-icon-wrapper.has-unread[data-v-09538b3e]{background:#0065fb33;animation:2s ease-in-out infinite pulse-09538b3e}.notification-content[data-v-09538b3e]{background-color:var(--el-bg-color);border-radius:20px;overflow:hidden}.notification-header[data-v-09538b3e]{border-bottom-width:1px;border-color:var(--gray-100);padding:1rem 1.5rem}.notification-list[data-v-09538b3e]{position:relative}.empty-state[data-v-09538b3e]{flex-direction:column;justify-content:center;align-items:center;padding-top:4rem;padding-bottom:4rem;display:flex}.notification-items[data-v-09538b3e]>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-color:var(--gray-100)}.notification-item[data-v-09538b3e]{cursor:pointer;padding:1rem 1.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.notification-item[data-v-09538b3e]:hover{background-color:var(--el-fill-color-light)}.notification-item.unread[data-v-09538b3e]{background-color:#0065fb05}.notification-item.unread .notification-title[data-v-09538b3e]{color:var(--el-text-color-primary);font-weight:600}.notification-dot[data-v-09538b3e]{background-color:var(--el-color-primary);border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.375rem;animation:2s ease-in-out infinite dot-pulse-09538b3e}.notification-title[data-v-09538b3e]{text-overflow:ellipsis;white-space:nowrap;font-size:var(--el-font-size-small);color:var(--gray-800);margin-bottom:.25rem;overflow:hidden}.notification-time[data-v-09538b3e]{font-size:var(--el-font-size-extra-small);color:var(--gray-400)}.notification-footer[data-v-09538b3e]{cursor:pointer;border-top-width:1px;border-color:var(--gray-100);text-align:center;padding:.75rem 1.5rem}.notification-footer[data-v-09538b3e]:hover{background-color:var(--el-fill-color-light)}.notification-detail[data-v-09538b3e]{background-color:var(--el-bg-color);flex-direction:column;height:100%;display:flex}.detail-header[data-v-09538b3e]{border-bottom-width:1px;border-color:var(--gray-100);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.detail-header-title[data-v-09538b3e]{font-size:var(--el-font-size-large);color:var(--gray-900);font-weight:700}.detail-close-btn[data-v-09538b3e]{cursor:pointer;background-color:var(--gray-50);border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.detail-close-btn[data-v-09538b3e]:hover{background-color:var(--gray-100);transform:scale(1.05)}.detail-close-btn[data-v-09538b3e]:active{transform:scale(.95)}.detail-content[data-v-09538b3e]{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.detail-title[data-v-09538b3e]{font-size:var(--el-font-size-medium);color:var(--gray-900);word-break:break-word;margin-bottom:.75rem;font-weight:700;line-height:1.625}.detail-time[data-v-09538b3e]{font-size:var(--el-font-size-small);color:var(--gray-400);margin-bottom:1rem}.detail-divider[data-v-09538b3e]{background:linear-gradient(90deg,#94a3b833,#94a3b899,#94a3b833);width:100%;height:2px;margin-bottom:1.25rem}.detail-body[data-v-09538b3e]{font-size:var(--el-font-size-small);color:var(--gray-700);word-break:break-word;white-space:pre-line;line-height:1.8}.detail-body[data-v-09538b3e] p{white-space:pre-line;word-break:break-word;margin-bottom:16px;line-height:1.8}.detail-body[data-v-09538b3e] img{border-radius:12px;max-width:100%;margin:16px 0;box-shadow:0 2px 8px #0000001a}.detail-body[data-v-09538b3e] br{content:"";margin:4px 0;display:block}.detail-body[data-v-09538b3e] a{color:#0065fb;text-decoration:none}.detail-body[data-v-09538b3e] a:hover{text-decoration:underline}.detail-body[data-v-09538b3e] ol,.detail-body[data-v-09538b3e] ul{margin:12px 0;padding-left:24px}.detail-body[data-v-09538b3e] li{margin-bottom:8px;line-height:1.8}@keyframes pulse-09538b3e{0%,to{box-shadow:0 0 #0065fb66}50%{box-shadow:0 0 0 6px #0065fb00}}@keyframes dot-pulse-09538b3e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.notification-popper .el-popper__arrow{display:none}