/* [030] 文章页;所有 class 带 a030- 前缀,变量用 u3.css 的 */
.a030{max-width:760px;padding-top:18px}
.a030-kick{font-size:13px;color:var(--ink2);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.a030-id{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.a030-tg{font-size:12px;color:var(--ink2);border:1px solid var(--line);border-radius:3px;padding:0 5px;line-height:18px;white-space:nowrap}
.a030-up{font-size:12px;color:var(--ink3)}
.a030-h1{font-size:32px;line-height:1.28;margin:6px 0 14px;letter-spacing:.01em;font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif}
.a030-dek{font-size:17px;line-height:1.7;color:var(--ink2);margin:0 0 22px}
.a030-sec{margin:36px 0 0}
.a030-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}
.a030-sec p{font-size:15.5px;line-height:1.8;margin:0 0 14px}
.a030-sec b{font-weight:600}
.a030-sec p.a030-q{font-size:13px;line-height:1.65;color:var(--ink3);margin-top:-6px}
blockquote.a030-bq{margin:14px 0 16px;padding:2px 0 2px 16px;border-left:2px solid var(--rule);font-size:15.5px;line-height:1.75}
blockquote.a030-bq p{margin:0 0 6px}
blockquote.a030-bq cite{display:block;font-style:normal;font-size:12.5px;color:var(--ink3)}

/* 头图 */
.a030-hero{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 8px}
.a030-hero figure,.a030-row figure{margin:0;border-radius:8px;overflow:hidden;background:var(--chip);box-shadow:0 0 0 1px var(--line);aspect-ratio:.47}
.a030-hero img,.a030-row img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.a030-sec p.a030-cap,.a030-cap{font-size:12.5px;color:var(--ink3);line-height:1.6;margin:8px 2px 0}

/* 截图排 */
.a030-fs{margin:18px 0 20px}
.a030-row{display:grid;gap:8px}
.a030-r4{grid-template-columns:repeat(4,1fr)}
.a030-r3{grid-template-columns:repeat(3,1fr)}
.a030-row .a030-tagc{position:relative}
.a030-row .a030-tagc span{position:absolute;left:6px;top:6px;font-size:11px;line-height:16px;padding:0 6px;border-radius:3px;background:rgba(0,0,0,.62);color:#fff}
figure.a030-shot{margin:18px 0 20px}
figure.a030-shot img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 0 0 1px var(--line)}

/* 图表 */
figure.a030-fig{margin:18px 0 22px;padding:14px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.a030-sec p.a030-ft,.a030-ft{font-size:14px;line-height:1.5;font-weight:600;margin:0 0 2px}
.a030-sec p.a030-fsub,.a030-fsub{font-size:12.5px;line-height:1.5;color:var(--ink3);margin:0 0 10px}
.a030-svg{width:100%;height:auto;display:block;overflow:visible}
.a030-svg text{font-family:inherit}
.a030-grid{stroke:var(--line);stroke-width:1}
.a030-base{stroke:var(--ink3);stroke-width:1}
.a030-ax{font-size:11px;fill:var(--ink3);font-variant-numeric:tabular-nums}
.a030-lv{font-size:11.5px;fill:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.a030-lab{font-size:12.5px;fill:var(--ink);font-weight:600}
.a030-lab.a030-mute{fill:var(--ink2);font-weight:500}
.a030-sub{font-size:11px;fill:var(--ink3);font-variant-numeric:tabular-nums}
.a030-gap{font-size:11px;fill:var(--ink2)}
.a030-mk{stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 3}
.a030-b0{fill:var(--s0)}
.a030-b1{fill:var(--s1)}
.a030-bm{fill:var(--ink3);opacity:.55}
.a030-svg path:hover{opacity:.8}
.a030-l0,.a030-l1{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.a030-l0{stroke:var(--s0)}.a030-l1{stroke:var(--s1)}
.a030-d0{fill:var(--s0);stroke:var(--card);stroke-width:2}
.a030-d1{fill:var(--s1);stroke:var(--card);stroke-width:2}
.a030-hit{fill:transparent;stroke:none}
.a030-hit:hover{fill:var(--ink);fill-opacity:.12}
.a030-lgd{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink2);margin:0 0 8px}
.a030-lgd i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:6px;vertical-align:3px}
.a030-k0{background:var(--s0)}.a030-k1{background:var(--s1)}
.a030-two{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;align-items:start}

/* 表 */
.a030-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 18px}
table.a030-t{border-collapse:collapse;width:100%;font-size:13.5px;min-width:520px}
table.a030-t th,table.a030-t td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.55}
table.a030-t thead th{font-weight:500;color:var(--ink3);font-size:12px;border-bottom:1px solid var(--rule)}
table.a030-t td.n,table.a030-t th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.a030-t td b{font-weight:600}
table.a030-t .a030-who{display:block;font-size:12px;color:var(--ink3)}
.a030-lg{display:inline-block;width:22px;height:22px;border-radius:22%;overflow:hidden;vertical-align:-6px;margin-right:7px;box-shadow:0 0 0 1px var(--line)}
.a030-lg img{width:100%;height:100%;display:block}

/* 用户说什么 */
dl.a030-dl{margin:6px 0 14px}
dl.a030-dl dt{font-weight:600;font-size:15px;margin-top:14px}
dl.a030-dl dd{margin:4px 0 0;font-size:14.5px;line-height:1.75;color:var(--ink2)}

/* 如果是你 */
.a030-you{border:1px solid var(--rule);border-radius:8px;padding:18px 20px 6px;margin:6px 0 16px}
.a030-yh{display:flex;gap:14px;align-items:flex-start;margin-bottom:8px}
.a030-gr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;background:var(--ink3);color:#fff;font:700 27px Georgia,"Songti SC",serif}
.a030-yh b{display:block;font-size:17px;line-height:1.5}
.a030-yh>div>span{display:block;font-size:13.5px;color:var(--ink2);line-height:1.6;margin-top:4px}
dl.a030-yd{margin:0}
dl.a030-yd dt{font-weight:600;font-size:14.5px;margin-top:12px}
dl.a030-yd dd{margin:3px 0 0;font-size:14.5px;line-height:1.75;color:var(--ink2)}
dl.a030-yd ul{margin:2px 0 8px;padding-left:18px}
dl.a030-yd li{margin:3px 0}

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

@media (max-width:760px){
  .a030-h1{font-size:25px}
  .a030-dek{font-size:15.5px}
  .a030-two{grid-template-columns:1fr}
  .a030-r4{grid-template-columns:repeat(2,1fr)}
  .a030-you{padding:14px 14px 4px}
}
@media (max-width:520px){.a030-hero{grid-template-columns:repeat(3,1fr);gap:4px}}