/* 个人中心：头像名片与分组列表，沿用校集的主题色和阅读偏好。 */
.personal-home { max-width:780px; margin:12px auto 32px; }
.personal-topline { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; color:var(--settings-muted); font-size:calc(12px * var(--text-scale)); }
.personal-topline .eyebrow { font-size:9px; }
.personal-identity { display:flex; align-items:center; gap:22px; padding:32px 30px; background:var(--surface); border:1px solid var(--settings-border); border-bottom:0; border-radius:16px 16px 0 0; }
.personal-identity>.personal-avatar { width:78px; height:78px; border-radius:17px; font-size:calc(30px * var(--text-scale)); flex-shrink:0; }
.personal-identity-copy { flex:1; min-width:0; }
.personal-identity h1 { font-size:calc(24px * var(--text-scale)); line-height:1.5; margin:0 0 7px; overflow-wrap:anywhere; }
.personal-identity p { font-size:calc(12px * var(--text-scale)); margin:0 0 9px; color:var(--settings-muted); line-height:1.7; }
.personal-identity-copy>span { display:block; font-size:calc(11px * var(--text-scale)); color:var(--settings-muted); line-height:1.8; overflow-wrap:anywhere; }
.personal-identity>.icon { transform:rotate(-90deg); width:17px; height:17px; color:var(--settings-muted); flex-shrink:0; }
.personal-statbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:var(--surface); border:1px solid var(--settings-border); border-top:0; border-radius:0 0 16px 16px; padding:10px 16px 24px; margin-bottom:20px; }
.personal-statbar>a { display:flex; flex-direction:column; align-items:center; gap:8px; border-right:1px solid var(--settings-border); padding:4px; }
.personal-statbar>a:last-child { border:0; }
.personal-statbar strong { font-size:calc(22px * var(--text-scale)); font-weight:600; }
.personal-statbar span { font-size:calc(11px * var(--text-scale)); color:var(--settings-muted); }
.personal-menu { display:grid; gap:16px; }
.personal-menu-group { background:var(--surface); border:1px solid var(--settings-border); border-radius:13px; padding:0 22px; overflow:hidden; }
.personal-menu-row { width:100%; display:flex; align-items:center; gap:15px; padding:20px 0; text-align:left; color:var(--ink); border-bottom:1px solid var(--settings-border); }
.personal-menu-row:last-child { border:0; }
.personal-menu-row:hover strong,.personal-statbar a:hover { color:var(--blue); }
.personal-menu-icon { display:grid; place-items:center; width:29px; height:29px; flex-shrink:0; }
.personal-menu-icon .icon { width:23px; height:23px; }
.personal-menu-row>strong { font-size:calc(14px * var(--text-scale)); font-weight:500; }
.personal-menu-note { margin-left:auto; color:var(--settings-muted); font-size:calc(11px * var(--text-scale)); text-align:right; line-height:1.5; }
.personal-menu-row>.icon { transform:rotate(-90deg); color:var(--settings-muted); width:14px; height:14px; flex-shrink:0; }
.tone-moments { color:#48a87c; }.tone-saved { color:#d7a342; }.tone-posts { color:#668fe6; }.tone-circles { color:#a480cf; }.tone-verify { color:#668fe6; }.tone-settings { color:#8998b0; }
.personal-signoff { color:var(--settings-muted); text-align:center; font-size:calc(11px * var(--text-scale)); margin:30px 0; }
.personal-signoff>span { color:#c2a839; margin-left:8px; }
/* 朋友圈采用封面、个人头像和纵向动态列表。 */
.moments-home { max-width:790px; margin:0 auto 30px; background:var(--surface); border:1px solid var(--settings-border); border-radius:16px; overflow:hidden; }
.moments-topline { display:flex; align-items:center; justify-content:space-between; padding:20px 26px; }
.moments-topline h1 { margin:0; font-size:calc(17px * var(--text-scale)); }
.moments-topline>a { display:flex; align-items:center; gap:6px; font-size:calc(11px * var(--text-scale)); color:var(--settings-muted); }
.moments-topline>a .icon { width:14px; height:14px; transform:rotate(90deg); }
.moment-publish { display:grid; place-items:center; color:var(--ink); width:32px; height:32px; border-radius:6px; background:var(--surface-soft); }
.moment-publish .icon { width:19px; height:19px; }
.moments-cover { height:245px; background:#dce9f9; position:relative; overflow:hidden; }
.moments-cover>img { width:100%; height:100%; object-fit:cover; object-position:center 50%; display:block; }
.moments-cover-wash { position:absolute; inset:0; background:linear-gradient(90deg,#173356b0,transparent 85%); }
.moments-cover-text { position:absolute; top:36px; left:30px; color:#fff; }
.moments-cover-text small { font-size:8px; letter-spacing:1.7px; }
.moments-cover-text h2 { font-size:calc(27px * var(--text-scale)); line-height:1.6; margin:13px 0; letter-spacing:.5px; }
.moments-owner { display:flex; align-items:center; justify-content:flex-end; gap:14px; position:relative; margin:-35px 28px 0; min-height:72px; }
.moments-owner>strong { color:white; text-shadow:0 1px 6px #152940; align-self:flex-start; margin-top:9px; font-size:calc(15px * var(--text-scale)); overflow-wrap:anywhere; max-width:60%; }
.moments-owner>.moments-owner-avatar { width:73px; height:73px; border:4px solid var(--surface); border-radius:16px; font-size:calc(25px * var(--text-scale)); flex-shrink:0; }
.moments-filter { display:flex; align-items:center; gap:25px; margin:12px 28px 0; border-bottom:1px solid var(--settings-border); }
.moments-filter>a { padding:16px 0; color:var(--settings-muted); font-size:calc(12px * var(--text-scale)); border-bottom:2px solid transparent; }
.moments-filter>a[aria-current] { color:var(--blue); border-color:var(--blue); font-weight:600; }
.moments-filter>button { margin-left:auto; display:flex; align-items:center; gap:5px; color:var(--blue); font-size:calc(11px * var(--text-scale)); }
.moments-filter>button .icon { width:14px; height:14px; }
.moments-feed { padding:0 28px; }
.moment-card { display:flex; gap:14px; padding:26px 0; border-bottom:1px solid var(--settings-border); }
.moment-card>.avatar { width:42px; height:42px; font-size:calc(16px * var(--text-scale)); border-radius:10px; flex-shrink:0; }
.moment-main { flex:1; min-width:0; }
.moment-author { font-size:calc(13px * var(--text-scale)); color:var(--blue); font-weight:600; }
.moment-body { font-size:calc(13px * var(--text-scale)); color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.9; margin:8px 0 12px; }
.moment-media { display:block; width:min(100%,330px); aspect-ratio:1.45; border:0; border-radius:5px; overflow:hidden; padding:0; margin:8px 0 14px; }
.moment-media img,.moment-media svg { display:block; width:100%; height:100%; object-fit:cover; }
.moment-meta { display:flex; align-items:center; gap:12px; color:var(--settings-muted); font-size:calc(10px * var(--text-scale)); margin:15px 0 11px; }
.moment-meta>button { margin-left:auto; color:var(--settings-muted); font-size:inherit; }
.moment-actions { display:flex; gap:24px; margin:12px 0; }
.moment-actions button { display:flex; align-items:center; gap:6px; font-size:calc(11px * var(--text-scale)); color:var(--settings-muted); }
.moment-actions .icon { width:16px; height:16px; }
.moment-actions button.selected { color:var(--blue); }
.moment-replies { background:var(--surface-soft); padding:10px 12px; border-radius:5px; margin-top:14px; }
.moment-replies p { margin:4px 0; font-size:calc(11px * var(--text-scale)); line-height:1.8; color:var(--ink); overflow-wrap:anywhere; white-space:pre-wrap; }
.moment-replies strong { color:var(--blue); font-weight:500; }
.moments-end { margin:24px 18px 30px; text-align:center; color:var(--settings-muted); font-size:calc(10px * var(--text-scale)); line-height:1.8; }
html[data-theme=dark] .moment-author,html[data-theme=dark] .moment-replies strong { color:#b5caff; }
@media(max-width:760px) {
  .personal-home { margin:0 auto 22px; }
  .personal-topline { margin:4px 3px 19px; }
  .personal-topline .eyebrow { font-size:7px; letter-spacing:1px; }
  .personal-identity { padding:26px 19px; gap:16px; border-radius:12px 12px 0 0; }
  .personal-identity>.personal-avatar { width:62px; height:62px; border-radius:13px; font-size:calc(25px * var(--text-scale)); }
  .personal-identity h1 { font-size:calc(20px * var(--text-scale)); }
  .personal-identity p { font-size:calc(10px * var(--text-scale)); }
  .personal-identity-copy>span { font-size:calc(10px * var(--text-scale)); }
  .personal-statbar { padding:4px 12px 22px; border-radius:0 0 12px 12px; margin-bottom:16px; }
  .personal-statbar strong { font-size:calc(19px * var(--text-scale)); }
  .personal-statbar span { font-size:calc(10px * var(--text-scale)); }
  .personal-menu { gap:13px; }.personal-menu-group { padding:0 18px; border-radius:10px; }
  .personal-menu-row { padding:18px 0; gap:12px; }.personal-menu-row>strong { font-size:calc(13px * var(--text-scale)); }
  .personal-menu-note { font-size:calc(10px * var(--text-scale)); max-width:43%; }
  .moments-home { border-radius:11px; }.moments-topline { padding:15px 17px; }.moments-topline h1 { font-size:calc(15px * var(--text-scale)); }
  .moments-cover { height:205px; }.moments-cover-text { top:29px; left:20px; }.moments-cover-text h2 { font-size:calc(23px * var(--text-scale)); }.moments-cover-text small { font-size:6px; letter-spacing:1px; }
  .moments-owner { margin:-30px 16px 0; gap:10px; min-height:65px; }.moments-owner>.moments-owner-avatar { width:65px; height:65px; border-radius:13px; }
  .moments-owner>strong { font-size:calc(13px * var(--text-scale)); }
  .moments-filter { gap:19px; margin:10px 17px 0; }.moments-filter>a { font-size:calc(11px * var(--text-scale)); }.moments-filter>button { font-size:calc(10px * var(--text-scale)); }
  .moments-feed { padding:0 17px; }.moment-card { gap:11px; padding:23px 0; }.moment-card>.avatar { width:35px; height:35px; border-radius:8px; }
  .moment-author { font-size:calc(12px * var(--text-scale)); }.moment-body { font-size:calc(12px * var(--text-scale)); }.moment-actions { gap:19px; }
  .moment-actions button { font-size:calc(10px * var(--text-scale)); }.moment-replies { padding:8px 10px; }.moment-replies p { font-size:calc(10px * var(--text-scale)); }
  .moments-end { font-size:calc(9px * var(--text-scale)); }
}