/* 延续日常手记的排版；未读信息使用文字和色彩共同表达。 */
.reply-count { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 5px; border-radius:100px; color:var(--bg); background:var(--accent); font-size:0.65rem; font-variant-numeric:tabular-nums; }
.user-pill #navUsername { max-width:10em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (min-width:901px) and (max-width:1180px) { .user-pill #navUsername { max-width:7em; } }
.reply-inbox-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:24px; margin-bottom:28px; }
.reply-inbox-heading > div { min-width:0; }
.reply-inbox-heading > .btn { padding-right:0; }
.reply-inbox-heading .eyebrow { margin-bottom:10px; }
.reply-inbox-heading .section-title { margin-bottom:0; }
.reply-tabs { display:inline-flex; gap:4px; padding:3px; border-radius:var(--radius-sm); background:var(--bg-secondary); margin-bottom:18px; }
.reply-tabs .btn { background:transparent; border-color:transparent; color:var(--text-muted); }
.reply-tabs .btn[aria-pressed="true"] { background:var(--surface); color:var(--text); box-shadow:var(--shadow-sm); }
.reply-inbox-status { min-height:22px; margin-bottom:12px; color:var(--text-muted); font-size:0.78rem; }
.reply-inbox-card { display:block; padding:24px 0; border-bottom:1px solid var(--border); color:var(--text); overflow-wrap:anywhere; }
.reply-inbox-card-head { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; margin-bottom:9px; font-size:0.83rem; }
.reply-inbox-action { color:var(--text-secondary); font-size:0.78rem; }
.reply-unread-label { color:var(--accent); background:var(--accent-dim); padding:2px 6px; border-radius:3px; font-size:0.65rem; }
.reply-inbox-excerpt { color:var(--text-secondary); font-size:0.91rem; line-height:1.9; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.reply-inbox-card.is-unread .reply-inbox-excerpt { color:var(--text); }
.reply-inbox-meta { display:flex; align-items:baseline; justify-content:space-between; gap:16px; color:var(--text-muted); font-size:0.72rem; }
.reply-inbox-meta span { max-width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reply-inbox-meta time { flex-shrink:0; }
.masthead-toggle { align-self:flex-end; color:var(--text-muted); font-size:0.72rem; padding-right:0; }
.home-masthead.community-returning { padding-bottom:22px; margin-bottom:22px; }
.community-returning .eyebrow { margin-bottom:10px; }
.community-returning h1 { font-size:clamp(1.8rem,3vw,2.35rem); }
.community-returning h1 br { display:none; }
.community-returning .masthead-note { display:none; }
.card-snippet mark,.card-title mark,.search-match-excerpt mark { color:var(--text); background:var(--accent-dim); padding:0 2px; border-radius:2px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.search-match { margin-bottom:14px; }
.search-match-label { display:flex; align-items:center; flex-wrap:wrap; gap:2px 8px; color:var(--accent); font-size:0.69rem; line-height:1.7; margin-bottom:4px; overflow-wrap:anywhere; }
.search-match-excerpt { color:var(--text-secondary); font-size:0.84rem; line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.search-comment-link { font-size:0.7rem; white-space:nowrap; text-decoration:underline; text-underline-offset:3px; }
@media (hover:hover) and (pointer:fine) { .reply-inbox-card:hover .reply-inbox-card-head strong { color:var(--accent); } }
@media (max-width:600px) {
  .reply-inbox-heading { gap:14px; }
  .reply-inbox-heading .eyebrow { font-size:0.56rem; letter-spacing:0.04em; }
  .reply-inbox-heading .section-title { font-size:1.65rem; }
  .reply-inbox-heading > .btn { min-height:44px; padding-inline:0; font-size:0.69rem; }
  .reply-tabs .btn { min-height:44px; min-width:60px; }
  .reply-inbox-card { padding:20px 0; }
  .reply-inbox-excerpt { font-size:0.86rem; }
  .reply-inbox-meta { gap:10px; }
  .home-masthead.community-returning { display:flex; align-items:flex-end; gap:8px; padding-bottom:18px; margin-bottom:18px; }
  .community-returning h1 { font-size:clamp(1.65rem,7.2vw,2rem); line-height:1.45; }
  .community-returning .eyebrow { font-size:0.53rem; letter-spacing:0.04em; }
  .masthead-toggle { margin-top:10px; white-space:nowrap; padding-inline:0; }
}
@media (max-width:360px) {
  .community-returning h1 { font-size:1.65rem; }
  .reply-inbox-heading { gap:8px; }
  #homeDateLabel::before { display:block; margin-bottom:3px; }
}