.noti-page[data-v-88de9218]{max-width:640px;margin:0 auto;color:var(--app-ink,#1a1d21)}@media(max-width:767.98px){.noti-page[data-v-88de9218]{padding:0 1px}}.noti-page__top[data-v-88de9218]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:4px 0}.noti-page__read-all[data-v-88de9218]{padding:4px 0;border:0;background:none;color:var(--app-primary-ink);font-size:13px;line-height:19px;font-weight:500}.noti-page__read-all[data-v-88de9218]:disabled{opacity:.45;pointer-events:none}.noti-page__list[data-v-88de9218]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;padding-top:4px}.noti-page__group[data-v-88de9218]{font-size:12px;line-height:16px;font-weight:500;color:#5a6472}.noti-page__row[data-v-88de9218]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px;border:1px solid #e4e8ec;border-radius:14px;background:#fff;cursor:default}.noti-page__row--link[data-v-88de9218]{cursor:pointer}.noti-page__icon[data-v-88de9218]{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:38px;height:38px;border-radius:19px}.noti-page__icon .svg-icon[data-v-88de9218] svg{width:20px;height:20px}.noti-page__icon .svg-icon[data-v-88de9218] svg g [fill]{fill:var(--noti-fg)}.noti-page__main[data-v-88de9218]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.noti-page__title-row[data-v-88de9218]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.noti-page__title[data-v-88de9218]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:15px;line-height:22px;font-weight:600;overflow-wrap:anywhere}.noti-page__dot[data-v-88de9218]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8px;height:8px;border-radius:4px;background:var(--primary)}.noti-page__message[data-v-88de9218]{font-size:13px;line-height:19px;color:#5a6472;overflow-wrap:anywhere}.noti-page__time[data-v-88de9218]{font-size:12px;line-height:16px;color:#5a6472}.noti-page__thumb[data-v-88de9218]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:44px;height:44px;border-radius:10px;background:#eef1f4;-o-object-fit:cover;object-fit:cover}.noti-page__more[data-v-88de9218]{padding:12px 0 16px}.noti-page__more[data-v-88de9218],.noti-page__state[data-v-88de9218]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.noti-page__state[data-v-88de9218]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:64px 24px;text-align:center}.noti-page__state--empty[data-v-88de9218]{min-height:65vh;padding:48px}.noti-page__empty-title[data-v-88de9218]{font-size:17px;line-height:24px;font-weight:600}.noti-page__empty-text[data-v-88de9218]{font-size:13px;line-height:19px;color:#5a6472}.noti-page__retry[data-v-88de9218]{padding:7px 16px;border:1px solid var(--app-primary-ink);border-radius:999px;background:#fff;color:var(--app-primary-ink);font-size:13px;line-height:19px;font-weight:600}