:root{
  --bg:#ffffff;--bg2:#f6f7fb;--line:#e8eaf2;--txt:#151827;--txt2:#3d4257;--muted:#767d93;
  --brand:#5b52e8;--brand-soft:#eeecfd;--brand-deep:#3f36cc;--green:#12a05c;
  --sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --mono:'IBM Plex Mono','SF Mono',Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);line-height:1.85;-webkit-font-smoothing:antialiased;font-size:17px}
a{color:inherit;text-decoration:none}
.nd-wrap{max-width:1060px;margin:0 auto;padding:0 24px}

/* 顶部导航 —— 与文章列表页一致 */
.nd-top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nd-top .nd-wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:18px}
.nd-brand{font-weight:800;font-size:16px;letter-spacing:.3px;white-space:nowrap}
.nd-brand em{font-style:normal;font-size:13px;font-weight:400;color:var(--muted);margin-left:8px}
.nd-links{display:flex;align-items:center;gap:24px;flex-wrap:nowrap}
.nd-links a{color:var(--muted);font-size:15px;white-space:nowrap;transition:color .2s}
.nd-links a:hover{color:var(--brand)}
.nd-links a.wx{color:var(--brand);font-weight:700}

/* 文章主体 */
.art-main{padding:56px 0 88px}
.art-wrap{max-width:760px;margin:0 auto;padding:0 24px}
.art-meta{display:flex;gap:14px;align-items:center;font-family:var(--mono);font-size:13.5px;color:var(--muted);margin-bottom:18px;flex-wrap:wrap}
.art-meta .art-tag{color:var(--brand);background:var(--brand-soft);border-radius:20px;padding:3px 12px;font-family:var(--sans)}
.art-wrap h1{font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.4;letter-spacing:-.5px;margin-bottom:14px}
.art-lead{font-size:17.5px;color:var(--txt2);padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:30px}
.art-wrap h2{font-size:22px;font-weight:800;line-height:1.5;margin:38px 0 14px;letter-spacing:-.3px}
.art-wrap p{font-size:16.5px;color:var(--txt2);margin:0 0 16px}
.art-wrap ul{margin:0 0 16px 22px;color:var(--txt2);font-size:16.5px}
.art-wrap li{margin-bottom:8px}
.art-wrap b{color:var(--txt);font-weight:700}

/* 文末 CTA */
.art-cta{margin-top:44px;background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:34px 30px;text-align:center}
.art-cta h2{margin:0 0 10px;font-size:21px}
.art-cta p{margin:0 auto 20px;max-width:560px}
.art-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-p,.btn-g{display:inline-block;padding:12px 26px;border-radius:10px;font-size:15.5px;font-weight:700;transition:opacity .2s}
.btn-p{background:var(--brand);color:#fff}
.btn-g{background:#fff;color:var(--txt2);border:1px solid var(--line)}
.btn-p:hover,.btn-g:hover{opacity:.88}

/* 页脚与二维码弹窗 —— 与文章列表页一致 */
.nd-foot{border-top:1px solid var(--line);padding:34px 0;font-size:14px;color:#6a7186;line-height:1.9;background:var(--bg2)}
.nd-foot .nd-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nd-modal{position:fixed;inset:0;background:rgba(21,24,39,.55);display:none;align-items:center;justify-content:center;z-index:120;padding:20px;backdrop-filter:blur(4px)}
.nd-modal.on{display:flex}
.nd-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 28px;text-align:center;max-width:340px;width:100%}
.nd-box h4{font-size:19px;margin-bottom:8px;font-weight:800}
.nd-box p{font-size:15px;color:var(--muted);margin-bottom:18px}
.nd-box img{width:200px;height:200px;border-radius:12px;display:block;margin:0 auto}
.nd-x{margin-top:20px;font-size:14px;color:var(--muted);cursor:pointer;user-select:none}
.nd-x:hover{color:var(--brand)}

@media(max-width:860px){
  .nd-links .sm-hide{display:none}
  .nd-brand em{display:none}
  .art-main{padding:36px 0 60px}
}