/* FXDog · 公告中心（announcements.html，notice-center.js 渲染） */
.notice-center{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto;padding:var(--sp-10) var(--gutter) var(--sp-16)}
.notice-center .notice-heading{margin-bottom:0}
.notice-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);padding:var(--sp-6) 0}
#brokerFilter{display:flex;align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--fs-14)}
#brokerFilter[hidden]{display:none}
#noticeBroker{width:auto;min-width:200px;max-width:260px}
.notice-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin:0 0 var(--sp-3)}
.notice-list-heading h2{font-size:var(--fs-16);margin:0;font-weight:600}
#noticeCount{font-size:var(--fs-12);color:var(--muted)}
#noticeList{display:grid;gap:var(--sp-3)}
.public-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-6);transition:border-color .15s var(--ease)}
.public-notice:hover{border-color:var(--border-strong)}
.notice-article-main{min-width:0;flex:1}
.notice-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3)}
.notice-source{color:var(--primary-text);font-size:var(--fs-12);font-weight:500}
.notice-meta{font-size:var(--fs-12);color:var(--muted);font-variant-numeric:tabular-nums}
.public-notice h2{font-size:var(--fs-16);line-height:1.6;margin:var(--sp-2) 0 0;overflow-wrap:anywhere}
.public-notice h2 a{color:var(--text-strong);text-decoration:none}
.public-notice h2 a:hover{color:var(--primary-text)}
.notice-summary{font-size:var(--fs-14);color:var(--muted);line-height:1.7;margin:var(--sp-2) 0 0;overflow-wrap:anywhere}
.notice-read{flex-shrink:0}
.notice-content{line-height:1.9;font-size:var(--fs-16);white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--sp-6) 0;color:var(--text)}
.notice-detail{padding:var(--sp-8);align-items:flex-start}
.notice-detail h2{font-size:var(--fs-24)}
.notice-detail-footer{border-top:1px solid var(--border);padding-top:var(--sp-5);margin-top:var(--sp-6)}
.notice-link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--primary-text);text-decoration:none;font-size:var(--fs-14)}
.notice-link:hover{border-color:var(--primary)}
.notice-back{display:inline-flex;color:var(--muted);text-decoration:none;font-size:var(--fs-14);margin:0 0 var(--sp-2)}
.notice-back:hover{color:var(--primary-text)}
@media (max-width:640px){
  .notice-center{padding-top:var(--sp-6);padding-bottom:var(--sp-10)}
  .public-notice{flex-direction:column;align-items:stretch;gap:var(--sp-3);padding:var(--sp-4)}
  .notice-read{align-self:flex-start}
  .notice-detail{padding:var(--sp-5)}
  .notice-detail h2{font-size:var(--fs-20)}
  #brokerFilter{width:100%}
  #noticeBroker{flex:1;max-width:none;min-width:0}
}

/* ===== v5：公告列表为细分隔线列表，统一行高；字号按全站比例 ===== */
.notice-center{padding-top:var(--page-top)}
#noticeList{gap:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);overflow:hidden}
#noticeList>.fx-state,#noticeList>.fx-skeleton-list{border:0;border-radius:0}
.public-notice{min-height:var(--row-h);padding:var(--sp-4) var(--sp-6);border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;transition:background-color .15s var(--ease)}
.public-notice:last-child{border-bottom:0}
.public-notice:hover{background:var(--panel-2);border-color:var(--border)}
.public-notice h2{font-size:var(--text-body);font-weight:var(--fw-semibold);line-height:var(--lh-ui);margin:var(--sp-1) 0 0}
.notice-summary{font-size:var(--text-small);line-height:var(--lh-ui);margin-top:var(--sp-1)}
.notice-source{color:var(--muted)}
.notice-meta{font-family:var(--font-num)}
.notice-detail{padding:var(--sp-8)}
.notice-detail:hover{background:none}
.notice-detail h2{font-size:var(--text-h2)}
.notice-content{line-height:var(--lh-body)}
.notice-link:hover{background:var(--primary-soft);text-decoration:none}
.notice-list-heading h2{font-size:var(--text-body)}
.notice-toolbar{padding:var(--sp-6) 0}
@media (max-width:640px){.public-notice{padding:var(--sp-4)}.notice-detail{padding:var(--sp-5)}}