/* 遮罩：铺满视口并把弹窗居中 */
.lg-notifm-mask{
  position:fixed;inset:0;z-index:1200;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.45);
  animation:lgNotifmFade .16s ease;
}
@keyframes lgNotifmFade{from{opacity:0}to{opacity:1}}

/* 弹窗本体：宽度跟随视口，最高 82vh，超出由内部列表区滚动 */
.lg-notifm{
  width:min(880px,92vw);max-height:82vh;
  display:flex;flex-direction:column;
  background:#fff;border-radius:16px;
  box-shadow:0 24px 64px rgba(0,0,0,.22);
  overflow:hidden;
  animation:lgNotifmPop .18s cubic-bezier(.2,.8,.3,1);
}
@keyframes lgNotifmPop{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:none}
}

.lg-notifm__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:22px 24px 0;flex-shrink:0;
}
.lg-notifm__head-right{display:flex;align-items:center;gap:8px}

/* 复用通知页 tabs 的视觉，只把整页用的外边距换成弹窗内边距 */
.lg-notifm .notif-page__tabs{padding:16px 24px 0;margin:0;flex-shrink:0}

/* 只有列表区滚动，头部与 tabs 固定不动 */
.lg-notifm__body{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 24px}
.lg-notifm__body .notif-page__list{display:flex;flex-direction:column;gap:8px}
/* 整页版空态用 flex:1 撑满，弹窗里不需要，否则会把弹窗顶到最高 */
.lg-notifm__body .notif-empty{padding:56px 0;flex:none}