.notification-skeleton[data-v-5871d9ef]{display:grid}.notification-skeleton-item[data-v-5871d9ef]{border-bottom:1px solid #eef1f6;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 20px;display:grid}.notification-skeleton-item[data-v-5871d9ef]:last-child{border-bottom:0}.notification-skeleton-avatar[data-v-5871d9ef]{background:linear-gradient(90deg,#f2f4f8 25%,#e9edf3 50%,#f2f4f8 75%) 0 0/200% 100%;border-radius:50%;width:40px;height:40px;animation:1.4s infinite shimmer-5871d9ef}.notification-skeleton-body[data-v-5871d9ef]{gap:8px;display:grid}.notification-skeleton-line[data-v-5871d9ef]{background:linear-gradient(90deg,#f2f4f8 25%,#e9edf3 50%,#f2f4f8 75%) 0 0/200% 100%;border-radius:999px;height:10px;animation:1.4s infinite shimmer-5871d9ef;display:block}.notification-skeleton-line.title[data-v-5871d9ef]{width:58%;height:12px}.notification-skeleton-line.content[data-v-5871d9ef]{width:82%}.notification-skeleton-line.time[data-v-5871d9ef]{width:24%}@keyframes shimmer-5871d9ef{0%{background-position:200% 0}to{background-position:-200% 0}}.notification-item[data-v-f80ecd45]{text-align:left;width:100%;color:inherit;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eef1f6;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px 20px;transition:background-color .18s;display:grid;position:relative}.notification-item[data-v-f80ecd45]:last-child{border-bottom:0}.notification-item[data-v-f80ecd45]:focus-visible,.notification-item[data-v-f80ecd45]:hover{background:#faf9ff;outline:none}.notification-item.static[data-v-f80ecd45]{cursor:default}.notification-item.static[data-v-f80ecd45]:focus-visible,.notification-item.static[data-v-f80ecd45]:hover{background:inherit}.notification-item.static.unread[data-v-f80ecd45]:focus-visible,.notification-item.static.unread[data-v-f80ecd45]:hover{background:#f8f6ff}.notification-item.unread[data-v-f80ecd45]{background:#f8f6ff;box-shadow:inset 3px 0 #7650f5}.notification-item.compact[data-v-f80ecd45]{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px 14px}.notification-item.compact.has-cover[data-v-f80ecd45]{grid-template-columns:36px minmax(0,1fr) 44px}.notification-unread-badge[data-v-f80ecd45]{color:#fff;vertical-align:middle;background:#ff5367;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.notification-item-leading[data-v-f80ecd45]{display:block}.notification-avatar[data-v-f80ecd45],.notification-icon[data-v-f80ecd45]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.notification-item.compact .notification-avatar[data-v-f80ecd45],.notification-item.compact .notification-icon[data-v-f80ecd45]{width:36px;height:36px}.notification-icon[data-v-f80ecd45]{color:#7650f5;background:#f1edff;place-items:center;display:grid}.notification-icon[data-v-f80ecd45] svg{width:18px;height:18px}.notification-icon.tone-transaction[data-v-f80ecd45]{color:#d97706;background:#d977061f}.notification-icon.tone-creation[data-v-f80ecd45]{color:#6d5ce7;background:#6d5ce71f}.notification-icon.tone-system[data-v-f80ecd45]{color:#5f6f8f;background:#eef2f7}.notification-icon.tone-danger[data-v-f80ecd45]{color:#dc2626;background:#dc26261a}.notification-item-main[data-v-f80ecd45]{min-width:0}.notification-item-head[data-v-f80ecd45]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notification-title[data-v-f80ecd45]{color:#1f2940;font-size:14px;font-weight:600;line-height:1.45}.notification-item.unread .notification-title[data-v-f80ecd45]{color:#111827;font-weight:700}.notification-item.compact .notification-title[data-v-f80ecd45]{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.notification-time[data-v-f80ecd45]{color:#98a2b3;white-space:nowrap;flex:none;font-size:12px}.notification-item.compact .notification-time[data-v-f80ecd45]{font-size:10px}.notification-category-tag[data-v-f80ecd45]{color:#7650f5;background:#f1edff;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.notification-content[data-v-f80ecd45]{color:#667085;margin:6px 0 0;font-size:13px;line-height:1.55}.notification-reason[data-v-f80ecd45]{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;line-height:1.45;overflow:hidden}.notification-transaction-amount[data-v-f80ecd45]{margin-top:6px;font-size:12px;font-weight:600;display:inline-flex}.notification-transaction-amount.tone-income[data-v-f80ecd45]{color:#16a34a}.notification-transaction-amount.tone-expense[data-v-f80ecd45]{color:#667085}.notification-transaction-amount.tone-neutral[data-v-f80ecd45]{color:#475467}.notification-item.compact .notification-content[data-v-f80ecd45]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;display:-webkit-box;overflow:hidden}.notification-cover[data-v-f80ecd45]{background:#f3f4f8;border-radius:8px;width:48px;height:48px;overflow:hidden}.notification-cover img[data-v-f80ecd45]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.notification-unread-mark[data-v-f80ecd45]{background:#ff5367;border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:16px;box-shadow:0 0 0 2px #fff}.notification-item.compact .notification-unread-mark[data-v-f80ecd45]{top:14px;right:12px}@media (width<=900px){.notification-cover[data-v-f80ecd45]{display:none}}