.noti-wrap[data-v-30e4c222]{max-width:720px;padding-top:24px;padding-bottom:60px}.noti-head[data-v-30e4c222]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.noti-head h2[data-v-30e4c222]{font-size:24px;font-weight:700}.noti-actions[data-v-30e4c222]{display:flex;gap:8px}.noti-list[data-v-30e4c222]{padding:8px}.noti-item[data-v-30e4c222]{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border-radius:var(--radius);cursor:pointer;transition:background .15s;position:relative}.noti-item[data-v-30e4c222]:hover{background:var(--surface-hover)}.noti-item.unread[data-v-30e4c222]{background:color-mix(in srgb,var(--accent-soft) 40%,transparent)}.ni-body[data-v-30e4c222]{flex:1;min-width:0}.ni-text[data-v-30e4c222]{font-size:14px;color:var(--ink);line-height:1.5}.ni-actor[data-v-30e4c222]{font-weight:600;margin-right:4px}.ni-desc[data-v-30e4c222]{color:var(--ink-2)}.ni-mention[data-v-30e4c222]{margin-top:6px;padding:8px 12px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:13px;color:var(--ink-2);line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ni-time[data-v-30e4c222]{font-size:12px;color:var(--ink-4);margin-top:6px}.ni-dot[data-v-30e4c222]{position:absolute;top:18px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.noti-pagination[data-v-30e4c222]{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 0 8px}.noti-pagination .page-btn[data-v-30e4c222]{padding:8px 16px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:13px;color:var(--ink-2)}.noti-pagination .page-btn[data-v-30e4c222]:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.noti-pagination .page-btn[data-v-30e4c222]:disabled{opacity:.4}.noti-pagination .page-info[data-v-30e4c222]{font-size:13px;color:var(--ink-3)}.loading-state[data-v-30e4c222]{display:flex;flex-direction:column;align-items:center;padding:80px;color:var(--ink-3);gap:14px}.spinner[data-v-30e4c222]{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-30e4c222 .8s linear infinite}@keyframes spin-30e4c222{to{transform:rotate(360deg)}}.empty-state[data-v-30e4c222]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--ink-3);gap:14px}.empty-icon[data-v-30e4c222]{color:var(--ink-4)}@media (max-width: 768px){.noti-wrap[data-v-30e4c222]{padding-top:16px}.noti-head h2[data-v-30e4c222]{font-size:20px}.noti-item[data-v-30e4c222]{padding:12px 10px}}