/* 站内通知（2026-10-13 重排）：外壳沿用全站 .modal 的配方（--surface / --line-2 / 18px / --shadow），
   条目改成「标题 + 状态徽标 / 正文 / 时间 + 操作」三段式卡片，翻页与批量操作收进底部一条栏。 */
#hx-notices-dialog{width:min(640px,calc(100vw - 32px));max-height:84vh;margin:auto;padding:0;border:1px solid var(--line-2);border-radius:18px;background:var(--surface);color:var(--txt);box-shadow:var(--shadow);overflow:hidden}
#hx-notices-dialog[open]{display:flex;flex-direction:column}
#hx-notices-dialog::backdrop{background:rgba(8,10,16,.55);backdrop-filter:blur(4px)}
.hx-nt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--line)}
.hx-nt-head h2{margin:0;font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:.2px}
.hx-nt-sum{margin:6px 0 0;font-size:12.5px;color:var(--txt-3)}
.hx-nt-sum b{color:var(--blue);font-weight:600}
.hx-nt-body{flex:1;min-height:0;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}
.hx-nt-body::-webkit-scrollbar{width:8px}
.hx-nt-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.hx-nt-item{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:.25s var(--ease)}
.hx-nt-item.is-unread{border-color:var(--blue-line)}
.hx-nt-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hx-nt-top h3{margin:0;font-size:14px;font-weight:600;line-height:1.5;color:var(--txt)}
.hx-nt-tag{flex:none;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.2px;background:var(--line);color:var(--txt-2);border:1px solid var(--line-2)}
.hx-nt-tag.is-new{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-line)}
.hx-nt-tag.is-new::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue)}
.hx-nt-msg{margin:10px 0 12px;font-size:13px;line-height:1.75;color:var(--txt-2);overflow-wrap:anywhere}
.hx-nt-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hx-nt-meta time{font-size:12px;color:var(--txt-3)}
.hx-nt-btn{font:inherit;font-size:12.5px;padding:6px 12px;border:1px solid var(--line-2);border-radius:9px;background:var(--sunken);color:var(--txt-2);cursor:pointer;transition:.2s var(--ease)}
.hx-nt-btn:hover:not(:disabled){border-color:var(--blue-line);color:var(--txt)}
.hx-nt-btn:disabled{opacity:.4;cursor:default}
.hx-nt-empty{margin:0;padding:36px 0;text-align:center;font-size:13px;color:var(--txt-3)}
.hx-nt-error{margin:0;padding:20px 0;font-size:13px;color:var(--txt-2)}
.hx-nt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid var(--line);background:var(--sunken)}
.hx-nt-page{font-size:12.5px;color:var(--txt-3)}
.hx-nt-acts{display:flex;align-items:center;gap:8px}
#hx-notices-button[hidden]{display:none}


#page-system dialog#smx-reminderDialog{width:min(1000px,calc(100vw - 32px))}