.notif-page[data-v-9fb9dc4b]{color:#fff;padding:0 16px 32px}@media (min-width:768px){.notif-page[data-v-9fb9dc4b]{padding-left:24px;padding-right:24px}}@media (min-width:992px){.notif-page[data-v-9fb9dc4b]{padding-left:0;padding-right:0}}.notif-head[data-v-9fb9dc4b]{background:var(--body-bg,#0a0e1a);display:none;margin:-20px 0 12px;padding:20px 0 8px;position:sticky;top:var(--header-height,64px);z-index:10}@media (min-width:992px){.notif-head[data-v-9fb9dc4b]{display:block}}.notif-back[data-v-9fb9dc4b]{margin-bottom:16px}.notif-title[data-v-9fb9dc4b]{color:#fff;font-size:30px;font-weight:700;line-height:1.5;margin:0 0 6px}.notif-desc[data-v-9fb9dc4b]{color:#9aa1af;font-size:14px;line-height:1.7;margin:0}.notif-list[data-v-9fb9dc4b]{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.notif-item[data-v-9fb9dc4b]{align-items:center;background:var(--theme-bg2,#131722);border:1px solid var(--border-info-color,rgba(117,127,149,.25));border-radius:12px;color:#fff;display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:border-color .2s ease}a.notif-item[data-v-9fb9dc4b]:hover{border-color:#9b0202;color:#fff}.notif-thumb[data-v-9fb9dc4b]{align-items:center;background:#ffffff0f;border-radius:8px;display:flex;flex-shrink:0;height:54px;justify-content:center;overflow:hidden;width:54px}.notif-thumb img[data-v-9fb9dc4b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.notif-thumb .notif-logo[data-v-9fb9dc4b]{height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.notif-text[data-v-9fb9dc4b]{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.notif-item-title[data-v-9fb9dc4b]{font-size:15px;font-weight:600;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-body[data-v-9fb9dc4b]{color:#9aa1af;display:-webkit-box;font-size:13px;line-height:1.7;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.notif-time[data-v-9fb9dc4b]{align-self:flex-start;color:#9aa1af;flex-shrink:0;font-size:12px;padding-top:4px;white-space:nowrap}.notif-state[data-v-9fb9dc4b]{align-items:center;color:#9aa1af;display:flex;flex-direction:column;gap:12px;padding:48px 0;text-align:center}.notif-state p[data-v-9fb9dc4b]{margin:0}.notif-btn[data-v-9fb9dc4b]{background:transparent;border:1px solid hsla(0,0%,100%,.25);border-radius:19px;color:#fff;cursor:pointer;font-size:13px;height:38px;padding:0 24px;transition:border-color .2s ease}.notif-btn[data-v-9fb9dc4b]:hover{border-color:#9b0202}.notif-btn[data-v-9fb9dc4b]:disabled{cursor:default;opacity:.6}.notif-more[data-v-9fb9dc4b]{display:block;margin:20px auto 0}@media (max-width:575.98px){.notif-item[data-v-9fb9dc4b]{display:grid;gap:0;grid-template-areas:"thumb title time" "thumb body body";grid-template-columns:auto minmax(0,1fr) auto;padding:10px}.notif-text[data-v-9fb9dc4b]{display:contents}.notif-thumb[data-v-9fb9dc4b]{grid-area:thumb;height:48px;margin-right:10px;width:48px}.notif-item-title[data-v-9fb9dc4b]{font-size:14px;grid-area:title}.notif-item-body[data-v-9fb9dc4b]{font-size:12px;grid-area:body;-webkit-line-clamp:1;line-clamp:1}.notif-time[data-v-9fb9dc4b]{align-self:center;font-size:11px;grid-area:time;margin-left:8px;padding-top:0}}