/* [044] 文章页。自写 class 一律 a044- 前缀;颜色只用 u3.css 的变量 */
.a044{max-width:760px;padding-top:18px}
.a044 .kick{margin-bottom:10px}
.a044-id{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.a044 h1.pg{font-size:31px;line-height:1.3;margin:6px 0 14px;letter-spacing:.01em}
.a044-dek{font-size:17px;line-height:1.75;color:var(--ink2);margin:0 0 22px}
.a044-dek b{color:var(--ink);font-weight:600}
.a044-sec{margin:34px 0 0}
.a044-sec h2{font-size:21px;margin:0 0 12px;font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;font-weight:700}
.a044-sec p{font-size:15.5px;line-height:1.85;margin:0 0 14px}
.a044-sec p b,.a044-list b,.a044-t b{font-weight:600}
.a044 code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--chip);padding:1px 4px;border-radius:3px}
.a044-note{font-size:13px;color:var(--ink3);line-height:1.6;margin:6px 0 0}
.a044-list{margin:4px 0 16px;padding-left:20px}
.a044-list li{font-size:15px;line-height:1.8;margin:0 0 8px;color:var(--ink2)}
.a044-list li b{color:var(--ink)}

/* 头图:原版 vs 抄本 */
.a044-hero{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.a044-hero figure{margin:0}
.a044-hero img{width:100%;aspect-ratio:1200/520;object-fit:cover;object-position:top;display:block;border-radius:8px;box-shadow:0 0 0 1px var(--line)}
.a044-hero figcaption{font-size:12.5px;color:var(--ink2);line-height:1.5;margin-top:6px}

/* 截图 */
figure.a044-shot{margin:18px 0 18px}
figure.a044-shot img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 0 0 1px var(--line)}
figure.a044-shot figcaption,figure.a044-ch figcaption{font-size:12.5px;color:var(--ink3);line-height:1.6;margin-top:8px}

/* 图 */
figure.a044-ch{position:relative;margin:18px 0 20px;padding:14px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.a044-bn{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.a044-bn b{font-size:26px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.a044-bn span{font-size:12.5px;color:var(--ink2);line-height:1.5}
.a044-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.a044-svg{min-width:500px}
.a044-svg .ax{font-size:13px}
.a044-hint{display:none;font-size:11.5px;color:var(--ink3);margin:-4px 0 4px}
.a044-svg .a044-end{fill:var(--ink2);font-size:13px}
.a044-svg .a044-nm{fill:var(--ink);font-weight:600}
.a044-svg .lab{font-size:13px}
.a044-svg .a044-ring{fill:none;stroke:var(--ink2);stroke-width:1.5;stroke-dasharray:2 2}
.a044-svg .a044-bar{fill:var(--s0);opacity:.55;stroke:none}
.a044-svg .a044-bar:hover{opacity:1}
.a044-svg .pt{cursor:default}
.a044-tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--bg);font-size:12px;line-height:1.45;padding:5px 8px;border-radius:4px;display:none;z-index:5;white-space:nowrap;transform:translate(-50%,-100%);top:0}

/* 横条(HTML,手机上字不缩) */
ul.a044-hb{list-style:none;margin:0;padding:0}
ul.a044-hb li{display:grid;grid-template-columns:190px 1fr;column-gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:13.5px}
ul.a044-hb li:last-child{border-bottom:0}
.a044-hb-l{color:var(--ink2);line-height:1.35}
.a044-hb-l b{color:var(--ink);font-weight:600}
.a044-hb-t{display:flex;align-items:center;gap:8px;min-width:0}
.a044-hb-b{display:block;height:12px;background:var(--s0);border-radius:0 4px 4px 0;flex:none}
.a044-hb-v{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.a044-hb-n{grid-column:2;font-size:12px;color:var(--ink3);line-height:1.4}
ul.a044-hb li.self .a044-hb-b{background:transparent;box-shadow:inset 0 0 0 1.5px var(--s0);background-image:repeating-linear-gradient(135deg,transparent 0 4px,var(--s0) 4px 5px)}
ul.a044-hb li.mute .a044-hb-b{background:var(--ink3)}
ul.a044-rg .a044-hb-t{position:relative}
ul.a044-rg .a044-hb-b{min-width:4px;border-radius:4px}
ul.a044-rg .a044-hb-v{margin-left:4px}

/* 结论 */
.a044-box{display:grid;grid-template-columns:250px 1fr;border:1px solid var(--rule);border-radius:8px;overflow:hidden;margin:4px 0 18px}
.a044-box-l{padding:18px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;background:var(--chip)}
.a044-gr{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:10px;color:#fff;background:var(--acc);font-family:Georgia,"Songti SC",serif;width:52px;height:52px;font-size:28px}
.a044-vd b{display:block;font-size:18px;line-height:1.4;margin-bottom:6px}
.a044-vd span{font-size:13.5px;color:var(--ink2);line-height:1.65}
.a044-t{border-collapse:collapse;width:100%;font-size:13.5px}
.a044-t th{text-align:left;font-weight:500;color:var(--ink3);padding:10px 12px 10px 18px;width:1%;white-space:nowrap;border-bottom:1px solid var(--line);vertical-align:top}
.a044-t td{padding:10px 18px 10px 0;border-bottom:1px solid var(--line);line-height:1.7}
.a044-t tr:last-child th,.a044-t tr:last-child td{border-bottom:0}

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

@media (max-width:760px){
  .a044 h1.pg{font-size:24px}
  .a044-dek{font-size:15.5px}
  .a044-hero{grid-template-columns:1fr}
  ul.a044-hb li{grid-template-columns:1fr;row-gap:3px}
  .a044-hb-n{grid-column:1}
  .a044-box{grid-template-columns:1fr}
  .a044-box-l{border-right:0;border-bottom:1px solid var(--line)}
  .a044-t,.a044-t tbody,.a044-t tr,.a044-t th,.a044-t td{display:block;width:auto}
  .a044-t th{padding:10px 14px 2px;border:0;white-space:normal}
  .a044-t td{padding:0 14px 10px;border-bottom:1px solid var(--line)}
  .a044-bn b{font-size:22px}
  .a044-hint{display:block}
}