/* [024] 离婚家长的封存日记 · 文章页。全部自定义 class 带 a024- 前缀,避开 u3.css 里的名字。 */
.a024{max-width:760px;padding-top:18px}
.a024 .kick{margin-bottom:10px}
.a024-id{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.a024 h1.pg{font-size:32px;line-height:1.3;margin:6px 0 14px;letter-spacing:.01em}
.a024-dek{font-size:17px;line-height:1.75;color:var(--ink2);margin:0 0 22px}
.a024-sec{margin:34px 0 0}
.a024-sec h2{font-size:21px;line-height:1.4;margin:0 0 12px;font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;font-weight:700}
.a024-sec p{font-size:15.5px;line-height:1.82;margin:0 0 14px}
.a024-sec p b{font-weight:600}
.a024-est{color:var(--ink3);font-size:.92em}
.a024 em.a024-tg{font-style:normal;font-size:12px;color:var(--ink3);border:1px solid var(--line);border-radius:3px;padding:0 4px;margin:0 2px;white-space:nowrap}

/* 引语:用户原话 */
blockquote.a024-q{margin:14px 0 16px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font-size:15px;line-height:1.75;color:var(--ink)}
blockquote.a024-q p{margin:0 0 4px}
blockquote.a024-q cite{display:block;font-style:normal;font-size:12.5px;color:var(--ink3);margin-top:4px}

/* 头图:四张竖图 */
.a024-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 6px}
.a024-hero img{width:100%;aspect-ratio:.62;object-fit:cover;object-position:top;display:block;border-radius:8px;box-shadow:0 0 0 1px var(--line);background:var(--chip)}
.a024-cap{font-size:12.5px;color:var(--ink3);line-height:1.55;margin:8px 0 0}

/* 插图 */
figure.a024-fig{margin:18px 0 8px}
figure.a024-fig img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 0 0 1px var(--line)}
.a024-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.a024-row.two{grid-template-columns:1fr 1fr}
.a024-row img{aspect-ratio:.6;object-fit:cover;object-position:top}
.a024-row.wide img{aspect-ratio:auto}

/* 图表 */
figure.a024-ch{margin:18px 0 18px;padding:14px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.a024-ch .a024-big{font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.a024-ch .a024-bigs{font-size:13px;color:var(--ink2);margin:2px 0 8px}
svg.a024-svg{width:100%;height:auto;display:block;font-size:12px;overflow:visible}
.a024-grid{stroke:var(--line);stroke-width:1}
.a024-ax{fill:var(--ink3);font-size:11px;font-variant-numeric:tabular-nums}
.a024-lab{fill:var(--ink2);font-size:12.5px}
.a024-lab.hl{fill:var(--ink);font-weight:600}
.a024-sub{fill:var(--ink3);font-size:11px}
.a024-val{fill:var(--ink2);font-size:11.5px;font-variant-numeric:tabular-nums}
.a024-val.hl{fill:var(--ink);font-weight:700}
.a024-b{fill:var(--ink3);opacity:.45}
.a024-b.hl{fill:var(--s0);opacity:1}
.a024-line{fill:none;stroke:var(--s0);stroke-width:2}
.a024-pt{fill:var(--s0)}
.a024-mark{stroke:var(--s1);stroke-dasharray:4 3;stroke-width:1.2}
.a024-note{fill:var(--s1);font-size:11.5px}
.a024-ttl{fill:var(--ink3);font-size:11.5px}
.a024-stem{stroke:var(--line);stroke-width:2}
.a024-dot.c{fill:var(--s1)}.a024-dot.s{fill:var(--s0)}

/* 一组数字(全文只用一次) */
.a024-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 18px}
.a024-nums div{border-top:2px solid var(--rule);padding:8px 0 0}
.a024-nums b{display:block;font-size:24px;line-height:1.15;font-variant-numeric:tabular-nums}
.a024-nums span{display:block;font-size:12px;color:var(--ink3);line-height:1.45;margin-top:4px}

/* 人物 */
ul.a024-ppl{list-style:none;margin:6px 0 16px;padding:0}
ul.a024-ppl li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.72}
ul.a024-ppl li:last-child{border-bottom:1px solid var(--line)}
ul.a024-ppl img{width:46px;height:46px;border-radius:11px;flex:none;margin-top:3px;box-shadow:0 0 0 1px var(--line)}
ul.a024-ppl b.a024-n{display:block;font-weight:600;font-size:15px;margin-bottom:2px}

/* 用户要什么 */
dl.a024-wants{margin:6px 0 10px}
dl.a024-wants dt{font-weight:600;font-size:15px;margin-top:16px}
dl.a024-wants dd{margin:4px 0 0;font-size:14.5px;line-height:1.78;color:var(--ink2)}
dl.a024-wants dd b{color:var(--ink);font-weight:600}

/* 表 */
.a024-tw{overflow-x:auto;margin:12px 0 16px}
table.a024-t{border-collapse:collapse;width:100%;font-size:13.5px}
table.a024-t th,table.a024-t td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.55}
table.a024-t thead th{font-size:12px;color:var(--ink3);font-weight:500;border-bottom:1px solid var(--rule)}
table.a024-t td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.a024-t thead th.n{text-align:right}
table.a024-t tr.hl td{font-weight:600}
table.a024-t td small{color:var(--ink3);font-size:12px}

/* 如果是你 */
.a024-you{border:1px solid var(--rule);border-radius:8px;padding:18px 20px 8px;margin:6px 0 18px}
.a024-you .a024-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}
.a024-g{display:inline-flex;align-items:center;justify-content:center;flex:none;width:50px;height:50px;border-radius:10px;background:var(--watch);color:#fff;font:700 27px/1 Georgia,"Songti SC",serif}
.a024-you .a024-head b{display:block;font-size:17.5px;line-height:1.45}
.a024-you .a024-head span{display:block;font-size:13.5px;color:var(--ink2);line-height:1.6;margin-top:4px}
.a024-you dl{margin:0}
.a024-you dt{font-weight:600;font-size:14.5px;margin-top:14px}
.a024-you dd{margin:3px 0 10px;font-size:14.5px;line-height:1.78;color:var(--ink2)}
.a024-you dd b{color:var(--ink)}
p.a024-last{font-size:16px!important;line-height:1.8;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}

/* 出处 */
.a024-src{border-top:1px solid var(--line);padding-top:14px;margin-top:34px}
.a024-src h3{font-size:12px;letter-spacing:.06em;color:var(--ink3);font-weight:500;margin:0 0 8px}
.a024-src ul{margin:0;padding-left:18px;font-size:13px;color:var(--ink2);line-height:1.68}
.a024-src li{margin:3px 0}
p.a024-nav{margin-top:26px;font-size:14px}

@media (max-width:760px){
  .a024 h1.pg{font-size:25px}
  .a024-dek{font-size:15.5px}
  .a024-hero{gap:4px}
  .a024-nums{grid-template-columns:1fr 1fr}
  .a024-row{gap:4px}
  svg.a024-svg{font-size:13px}
  .a024-you{padding:14px 14px 4px}
  table.a024-t{font-size:12.5px}
  table.a024-t th,table.a024-t td{padding:6px 5px}
}

/* HTML 条形图(手机上字号不缩) */
ul.a024-bars{list-style:none;margin:0;padding:0}
ul.a024-bars li{display:grid;grid-template-columns:minmax(150px,42%) 1fr;gap:10px;align-items:center;padding:4px 0;font-size:13px;line-height:1.3}
ul.a024-bars .a024-bn{color:var(--ink2);overflow:hidden}
ul.a024-bars .a024-bn small{display:block;font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ul.a024-bars li.hl .a024-bn{color:var(--ink);font-weight:600}
ul.a024-bars .a024-bt{position:relative;display:flex;align-items:center;gap:6px;min-height:16px;border-left:1px solid var(--line)}
ul.a024-bars .a024-bt i{display:block;height:12px;border-radius:0 2px 2px 0;background:var(--ink3);opacity:.45;flex:none}
ul.a024-bars li.hl .a024-bt i{background:var(--s0);opacity:1}
ul.a024-bars .a024-bt em{font-style:normal;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}
ul.a024-bars li.hl .a024-bt em{color:var(--ink);font-weight:700}
ul.a024-bars.stars li{padding:6px 0}
ul.a024-bars.stars .a024-bt i{opacity:1;height:10px}
ul.a024-bars .a024-bt i.c{background:var(--s1)}ul.a024-bars .a024-bt i.s{background:var(--s0)}
ul.a024-bars li.a024-axis .a024-bt{border-left:0;justify-content:space-between;font-size:11px;color:var(--ink3)}
ul.a024-bars li.a024-axis .a024-bt b{font-weight:400;width:0;white-space:nowrap;display:flex;justify-content:center}
svg.a024-svg.ts{max-width:600px}
@media (max-width:760px){ul.a024-bars li{grid-template-columns:44% 1fr;gap:8px;font-size:12.5px}}
ul.a024-bars .a024-ticks{width:85%;display:flex;justify-content:space-between}
svg.a024-svg.ts .a024-ax,svg.a024-svg.ts .a024-val,svg.a024-svg.ts .a024-note,svg.a024-svg.ts .a024-ttl{font-size:13px}
ul.a024-ppl .a024-av{width:46px;height:46px;border-radius:11px;flex:none;margin-top:3px;display:inline-flex;align-items:center;justify-content:center;background:var(--chip);color:var(--ink2);font-weight:600;font-size:18px}
ul.a024-bars.stars .a024-bn small{white-space:normal}
@media (max-width:540px){.a024-hero{grid-template-columns:1fr 1fr}}