/* [088] 文章页:全部自定义 class 以 a088- 开头 */
.a088-art{max-width:760px;padding-top:18px;padding-bottom:40px}
.a088-kick{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12.5px;color:var(--ink3);margin-bottom:10px}
.a088-kick .a088-id{font-variant-numeric:tabular-nums;color:var(--ink2);font-weight:600}
.a088-kick .a088-tg{border:1px solid var(--line);border-radius:999px;padding:1px 9px;color:var(--ink2)}
.a088-art h1{font-size:31px;line-height:1.3;margin:6px 0 14px;letter-spacing:.005em;font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;font-weight:700}
.a088-dek{font-size:17px;line-height:1.75;color:var(--ink2);margin:0 0 22px}
.a088-sec{margin:34px 0 0}
.a088-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}
.a088-sec p{font-size:15.5px;line-height:1.85;margin:0 0 14px}
.a088-sec p b{font-weight:600}
.a088-art .a088-note{font-size:13px!important;color:var(--ink3);line-height:1.65!important}
.a088-q{margin:0 0 14px;padding:2px 0 2px 14px;border-left:2px solid var(--line);font-size:15px;line-height:1.75;color:var(--ink2)}
.a088-q i{font-style:normal;color:var(--ink3);font-size:12.5px;margin-left:6px}

/* 头图:三帧 */
.a088-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 4px}
.a088-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:6px;box-shadow:0 0 0 1px var(--line)}
.a088-art .a088-cap,.a088-cap{font-size:12.5px;color:var(--ink3);line-height:1.55;margin:8px 0 0}

/* 截图 */
.a088-shot{margin:18px 0 18px}
.a088-shot img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 0 0 1px var(--line)}
.a088-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* 图 */
.a088-fig{margin:18px 0 20px;padding:14px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.a088-fh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px}
.a088-fh b{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.a088-fh span{font-size:13px;color:var(--ink2)}
.a088-svg{width:100%;height:auto;display:block;overflow:visible}
.a088-svg text{font-family:inherit}
.a088-grid{stroke:var(--line);stroke-width:1}
.a088-base{stroke:var(--ink3);stroke-width:1}
.a088-ax{font-size:11px;fill:var(--ink3);font-variant-numeric:tabular-nums}
.a088-lab{font-size:11.5px;fill:var(--ink2);font-variant-numeric:tabular-nums}
.a088-lab .lv{font-weight:600;fill:var(--ink)}
.a088-b1{fill:var(--s0)}
.a088-b0{fill:var(--ink3)}
.a088-part{opacity:.45}
.a088-vl{stroke:var(--s1);stroke-width:1.2;stroke-dasharray:3 3}
.a088-vd{fill:var(--s1);stroke:var(--bg);stroke-width:2}
.a088-vs{fill:none;stroke:var(--s1);stroke-width:1.5}
.a088-hit{fill:transparent}
.a088-hd{fill:transparent}
.a088-ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.a088-s0{stroke:var(--s0)}.a088-s1{stroke:var(--s1)}.a088-s2{stroke:var(--ink3)}
.a088-s0f{fill:var(--s0)}.a088-s1f{fill:var(--s1)}.a088-s2f{fill:var(--ink3)}
.a088-dot{stroke:var(--bg);stroke-width:2}
.a088-pt{cursor:default}
.a088-tip{position:absolute;display:none;transform:translate(-50%,-100%);background:var(--ink);color:var(--bg);font-size:12px;line-height:1.4;padding:5px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:5}
.a088-leg{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--ink2);margin:2px 0 6px}
.a088-leg i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:6px}
.a088-leg i.sq{width:10px;height:10px;border-radius:2px}

/* 小图组 */
.a088-sms{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.a088-smh{font-size:12.5px;line-height:1.35;min-height:34px}
.a088-smh b{display:block;font-weight:600;font-size:13.5px;color:var(--ink)}
.a088-smh span{color:var(--ink3)}

/* 表 */
.a088-tw{overflow-x:auto;margin:14px 0 18px}
.a088-t{border-collapse:collapse;width:100%;font-size:13.5px;line-height:1.55}
.a088-t th{text-align:left;font-weight:500;font-size:12px;color:var(--ink3);border-bottom:1px solid var(--rule);padding:6px 8px 6px 0;white-space:nowrap}
.a088-t td{border-bottom:1px solid var(--line);padding:9px 10px 9px 0;vertical-align:top;color:var(--ink2)}
.a088-t td:first-child{color:var(--ink);font-weight:600;white-space:nowrap}
.a088-t td.a088-n{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.a088-t tr.a088-hl td{background:var(--chip)}

/* 人物 */
.a088-ppl{list-style:none;margin:6px 0 14px;padding:0}
.a088-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.75}
.a088-ppl li:last-child{border-bottom:1px solid var(--line)}
.a088-ppl .lg{width:44px;height:44px;margin-top:3px}
.a088-ppl b.a088-nm{display:block;font-weight:600;font-size:15px;margin-bottom:2px}

/* 评论区要什么 */
.a088-wants{margin:6px 0 12px}
.a088-wants dt{font-weight:600;font-size:15px;margin-top:16px}
.a088-wants dd{margin:4px 0 0;font-size:14.5px;line-height:1.8;color:var(--ink2)}
.a088-wants dd b{color:var(--ink);font-weight:600}

/* 如果是你 */
.a088-you{border:1px solid var(--rule);border-radius:8px;padding:18px 20px 6px;margin:8px 0 18px}
.a088-yh{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.a088-gr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--acc);color:#fff;font:700 26px/1 Georgia,"Songti SC",serif}
.a088-yh p{margin:0!important;font-size:16.5px!important;line-height:1.55!important;font-weight:600}
.a088-you dl{margin:0}
.a088-you dt{font-weight:600;font-size:14px;margin-top:12px}
.a088-you dd{margin:3px 0 12px;font-size:14.5px;line-height:1.8;color:var(--ink2)}

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

@media (max-width:760px){
  .a088-art h1{font-size:24px}
  .a088-dek{font-size:15.5px}
  .a088-hero{grid-template-columns:1fr 1fr;gap:4px}
  .a088-hero img:first-child{grid-column:1/-1}
  .a088-sms{grid-template-columns:1fr 1fr;gap:12px 14px}
  .a088-two{grid-template-columns:1fr}
  .a088-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .a088-scroll .a088-svg{min-width:600px}
  .a088-t,.a088-t tbody,.a088-t tr,.a088-t td{display:block;width:auto}
  .a088-t thead{display:none}
  .a088-t tr{padding:10px 0;border-bottom:1px solid var(--line)}
  .a088-t td{border:0;padding:0 0 2px;font-size:13.5px}
  .a088-t td:first-child{margin-bottom:2px}
  .a088-t td.a088-n{font-weight:600}
  .a088-t tr.a088-hl{background:var(--chip);padding-left:8px;padding-right:8px}
  .a088-t tr.a088-hl td{background:none}
  .a088-you{padding:14px 14px 4px}
}
