/* 加好友前历史朋友圈（history-moments.js） */
.hm-panel { margin-top:16px; border-top:1px solid var(--hair, #ddd); padding-top:16px; min-width:0; }
.hm-panel[hidden], .hm-panel [hidden] { display:none !important; }
.hm-panel h4 { margin:0; font-size:15px; }
.hm-panel h5 { margin:14px 0 8px; font-size:13px; color:var(--text-2); }
.hm-panel .hm-skill.hm-bad, .hm-panel .hm-error, .hm-panel .hm-gate { color:var(--red, #d70015); }
.hm-error { white-space:pre-wrap; overflow-wrap:anywhere; }
.hm-gate { font-size:13px; margin:4px 0 8px; }
.hm-panel .hm-warn { color:#b26a00; font-size:13px; margin:4px 0; overflow-wrap:anywhere; }
.hm-form { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:10px 0; min-width:0; }
.hm-form label { display:flex; flex-direction:column; gap:5px; flex:1 1 160px; min-width:0; font-size:13px; }
.hm-form input, .hm-form select, .hm-panel textarea { width:100%; min-width:0; box-sizing:border-box; }
.hm-age { flex:1 1 120px; padding-bottom:8px; }
.hm-input-bad { border-color:var(--red, #d70015) !important; }
.hm-sec { border:1px solid var(--hair, #ddd); border-radius:var(--r-md, 10px); padding:14px; margin:14px 0; min-width:0; background:var(--surface, #fff); }
.hm-sec-head { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:8px; }
.hm-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:10px 0 0; min-width:0; }
.hm-gen-note { flex:1 1 220px; min-width:0; }
.hm-group { margin-top:6px; }
.hm-post { border:1px solid var(--hair, #ddd); border-radius:var(--r-md, 10px); padding:12px 14px; margin:10px 0; min-width:0; background:var(--surface, #fff); }
.hm-post.is-locked { border-color:rgba(52,199,89,0.55); }
.hm-post.is-editing { border-color:var(--accent, #006ad6); }
.hm-post-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; font-size:13px; }
.hm-stored { font-weight:600; }
.hm-real { color:var(--accent, #006ad6); font-weight:600; }
.hm-arrow { color:var(--text-3); }
.hm-tags { display:inline-flex; gap:6px; margin-left:auto; }
.hm-event { margin-top:4px; overflow-wrap:anywhere; }
.hm-text { font-size:15px; line-height:1.55; margin:8px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.hm-images { margin:0 0 8px; padding-left:20px; font-size:13px; color:var(--text-2); }
.hm-images li { margin:2px 0; overflow-wrap:anywhere; }
.hm-checks { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.hm-chk { font-size:12px; padding:2px 8px; border-radius:999px; background:var(--surface-sunken, #f3f3f5); cursor:help; white-space:nowrap; }
.hm-chk.is-bad { background:rgba(255,149,0,0.16); color:#8a5200; }
.hm-chk.is-ok { background:rgba(52,199,89,0.12); color:#1e7a37; }
.hm-why { margin:6px 0 0; padding-left:18px; font-size:12px; color:#8a5200; }
.hm-why li { overflow-wrap:anywhere; }
.hm-regen { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.hm-regen input { flex:1 1 220px; min-width:0; }
.hm-block-label { display:flex; flex-direction:column; gap:5px; font-size:13px; margin:8px 0; }
#historyMoments { scroll-margin-top:150px; }
@media (max-width:900px) {
  .hm-tags { margin-left:0; }
}
@media (max-width:600px) { .hm-actions .btn { flex:1 1 120px; min-height:40px; } }
.hm-photos { display:grid; gap:4px; margin:6px 0 8px; max-width:300px; }
.hm-photos.hm-n1 { grid-template-columns:minmax(0,200px); }
.hm-photos.hm-n2, .hm-photos.hm-n4 { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:204px; }
.hm-photos.hm-n3, .hm-photos.hm-n5, .hm-photos.hm-n6, .hm-photos.hm-n7, .hm-photos.hm-n8, .hm-photos.hm-n9 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hm-photo { display:block; aspect-ratio:1; overflow:hidden; background:var(--surface-sunken, #f3f3f5); border-radius:2px; min-width:0; }
.hm-photos.hm-n1 .hm-photo { aspect-ratio:3/4; }
.hm-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.hm-photo-wait { display:flex; align-items:center; justify-content:center; font-size:11px; color:var(--text-3); text-align:center; padding:4px; }
.hm-img-desc summary { cursor:pointer; font-size:12px; color:var(--text-3); }
.hm-info { display:inline-flex; align-items:center; justify-content:center; font-size:12px; color:var(--text-3); cursor:help; font-weight:400; margin-left:2px; }
.hm-info:focus { outline:2px solid var(--accent, #006ad6); outline-offset:1px; border-radius:50%; }
.hm-panel .hm-empty { font-size:13px; color:var(--text-2); background:var(--surface-sunken, #f7f7f9); border-radius:var(--r-sm, 7px); padding:10px 12px; margin:8px 0; overflow-wrap:anywhere; }
.hm-notice { border:1px solid rgba(255,149,0,0.45); background:rgba(255,149,0,0.10); border-radius:var(--r-sm, 7px); padding:10px 12px; margin:8px 0 10px; font-size:13px; min-width:0; }
.hm-notice-text { color:#8a5200; overflow-wrap:anywhere; }
.hm-notice .hm-actions { margin-top:8px; }
.hm-flag { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:6px 0; padding:6px 10px; border-radius:var(--r-sm, 7px); background:rgba(255,149,0,0.12); color:#8a5200; font-size:13px; }
.hm-group-head { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0 8px; }
.hm-group-head h5 { margin:0; }
.hm-photo-err { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:6px 0; padding:6px 10px; border-radius:var(--r-sm, 7px); background:rgba(255,149,0,0.12); color:#8a5200; font-size:13px; overflow-wrap:anywhere; }
.hm-skip-row { display: flex; align-items: flex-start; gap: 8px; margin: 4px 0; }
.hm-skip-row p { flex: 1; margin: 0; }
.hm-skip-row .btn { flex: none; }
.hm-img-engine { width:auto; min-width:0; max-width:240px; }