/* 标题字体：猫啃臻雅宋（只含标题用到的字）；正文用手机自带字体 */
@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; --yel3:#FEF7D8; --sky:#A9DDF2; --sky2:#DCF4FE; --lav:#D0D6FC; --pink:#EDC0DA; --line:#E8E2C4;
  --bg-page:var(--cream); --bg-surface:#fff; --bg-section:var(--yel3); --bg-cta:var(--sky); --bg-warm:var(--yel); --bg-warm-light:var(--yel);
  --border:var(--line); --shadow-card:none; --shadow-cta:none;
  --text-1:var(--ink); --text-2:var(--ink2); --text-3:var(--ink3); --green-hd:var(--ink); --accent:var(--ink);
}
html,body{background:var(--cream)!important;background-image:none!important}
body{font-family:var(--sans)!important;color:var(--ink)}

.top-nav{background:var(--yel)!important;border:0!important;padding:10px 40px!important}
.top-nav a,.top-nav span{font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important}
.top-nav a{padding:4px 12px;border-radius:999px}
.top-nav a:hover{background:var(--cream)}

.hero{text-align:left!important}
.hero-tag{font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;background:none!important;border:1px solid var(--ink);border-radius:3px!important;padding:2px 10px!important}
.hero-date{font-family:var(--sans)!important;letter-spacing:0!important;font-size:15px!important}
.hero-title,.section-title,.tree-name,.detail-title,.role-name,.quote-card .body,.step-num,.toc-title{font-family:var(--serif)!important;font-weight:400!important}
.hero-title{font-size:clamp(30px,5vw,46px)!important}
.hero-sub{margin-left:0!important}
.hero-meta{background:var(--yel)!important;border:1px solid var(--ink)!important;border-radius:6px!important;color:var(--ink)!important}
.section-eyebrow,.tree-label,.role-age,.tree-detail .age,footer .brand{font-family:var(--sans)!important;letter-spacing:0!important;text-transform:none!important;font-size:13px!important}
.section-eyebrow,.section-title,.transcript-intro{text-align:left!important}
.section-title{font-size:clamp(26px,4vw,34px)!important}

.box,.detail,.tree-layer{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:16px!important}
.complaint-list,.detail-body .quote{background:var(--sky2)!important;border:0!important;border-radius:14px!important;font-style:normal!important}
.complaint-list p{font-style:normal!important}
.detail-tag{background:var(--yel)!important;color:var(--ink)!important;border:1px solid var(--ink)}
.role-card{background:var(--lav)!important;border:0!important;border-radius:14px!important}
.role-card:nth-child(2){background:var(--sky)!important}.role-card:nth-child(3){background:var(--pink)!important}.role-card:nth-child(4){background:var(--yel)!important}
.step-row{background:var(--yel3)!important}
.quote-card{background:var(--sky)!important;color:var(--ink)!important;border-radius:16px!important}
.quote-card .src{color:var(--ink2)!important}
.box .kw,.detail-body .kw,.tree-name .kw,.kw{color:var(--ink)!important;background:linear-gradient(transparent 60%,var(--yel) 60%)}
.take-list li::before{color:var(--ink)!important}

.transcript-section{background:var(--cream)!important}
.toc-sidebar{background:var(--yel3)!important;border:0!important;box-shadow:none!important;border-radius:16px!important}
.chapter-title{font-family:var(--serif)!important;font-weight:400!important}
.ch-time,.ts{background:var(--sky)!important;color:var(--ink)!important;border-radius:3px!important}

footer{background:var(--ink)!important;color:#9A968A!important;border:0!important}
footer .brand{color:var(--yel)!important}
footer .meta{color:#9A968A!important}
@media(max-width:640px){.top-nav{padding:8px 12px!important;overflow-x:auto}}