/* 标题字体：猫啃臻雅宋（只含标题用到的字）；正文用手机自带字体，打开快（她 2026-10-11 选的 B） */
@font-face{font-family:"ZS_A";font-weight:400;font-display:swap;src:url("/assets/pd/fonts/title-ZS_A.woff2") format("woff2")}
:root{--serif:"Lora","ZS_A",serif;--sans:"DM Sans",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
/* 文章页 · ParentData 的样子（跟主页同一套）。只换样子，不碰文字。
   挂在每篇文章自己的样式后面，同名的规则以这里为准。 */
:root{
  --cream:#FEFCEE; --ink:#282828; --ink2:#55524A; --ink3:#8A867B;
  --yel:#FAEEB1; --yel2:#FDEDA9; --yel3:#FEF7D8; --sky:#A9DDF2; --sky2:#DCF4FE; --lav:#D0D6FC; --pink:#EDC0DA;
  --line:#E8E2C4;
  --bg:var(--cream); --card:#fff; --text:var(--ink); --text-mid:var(--ink2); --text-soft:var(--ink3);
  --accent:var(--ink); --accent-pale:var(--yel3); --border:var(--line);
}
html,body{background:var(--cream)!important}
body{color:var(--ink);font-family:var(--sans);font-weight:400;font-size:18px;line-height:1.9}

/* 顶上一条黄带，跟主页导航同一个样子 */
.article-nav,.topbar,.quiz-topbar{position:sticky;top:0;z-index:50;background:var(--yel)!important;border:0!important;padding:10px 40px!important;display:flex;align-items:center;gap:8px;font-family:var(--sans)}
.article-nav a,.article-nav .nav-brand,.topbar a{font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;padding:4px 12px;border-radius:999px}
.article-nav a:hover{background:var(--cream)}
.article-nav .nav-sep{color:var(--ink3)}
.article-nav .nav-brand{margin-left:auto;font-family:var(--serif)!important;font-size:20px!important;padding:0}
.reading-progress{background:transparent}
.reading-progress-bar{background:var(--ink)!important}

/* 标题区：小方框标签＋大衬线标题 */
.article-wrap{max-width:720px;padding:72px 24px 72px}
.article-header{border:0;padding-bottom:0;margin-bottom:44px}
.article-cat{display:inline-block!important;font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;border:1px solid var(--ink);border-radius:3px;padding:2px 10px;margin-bottom:22px!important}
.article-title,.article-header h1{font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(30px,5vw,46px)!important;line-height:1.3!important;letter-spacing:.01em!important;color:var(--ink)!important}
.article-meta{font-size:15px;color:var(--ink2)}

/* 正文：无衬线 18px，小标题衬线 */
.article-body{font-size:18px!important;line-height:1.9!important;color:var(--ink)!important}
.article-body p{margin-bottom:1.25em}
.article-body h2,.article-body h3,.article-body h4{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:.01em}
.article-body h2{font-size:30px;line-height:1.35;margin:1.8em 0 .7em}
.article-body h3{font-size:24px;line-height:1.4;margin:1.6em 0 .6em}
.article-body strong,.article-body b{font-weight:600;color:var(--ink)}
.article-body em{font-style:normal;background:linear-gradient(transparent 58%,var(--yel) 58%)}
.article-body a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.article-body blockquote{border:0!important;background:var(--sky2)!important;border-radius:14px!important;padding:20px 24px!important;color:var(--ink)!important;font-style:normal!important;margin:1.6em 0!important}
.article-body hr{border-top:1px solid var(--line)}
.article-body li::marker{color:var(--ink3)}
.article-body table{border-collapse:collapse;width:100%;font-size:16px}
.article-body th{background:var(--yel);font-weight:600}
.article-body th,.article-body td{border:1px solid var(--line);padding:8px 12px}
.toc-card,.info-card{background:var(--yel3)!important;border:0!important;border-radius:16px!important}
.highlight,mark{background:var(--yel)!important;color:var(--ink)!important}

/* 下一篇：白卡片 */
.next-article{max-width:720px}
.next-article-label{font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink2)!important}
.next-article-link{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 26px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.next-article-link:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(40,40,40,.08)}
.next-article-title{font-family:var(--serif)!important;font-size:24px!important;color:var(--ink)!important;line-height:1.4}
.next-article-arrow{color:var(--ink)!important;border-bottom:1.5px solid var(--ink);font-size:15px}

/* 文末加微信：黄带 */
.article-footer-cta{background:var(--yel3)!important;border:0!important;padding:64px 24px!important}
.cta-label{font-family:var(--sans)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;display:inline-block!important;background:var(--yel);border:1px solid var(--ink);border-radius:999px;padding:3px 14px}
.cta-text{font-family:var(--serif);font-size:24px!important;color:var(--ink)!important;font-weight:400!important}
.cta-qr{border-radius:12px!important;border:0!important;background:#fff;padding:6px}
.cta-back{color:var(--ink)!important;border-bottom:1.5px solid var(--ink)!important;font-size:15px!important;letter-spacing:0!important}

/* 页脚：黑底 */
body>footer{background:var(--ink);color:#9A968A!important;border:0!important;padding:28px 24px 48px!important;font-size:13px!important}

@media(max-width:640px){
  body{font-size:17px}
  .article-nav{padding:8px 12px!important;overflow-x:auto}
  .article-nav .nav-brand{display:none}
  .article-wrap{padding:48px 16px 56px}
  .article-body{font-size:17px!important}
  .article-body h2{font-size:25px}
  .cta-text{font-size:20px!important}
}