/* 标题字体：猫啃臻雅宋（只含标题用到的字）；正文用手机自带字体，打开快（她 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); --surface:#fff; --section:var(--yel3); --border:var(--line);
  --t1:var(--ink); --t2:var(--ink); --t3:var(--ink3); --green:var(--ink); --accent:var(--ink); --brown:var(--ink);
  --paper:#fff; --mid:var(--ink2); --soft:var(--ink3); --rule:var(--line); --rule2:var(--ink3); --acc:var(--ink); --acc-bg:var(--yel); --acc-ink:var(--ink);
}
html,body{background:var(--cream)!important}
body{color:var(--ink);font-family:var(--sans)!important;font-weight:400}

/* 顶上黄带 */
.top-nav,body>nav.top{background:var(--yel)!important;border:0!important;padding:10px 40px!important;gap:6px!important}
.top-nav a,.top-nav span,body>nav.top a,body>nav.top span{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}
.top-nav a,body>nav.top a{padding:4px 12px;border-radius:999px}
.top-nav a:hover,body>nav.top a:hover{background:var(--cream)}
.nav-sep{color:var(--ink3)!important}

/* 标题区：靠左，大衬线 */
.hero{text-align:left!important;padding:64px 0 8px!important}
.hero-tag,.eb{display:inline-block;font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;color:var(--ink)!important;background:none!important;border:1px solid var(--ink)!important;border-radius:3px!important;padding:2px 10px!important;margin-bottom:22px!important}
.hero h1,.wrap>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}
.wrap>h1 span{color:var(--ink)!important;background:linear-gradient(transparent 60%,var(--yel) 60%)}
.hero-date{font-size:15px!important;color:var(--ink2)!important}
.hero-meta{justify-content:flex-start!important}
.hero-meta span{background:var(--yel)!important;border:1px solid var(--ink)!important;border-radius:6px!important;font-size:14px!important;color:var(--ink)!important}
.meta{border-top:1px solid var(--line)!important}
.meta b{font-family:var(--serif)!important;font-weight:400!important;font-size:34px!important}

/* 播放器：黄卡 */
.player{background:var(--yel3)!important;border:0!important;border-radius:16px!important;box-shadow:none!important}
.player .pl-label,.player small{font-family:var(--sans)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important}
.pl-note{font-size:14px!important;color:var(--ink2)!important}

/* 小节标题 */
.eyebrow{font-family:var(--sans)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink3)!important}
h2.sec,.sh h2{font-family:var(--serif)!important;font-weight:400!important;font-size:32px!important;letter-spacing:.01em!important;color:var(--ink)!important}
.sh{border-top:1px solid var(--line)!important}
.sh .n{font-family:var(--serif)!important;font-weight:400!important;color:var(--ink3)!important}

/* 总结：蓝卡 */
.summary{background:var(--sky2)!important;border:0!important;border-radius:16px!important;box-shadow:none!important;padding:26px 30px!important}
.summary p{font-size:17px!important;line-height:1.9!important;color:var(--ink)!important}
.summary b{color:var(--ink)!important;background:linear-gradient(transparent 60%,var(--yel) 60%)}

/* 目录：黄框 */
.toc{background:var(--yel3)!important;border:0!important;border-radius:16px!important}
.toc-title{color:var(--ink2)!important;letter-spacing:0!important;font-size:14px!important}
.toc-item{color:var(--ink)!important;font-size:14px!important}
.toc-item:hover{background:var(--yel)!important}

/* 逐字稿：章节衬线标题，时间戳像 ParentData 的说话人标签 */
.chapter-title{font-family:var(--serif)!important;font-weight:400!important;font-size:24px!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
.chapter-title .cn{font-family:var(--serif)!important;color:var(--ink3)!important}
.tp{font-size:17px!important;line-height:1.9!important;color:var(--ink)!important}
.ts{background:var(--sky)!important;color:var(--ink)!important;border:0!important;border-radius:3px!important;font-family:var(--sans)!important;font-weight:600!important}
.ts:hover{background:var(--yel)!important}
.tx-intro{color:var(--ink2)!important;font-size:15px!important}

/* 金句卡（女性主体性）：蓝色气泡 */
.qc{background:var(--sky)!important;color:var(--ink)!important;border:0!important;border-radius:16px!important}
.qc blockquote{font-family:var(--serif)!important;font-weight:400!important}
.qc figcaption b{color:var(--ink)!important}
.qc .qts{color:var(--ink)!important;border-color:rgba(40,40,40,.3)!important;background:var(--cream)!important}
.qnav{border-radius:999px!important;background:var(--yel)!important;border:1px solid var(--ink)!important}
.books .bn{color:var(--ink3)!important}

/* 页脚 */
body>footer{background:var(--ink)!important;color:#9A968A!important;border:0!important}

@media(max-width:640px){
  .top-nav,body>nav.top{padding:8px 12px!important;overflow-x:auto}
  .hero{padding-top:40px!important}
  h2.sec,.sh h2{font-size:26px!important}
  .tp{font-size:16px!important}
}
/* 小节标题跟大标题一样靠左 */
h2.sec,.eyebrow,.tx-intro{text-align:left!important}