.links-group { margin-top: 38px; }
.links-group h2, .moment-compose h2 { font: 600 22px/1.5 var(--serif); }
.friend-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 28px; }
.friend-link { display: flex; gap: 15px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); color: var(--heading); }
.friend-link img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }
.friend-link strong { font-weight: 500; }
.friend-link small { display: block; font-size: 12px; color: var(--muted); margin-top: 5px; }
.album-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 25px; margin-top: 30px; }
.album-card { color: var(--heading); }
.album-card:hover { text-decoration: none; }
.album-card img, .album-empty { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; background: var(--nav-bg); }
.album-empty { display: grid; place-items: center; color: var(--muted); font-size: 13px; }
.album-card h2 { font: 600 21px/1.5 var(--serif); margin: 12px 0 4px; }
.album-card p { font-size: 12px; color: var(--muted); margin: 0; }
.extension-pagination { display: flex; justify-content: space-between; gap: 20px; margin: 28px 0; font-size: 13px; }
.photo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.photo-grid figure { margin: 0; }
.photo-grid img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.photo-grid figcaption { margin-top: 9px; font-size: 12px; color: var(--muted); }
.photo-dialog { color: #fff; background: #101720; border: 0; width: min(1100px,95vw); max-height: 94vh; padding: 18px; }
.photo-dialog::backdrop { background: #05090ded; }
.photo-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-bottom: 15px; }
.photo-toolbar button { color: #fff; border: 1px solid #4a5968; background: transparent; padding: 6px 13px; }
.photo-counter { font-size: 13px; }
.photo-full { display: block; width: 100%; height: min(70vh,800px); object-fit: contain; }
.photo-caption { text-align: center; font-size: 13px; margin-bottom: 0; }
.moment { padding: 26px 0; border-bottom: 1px solid var(--line); }
.moment-text { font-size: 15px; line-height: 1.9; margin: 15px 0 10px; white-space: normal; overflow-wrap: anywhere; }
.moment-reply { font-size: 12px; }
.moment-response { margin: 20px 0 0 10px; padding-left: 18px; border-left: 1px solid var(--line); font-size: 13px; }
.moment-response strong { font-weight: 500; }
.moment-response time { font-size: 11px; color: var(--muted); margin-left: 15px; }
.moment-response p { margin: 7px 0 0; }
.moment-compose { margin-top: 40px; }
.moment-compose input[type="checkbox"] { width: auto; display: inline; }
@media(max-width:760px) { .friend-grid { grid-template-columns: 1fr; } .album-grid,.photo-grid { gap: 20px 14px; } .album-card h2 { font-size: 18px; } }
@media(max-width:420px) { .photo-grid { grid-template-columns: 1fr; } }
/* Historical counters are opt-in for a migrated handsome site. */
.legacy-site-stats { margin: 0 0 1rem; font-size: .78rem; opacity: .8; }
.legacy-site-stats > div { display: flex; justify-content: space-between; gap: .6rem; }
.legacy-site-stats dd { margin: 0; font-variant-numeric: tabular-nums; }
.legacy-douban-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin:1rem 0}.legacy-douban-grid a{display:grid;gap:.6rem;max-width:220px}.legacy-douban-grid img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.moment-text img{max-width:100%;height:auto}