.notification-panel{width:380px;max-width:calc(100vw - 48px)}.notification-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.notification-panel small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.notification-items{min-height:90px;max-height:390px;overflow:auto}.notification-item{text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--surface);width:100%;padding:14px 6px;display:block}.notification-item:hover{background:var(--soft)}.notification-item>div{align-items:center;gap:8px;display:flex}.notification-item strong{overflow-wrap:anywhere;font-weight:400}.notification-item.is-unread strong{font-weight:700}.notification-item p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notification-item time,.notification-detail-modal time{color:var(--muted);margin-top:10px;font-size:12px;display:block}.notification-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;line-height:1.7}.notification-actions{justify-content:flex-end;gap:10px;display:flex}.notification-detail-modal .arco-modal{max-width:calc(100vw - 24px)}.notification-panel .arco-pagination{justify-content:center;padding-top:12px}