/* 长链接、正文和操作按钮均留在通知卡片内，手机不横向滚动。 */
.notification-toolbar,.notification-pager{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}
.notification-toolbar>div{display:flex;gap:.5rem;flex-wrap:wrap}
.notification-list{display:grid;gap:.75rem;min-width:0}
.notification-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;min-width:0}
.notification-card.is-unread{border-left:4px solid #3978dd;background:#fafdff}
.notification-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.notification-card-heading{min-width:0;flex:1 1 220px}
.notification-card-title{font-size:1rem;font-weight:600;margin:.4rem 0;overflow-wrap:anywhere}
.notification-meta{font-size:.8rem;color:#64748b;display:flex;gap:.6rem;flex-wrap:wrap}
.notification-message{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.92rem;line-height:1.7;min-width:0;margin-top:.6rem}
.notification-message a{overflow-wrap:anywhere;max-width:100%}
.notification-message .notification-proxy-link{display:inline-block;padding:.25rem .65rem;margin:.2rem 0;border:1px solid #bad0f8;border-radius:6px;background:#edf4ff;text-decoration:none;white-space:normal}
.notification-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.notification-empty{padding:2rem;text-align:center;color:#64748b}
dialog.important-notice{position:fixed;inset:0;margin:auto;width:calc(100% - 2rem);max-width:620px;max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:1.25rem;box-shadow:0 20px 70px #0004;background:white;color:#1e293b}
dialog.important-notice::backdrop{background:#10203b88}
.important-notice h5{overflow-wrap:anywhere;line-height:1.5}
.important-notice .notification-actions{justify-content:flex-end;margin-top:1rem}
@media(max-width:575px){.notification-toolbar>div{width:100%}.notification-toolbar .btn{font-size:.82rem}.notification-card{padding:.8rem}.notification-pager{align-items:flex-start}.important-notice .notification-actions .btn{flex:1}}