.notification-page[data-v-e86303a4]{display:flex;flex-direction:column;height:100vh;background-color:#fff}.notification-page .header[data-v-e86303a4]{position:sticky;top:0;z-index:99}.notification-page .header[data-v-e86303a4] .van-nav-bar{background-color:#fff;border-bottom:1px solid #f5f5f5}.notification-page .header[data-v-e86303a4] .van-nav-bar .van-nav-bar__title{color:#333;font-size:16px;font-weight:500}.notification-page .header[data-v-e86303a4] .van-nav-bar .van-icon,.notification-page .header[data-v-e86303a4] .van-nav-bar .van-nav-bar__text{color:#333}.notification-page .notification-content[data-v-e86303a4]{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.notification-page .notification-content[data-v-e86303a4] .van-pull-refresh{overflow:visible}.notification-page .notification-content[data-v-e86303a4] .van-list__error-text,.notification-page .notification-content[data-v-e86303a4] .van-list__finished-text{color:#999;font-size:13px;padding:16px 0}.notification-page .notification-content[data-v-e86303a4] .van-empty__description{color:#999}.notification-page .empty-state[data-v-e86303a4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.notification-page .empty-state[data-v-e86303a4] .van-empty__image{width:120px;height:120px}.notification-page .empty-state[data-v-e86303a4] .van-button{margin-top:24px;border:none}.notification-page .empty-state[data-v-e86303a4] .van-button:active{opacity:.8}.notification-page .notification-list[data-v-e86303a4]{padding:12px 16px}@keyframes fadeInUp-e86303a4{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-page .notification-item[data-v-e86303a4]{display:flex;align-items:center;background:#fff;border-radius:10px;margin-bottom:18px;margin-top:6px;padding:16px;position:relative;transition:all .25s ease;overflow:hidden;border:2px solid #1976d2;box-sizing:border-box}.notification-page .notification-item-transition[data-v-e86303a4]{animation:fadeInUp-e86303a4 .4s ease-out forwards;border:2px solid #1976d2}.notification-page .notification-item[data-v-e86303a4]:active{background-color:#f9fafc;transform:scale(.985)}.notification-page .notification-item .notification-body[data-v-e86303a4]{flex:1;overflow:hidden;text-align:left}.notification-page .notification-item .notification-body .notification-title[data-v-e86303a4]{font-size:15px;font-weight:700;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.notification-page .notification-item .notification-body .notification-content-text[data-v-e86303a4]{font-size:14px;color:#444;margin-bottom:6px;word-break:break-all;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-page .notification-item .notification-body .notification-time[data-v-e86303a4]{font-size:12px;color:#999;text-align:left}