/* 导航页、工具页 · ParentData 的样子（跟主页同一套）。只换样子，不碰文字。
   这些页大多是同一套旧样式（--bg #FDFBF8、--accent #C4896A、DM Serif 小标签），这里统一改写。 */
@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;
  --cream:#FEFCEE; --ink:#282828; --ink2:#55524A; --ink3:#8A867B; --line:#E8E2C4;
  --yel:#FAEEB1; --yel3:#FEF7D8; --sky:#A9DDF2; --sky2:#DCF4FE; --lav:#D0D6FC; --pink:#EDC0DA;
  /* 旧变量改写 */
  --bg:var(--cream); --bg-page:var(--cream); --bg-surface:#fff; --bg-section:var(--yel3); --bg-patch:var(--yel3); --card:#fff;
  --text:var(--ink); --text-1:var(--ink); --text-2:var(--ink2); --text-3:var(--ink3); --text-mid:var(--ink2); --text-soft:var(--ink3);
  --mid:var(--ink2); --soft:var(--ink3);
  --accent:var(--ink); --accent-deep:var(--ink); --accent-pale:var(--yel3); --accent-paler:var(--yel3); --pale:var(--yel3);
  --border:var(--line); --border-strong:var(--line);
  --shadow:none; --shadow-sm:none; --shadow-card:none; --shadow-hover:0 8px 24px rgba(40,40,40,.08);
  --radius:14px; --radius-lg:16px;
}
html,body{background:var(--cream)!important;background-image:none!important}
body{color:var(--ink);font-family:var(--sans)!important;font-weight:400;letter-spacing:0!important}

/* 顶上黄带 */
.top-nav,.topbar,body>nav:first-of-type:not(.toc){background:var(--yel)!important;border:0!important}
.top-nav a,.top-nav span,.nav-home,.nav-current,.nav-sep,.nav-brand{font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;font-weight:400!important}
.nav-home{padding:4px 12px;border-radius:999px}
.nav-home:hover{background:var(--cream)}
.nav-brand{font-family:var(--serif)!important;font-size:19px!important}

/* 原来 DM Serif 的英文小标签：改成正文字体，不再全大写、不再拉字距 */
.access-label,.agemap-label,.brand-en,.card .k,.card-num,.card-tag,.cards-label,.course-bridge-label,.course-key-label,.course-tag,
.footer-cta-label,.footer-label,.hd .eyebrow,.hero-label,.highlight-label,.hub-time,.insight-topic,.intro .eyebrow,.page-intro-label,
.page-label,.section-label,.stage-age,.sub-link,.thought-q-tag,.tree-cta-label,.wx-label,.dual-card .badge,.sec-n,.eyebrow,.label{
  font-family:var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink2)!important;font-size:13px!important;font-style:normal!important}
/* 页面最上面那个小标签做成黄色药丸 */
.page-label,.hero-label,.page-intro-label,.hd .eyebrow,.intro .eyebrow{display:inline-block!important;background:var(--yel)!important;border:1px solid var(--ink)!important;border-radius:999px!important;padding:2px 14px!important;color:var(--ink)!important}
/* 数字、编号 */
.kb-item .n,.step .num,.wx-steps li .n,.card-num,.thought-card .thought-num,.q-item::before{font-family:var(--serif)!important;background:var(--yel)!important;color:var(--ink)!important}

/* 标题全部换衬线 */
h1,h2,h3,.page-title,.hero h1,.hd h1,.intro h1,.section-title,.sec-t,.card h4,.haowu-card h4,.kb-item .t,.fcard h3,.hub-h3,.course-title,
.course-h4,.thought-h3,.box-t,.risk-t,.mom-card .mc-t,.hero-line,.closing .cm,.signoff-name,.serif,.platform-block h3,.prompt-header .title{
  font-family:var(--serif)!important;font-weight:400!important;letter-spacing:.01em!important;color:var(--ink)!important;font-style:normal!important}
.page-title,.hero h1,.hd h1,.intro h1{font-size:clamp(32px,6vw,48px)!important;line-height:1.3!important}
.hero h1 .accent,.b2{color:var(--ink)!important;background:linear-gradient(transparent 62%,var(--yel) 62%)}
.metric .mval,.overall .big,.fact .fn,.st .n,.step .sn,.no,.sixi .sh .no3,.songrow .numb,.sec-h .en{font-family:var(--serif)!important;font-weight:400!important;color:var(--ink)!important}

/* 卡片：白底细线圆角 */
.card,.highlight-card,.kb-list,.fcard,.box,.detail,.mom-card,.thought-card,.dual-card,.course-card,.hub-card,.tool-card,.article-card,.cat-section .article-card{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important}
.card:hover,.article-card:hover,.tool-card:hover{box-shadow:0 8px 24px rgba(40,40,40,.08)!important;border-color:var(--line)!important}
.haowu-card{background:var(--yel3)!important;border:0!important;border-radius:16px!important;box-shadow:none!important}

/* 引言和解释块：浅蓝气泡 */
.quote,.explain,blockquote{background:var(--sky2)!important;border:0!important;border-radius:14px!important;font-style:normal!important;color:var(--ink)!important}
.quote p{font-style:normal!important;color:var(--ink)!important}

/* 小标签（免费、付费、私藏这类） */
.tag,.kb-tag{background:var(--yel)!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:6px!important}

/* 按钮：黄底黑边 */
.btn,.copy-btn,.cta-btn,.go-btn,.tree-cta-btn,.download-btn{background:var(--yel)!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:6px!important;box-shadow:none!important}
.go,.lnk,.kb-more,.tlink{color:var(--ink)!important;border-bottom-color:var(--ink)!important}

/* 分隔线 */
.divider{background:var(--line)!important;opacity:1!important}

/* 页脚：黄色浅底 */
footer,.footer{background:var(--yel3)!important;border:0!important}

@media(max-width:640px){.top-nav{padding:10px 14px!important;overflow-x:auto}}

/* 成长报告：顶上年龄地图的小胶囊、隐私提示、主按钮 */
.fam-line span.fam-p{background:var(--yel)!important;border-color:var(--ink)!important;color:var(--ink)!important}
.privacy,.demo-banner{background:var(--sky2)!important;color:var(--ink)!important}
.seg input:checked+label,.ctab.on,.gen-btn,.mom-card a.mc-main{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.closing{background:var(--yel3)!important}

/* SSS 陪唱课：原来的深棕换成墨色，金色换成黄 */
.mast,.sec-h{border-color:var(--ink)!important}
.stats{border-color:var(--ink)!important;background:#fff!important}
.kick .tag,.step .sn{background:var(--yel)!important;color:var(--ink)!important;border:1px solid var(--ink)}
.coursename,h1 em,.st .n,.fact .fn,.mini .ma,.jo .go,.sixi .sh .no3,.songrow .numb,.cardtext b,.ab h4,.foot .l,.stepnote{color:var(--ink)!important}
.stepnote{background:var(--yel3)!important;border-left-color:var(--ink)!important}
.method{border-left-color:var(--yel)!important}
.lock,.vscol.good,.mcard .mth .mono.dark{background:var(--ink)!important}
.pwd button,.mtag.pay{background:var(--yel)!important;color:var(--ink)!important}
.vscol.good .vh{color:var(--yel)!important}
