/* Scoped from 03_机器证明五十年/article.html by scripts/wechat/extract.mjs. */

/* 北极甜虾公众号 · 长图共用样式
   360px 宽排版，导出时放大 3 倍成 1080px。配色只用 :root 里的变量。 */
.wx{
  --paper:#FBF8F2; --card:#F3ECE0; --card2:#EFE6D7; --line:#E4D9C7; --ink:#2B2721; --ink2:#5B5248; --mute:#8E8374;
  --red:#B8412C; --teal:#2D5F6B; --hl:rgba(184,65,44,.15);
}
.wx,.wx{margin:0;padding:0;background:var(--paper);}
.wx{margin:0;}
.wx .wx-page{width:360px;margin:0 auto;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB",sans-serif;-webkit-font-smoothing:antialiased;position:relative;}
.wx .wrap{padding:0 20px;}
.wx p{font-size:16px;line-height:1.9;letter-spacing:.4px;margin:0 0 18px;text-align:left;}
.wx strong{font-weight:600;color:#1E1A15;background:linear-gradient(transparent 60%, var(--hl) 60%);padding:0 1px;}
.wx .en{font-family:"Iowan Old Style",Georgia,serif;font-style:italic;letter-spacing:0;}
.wx .bookcard .lat,.wx .refs .lat{font-family:"Iowan Old Style",Georgia,serif;letter-spacing:0;}

/* header */
.wx .topbar{height:5px;background:var(--red);}
.wx .hd{position:relative;padding:26px 20px 24px;overflow:hidden;}
.wx .hd-wm{position:absolute;right:-14px;top:40px;font-family:Didot;font-size:118px;line-height:1;color:rgba(184,65,44,.07);letter-spacing:-2px;transform:rotate(180deg);pointer-events:none;}
.wx .hd-wm.svg{right:-46px;top:14px;width:230px;height:230px;opacity:.09;transform:none;font-size:0;line-height:0;}
.wx .hd-top{display:flex;justify-content:space-between;align-items:center;font-family:Futura;font-weight:500;font-size:10px;letter-spacing:2.2px;color:var(--mute);padding-bottom:12px;border-bottom:1px solid var(--line);}
.wx .hd-top b{font-family:"PingFang SC";font-weight:500;letter-spacing:1px;color:var(--red);font-size:11px;}
.wx .kicker{margin-top:26px;font-size:13.5px;letter-spacing:1px;color:var(--red);font-weight:500;}
.wx .kicker::before{content:"";display:inline-block;width:18px;height:1.5px;background:var(--red);vertical-align:middle;margin-right:8px;position:relative;top:-2px;}
.wx h1{font-family:"Songti SC";font-weight:900;font-size:34px;line-height:1.25;margin:12px 0 4px;letter-spacing:1px;color:#1E1A15;}
.wx h1 .lat{font-family:"Songti SC";font-weight:900;}
.wx .h1sub{font-family:"Songti SC";font-weight:700;font-size:20px;line-height:1.4;color:var(--ink2);letter-spacing:1.5px;}
.wx .lede{margin-top:20px;font-size:14.5px;line-height:1.85;color:var(--ink2);padding-left:12px;border-left:2px solid var(--red);text-align:left;}
.wx .byline{margin-top:20px;font-size:13px;color:var(--mute);letter-spacing:.5px;display:flex;align-items:center;gap:8px;}
.wx .byline .dot{width:4px;height:4px;border-radius:50%;background:var(--red);display:inline-block;}
.wx .byline b{color:var(--ink);font-weight:600;}

/* figures */
.wx .fig{margin:24px 0 28px;}
.wx .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 14px;}
.wx .fig svg{display:block;}
.wx figcaption{font-size:12.5px;line-height:1.7;color:var(--mute);text-align:center;margin-top:10px;padding:0 8px;letter-spacing:.3px;}
.wx figcaption .num{font-family:Futura;font-weight:500;color:var(--red);margin-right:6px;letter-spacing:1px;}

/* section headers */
.wx .sec{display:flex;align-items:flex-end;gap:12px;margin:44px 0 22px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.wx .sec-no{font-family:Didot;font-size:48px;line-height:.78;color:var(--red);}
.wx .sec-en{font-family:Futura;font-weight:500;font-size:9.5px;letter-spacing:2px;color:var(--mute);margin-bottom:5px;}
.wx h2{font-family:"Songti SC";font-weight:700;font-size:20px;margin:0;line-height:1.2;letter-spacing:1px;color:#1E1A15;}

/* book title display */
.wx .btitle{text-align:center;margin:4px 0 22px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.wx .btitle .t1{font-family:"Iowan Old Style";font-weight:700;font-size:25px;letter-spacing:.5px;color:#1E1A15;}
.wx .btitle .t2{font-family:"Iowan Old Style";font-style:italic;font-size:16px;color:var(--ink2);margin-top:2px;}

/* ABCD */
.wx .abcd{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;}
.wx .abcd .L{font-family:Didot;font-size:58px;line-height:1;color:var(--ink);}
.wx .abcd .w{font-family:"Iowan Old Style";font-style:italic;font-size:12px;color:var(--ink2);margin-top:8px;}
.wx .abcd .w b{font-style:normal;font-weight:700;}
.wx .abcd .zh{font-size:10.5px;color:var(--mute);margin-top:3px;letter-spacing:.5px;}
.wx .abcd .c-red{color:var(--red);} .wx .abcd .c-teal{color:var(--teal);}

/* gallery */
.wx .gal{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.wx .gcell{background:#FBF7F0;border:1px solid var(--line);border-radius:10px;padding:8px 6px 9px;}
.wx .gcell .lb{font-size:11.5px;color:var(--ink2);text-align:center;line-height:1.5;margin-top:2px;}
.wx .gcell .lb b{font-weight:600;color:var(--ink);}

/* stats */
.wx .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 24px;}
.wx .stats div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 4px 10px;text-align:center;}
.wx .stats b{display:block;font-family:Didot,"Songti SC";font-weight:700;font-size:28px;line-height:1.15;color:var(--red);}
.wx .stats span{display:block;font-size:12px;color:var(--ink);margin-top:2px;font-weight:500;}
.wx .stats i{display:block;font-style:normal;font-size:10.5px;color:var(--mute);margin-top:2px;}

/* spectrum */
.wx .sp-end{display:flex;align-items:baseline;gap:8px;font-family:"Songti SC";font-weight:700;font-size:16px;}
.wx .sp-end span{font-family:Futura;font-weight:500;font-size:9.5px;letter-spacing:2px;}
.wx .sp-top{color:var(--teal);margin-bottom:10px;} .wx .sp-bot{color:var(--red);margin-top:4px;}
.wx .sp-list{position:relative;padding-left:28px;}
.wx .sp-list::before{content:"";position:absolute;left:8px;top:14px;bottom:18px;width:3px;border-radius:2px;background:linear-gradient(var(--teal),var(--red));}
.wx .sp-item{position:relative;padding:4px 0 14px;}
.wx .sp-item::before{content:"";position:absolute;left:-25px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--card);}
.wx .sp-tag{font-size:13.5px;font-weight:600;color:var(--c);letter-spacing:.5px;}
.wx .sp-ex{font-size:14px;color:var(--ink);margin-top:2px;letter-spacing:.3px;}
.wx .sp-ex .f{font-family:Futura;font-weight:500;letter-spacing:.5px;}
.wx .sp-note{font-size:12px;color:var(--mute);margin-top:1px;}

/* timeline */
.wx .tl-row{display:flex;gap:0;}
.wx .tl-y{width:66px;flex:none;text-align:right;padding-right:14px;font-family:Didot;font-weight:700;font-size:16px;color:var(--red);line-height:1.45;}
.wx .tl-t{flex:1;font-size:13.5px;line-height:1.7;color:var(--ink2);padding:0 0 14px 16px;border-left:1.5px solid var(--line);position:relative;text-align:left;}
.wx .tl-t::before{content:"";position:absolute;left:-6px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--card);border:1.5px solid var(--red);}
.wx .tl-row:last-child .tl-t{padding-bottom:2px;}
.wx .tl-row.hot .tl-t::before{background:var(--red);}
.wx .tl-row.hot .tl-t{color:var(--ink);font-weight:500;}
.wx .tl-t .en{font-size:14px;}

/* pull quote */
.wx .pq{margin:26px 0 26px;padding:24px 10px 20px;background:var(--card);border-radius:12px;position:relative;text-align:center;font-family:"Songti SC";font-weight:700;font-size:16.5px;line-height:1.9;color:#1E1A15;letter-spacing:0;}
.wx .pq .qm{position:absolute;left:12px;top:-8px;font-family:Didot;font-size:64px;line-height:1;color:var(--red);}

/* ask */
.wx .ask{margin:28px 0 8px;border:1px dashed #CDBFA8;border-radius:12px;padding:14px 16px 4px;}
.wx .ask-t{font-size:13px;font-weight:600;color:var(--red);letter-spacing:1px;margin-bottom:6px;}
.wx .ask p{font-size:14.5px;line-height:1.8;margin-bottom:12px;}

/* book card */
.wx .bookcard{margin:34px 0 0;background:#FFFDF9;border:1px solid var(--line);border-radius:14px;padding:18px 16px 12px;box-shadow:0 1px 0 rgba(0,0,0,.02);}
.wx .bc-top{display:flex;gap:14px;align-items:stretch;}
.wx .bc-spine{width:46px;flex:none;background:var(--red);border-radius:4px 8px 8px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 0;box-shadow:inset 5px 0 0 rgba(0,0,0,.12);}
.wx .bc-spine span{font-family:Didot;font-size:21px;line-height:1.1;color:#FBF3E8;}
.wx .bc-label{font-size:11px;letter-spacing:2px;color:var(--red);font-weight:600;}
.wx .bc-title{font-family:"Iowan Old Style";font-weight:700;font-size:22px;color:#1E1A15;margin-top:4px;line-height:1.2;}
.wx .bc-sub{font-family:"Iowan Old Style";font-style:italic;font-size:14px;color:var(--ink2);margin-top:2px;}
.wx .bc-author{font-size:12.5px;color:var(--ink2);margin-top:8px;}
.wx .bc-author .lat{font-size:13.5px;}
.wx .bc-rows{margin-top:14px;border-top:1px solid var(--line);}
.wx .bc-rows div{display:flex;gap:10px;font-size:12.5px;line-height:1.6;padding:7px 0;border-bottom:1px dashed var(--line);}
.wx .bc-rows div:last-child{border-bottom:0;}
.wx .bc-rows span:first-child{width:56px;flex:none;color:var(--mute);}
.wx .bc-rows span:last-child{color:var(--ink);}

/* refs */
.wx .refs{margin:26px 0 0;font-size:11.5px;line-height:1.75;color:var(--mute);}
.wx .refs-t{font-size:12px;font-weight:600;color:var(--ink2);letter-spacing:1px;margin-bottom:4px;}
.wx .refs ol{margin:0;padding-left:18px;}
.wx .refs .en{font-size:12px;}
.wx .refs-note{margin-top:8px;}

/* signature */
.wx .sign{margin:36px 0 0;display:flex;align-items:center;justify-content:center;gap:14px;}
.wx .seal{width:50px;height:50px;background:var(--red);border-radius:5px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:5px;box-sizing:border-box;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #FBF3E8, inset 0 0 0 3.5px var(--red);}
.wx .seal span{font-family:"Songti SC";font-weight:900;font-size:17px;line-height:1;color:#FBF3E8;display:flex;align-items:center;justify-content:center;}
.wx .sign-name{font-family:"Songti SC";font-weight:700;font-size:17px;color:#1E1A15;letter-spacing:1px;}
.wx .sign-sub{font-size:11px;color:var(--mute);letter-spacing:2px;margin-top:4px;}
.wx .end{text-align:center;font-size:11px;color:var(--mute);letter-spacing:4px;margin:26px 0 0;padding-bottom:36px;}


/* sub-heading, quote, rows, tip, view (added in issue 02) */
.wx .h3{font-family:"Songti SC";font-weight:700;font-size:18px;line-height:1.4;margin:30px 0 14px;display:flex;align-items:center;gap:9px;color:#1E1A15;letter-spacing:.5px;}
.wx .h3::before{content:"";flex:none;width:4px;height:17px;background:var(--red);border-radius:2px;}
.wx .q{margin:4px 0 20px;padding:14px 14px 12px 15px;background:var(--card);border-left:3px solid var(--teal);border-radius:0 10px 10px 0;font-family:"Songti SC";font-weight:700;font-size:15.5px;line-height:1.75;color:#1E1A15;letter-spacing:.3px;}
.wx .q .src{display:block;margin-top:6px;font-family:"PingFang SC";font-weight:400;font-size:12px;color:var(--mute);letter-spacing:.5px;}
.wx .rows .row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line);}
.wx .rows .row:last-child{border-bottom:0;}
.wx .rows svg{flex:none;}
.wx .rows .t b{display:block;font-size:14px;color:var(--ink);font-weight:600;margin-bottom:2px;}
.wx .rows .t span{display:block;font-size:12.5px;color:var(--ink2);line-height:1.65;}
.wx .mini-t{font-family:"Songti SC";font-weight:700;font-size:13px;text-align:center;color:#1E1A15;margin:2px 0 4px;}
.wx .tip{margin:24px 0 26px;background:#FFFDF9;border:1px solid var(--line);border-radius:12px;padding:14px 16px 6px;}
.wx .tip-t{font-size:13px;font-weight:600;color:var(--red);letter-spacing:1px;margin-bottom:8px;}
.wx .tip ol{margin:0 0 8px;padding-left:20px;}
.wx .tip li{font-size:14.5px;line-height:1.8;margin-bottom:6px;color:var(--ink);}
.wx .tip li b{color:#1E1A15;}
.wx .view{margin:0 0 20px;padding-left:14px;border-left:2px solid var(--line);}
.wx .view h4{margin:0 0 8px;font-family:"Songti SC";font-weight:900;font-size:16.5px;line-height:1.5;color:#1E1A15;}
.wx .view p{margin-bottom:6px;}

.wx .role{display:inline-block;font-style:normal;font-size:10.5px;line-height:1;padding:3px 5px 2px;border-radius:4px;margin-right:6px;vertical-align:1px;color:#FBF8F2;font-weight:600;}
.wx .r-calc{background:#8E8374;} .wx .r-check{background:#2D5F6B;} .wx .r-write{background:#B8412C;}
.wx .tl-legend{font-size:11.5px;color:var(--mute);margin:0 0 14px 16px;line-height:1.9;}
.wx .tl-legend .role{margin-right:4px;}