/* 页面主题层：本文件仅供 coaching.html 加载（晚于 tokens.css 与 style.css）。
   其中的 :root 覆盖与 .btn / .hero / .card 等通用类覆盖是**刻意保留的页面主题**：
   各落地页自成一套视觉规格，取值差异并非 token 冲突，不得为「统一」而随意拉平。
   加载顺序：tokens.css → style.css → 本文件，故本文件的覆盖始终生效。 */

/* 企业陪跑（源：peipao-biz-20260920）· 全部选择器作用域限定于 .pp-page，
   与本站 style.css 完全隔离，不污染共享导航与页脚。 */

/* ═══════════════════════════════════════════════════════
   设计令牌
   ═══════════════════════════════════════════════════════ */
.pp-page{
  /* ---- 中性色 / 文字 ---- */
  --ink:#303133;          /* 主标题 · 同全站 --c-text */
  --muted:#606266;        /* 次要文字 · 同 landing-brand --tx-3 */
  --paper:#FFFFFF;
  --line:#E4E7ED;         /* 分隔线 · 同 landing-brand --bd */
  --line-d:#DEE4F0;       /* 更浅分隔线 · 同 landing-brand --bd-card */
  --bg-soft:#F4F7FD;      /* 浅底 · 同 landing-brand --bg-soft */
  --bg-soft-2:#E8F0FE;    /* 更浅底 · 同 landing-brand --bg-soft-2 */
  --bg-tint:#F2F7FF;      /* 极浅蓝底 · 同 teambuild --tb-primary-soft */

  /* ---- 品牌主色（全站科技蓝）---- */
  --brand:#165DFF;        /* 主色 · 同全站 --c-primary */
  --brand-l:#4080FF;      /* 亮主色 · 同 landing-brand --c-primary-h */

  /* ---- 强调色（全站金）：浅底用深金、深底用亮金，与 consulting / talent 同一套 ---- */
  --accent:#B8934C;       /* 浅底强调 · 同 landing-brand --c-gold-d */
  --accent-l:#E8C98A;     /* 深底强调 · 同 landing-brand --c-gold-lit */

  /* ---- 深蓝纵深 ---- */
  --navy:#0A2A6E;         /* 深底 · 同 landing-brand --navy-3 */

  --sans: var(--font-sans-base); /* 唯一真源见 style.css :root（原为首位 Noto Sans SC，与全站不一致） */

  --wrap:1280px;          /* 内容宽度对齐全站：1280 − 两侧 20 = 内容盒 1240 */
  --pad:20px;             /* 同全站 .container padding: 0 20px */
  --step-pad:clamp(52px,6.5vw,92px);
}

.pp-page, .pp-page *{box-sizing:border-box;}
html{scroll-behavior:smooth;}
.pp-page{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.pp-page h1, .pp-page h2, .pp-page h3, .pp-page h4, .pp-page p, .pp-page ul, .pp-page ol, .pp-page figure, .pp-page blockquote{margin:0;}
.pp-page ul, .pp-page ol{padding:0;list-style:none;}
.pp-page a{color:inherit;text-decoration:none;}
.pp-page img{max-width:100%;display:block;}
.pp-page table{border-collapse:collapse;width:100%;}
.pp-page .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);}

/* ═══════════════════════════════════════════════════════
   Hero
   ═══════════════════════════════════════════════════════ */
.pp-page .hero{
  position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(96px,14vh,150px) 0 clamp(52px,8vh,84px);
  background:var(--navy);overflow:hidden;
}
.pp-page .hero::before{
  content:"";position:absolute;inset:0;
  background:url("../assets/peipao-cover.jpg") center/cover no-repeat;
  opacity:.42;
}
.pp-page .hero::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 12% 0%,rgba(18,63,140,.86) 0%,rgba(10,42,110,.94) 58%,rgba(7,30,82,.98) 100%),
    linear-gradient(180deg,rgba(7,30,82,.3),rgba(7,30,82,.72));
}
.pp-page .hero .wrap{position:relative;z-index:2;}
/* 优化000 第24a：hero 文字左对齐 —— .hero 是 flex column 容器，
   .wrap 的 margin:0 auto 在 flex 语境下会把盒子收缩成内容宽再居中（收缩为 ~720px），
   显式拉满宽度后文字自然贴住内容区左缘 */
.pp-page .hero .wrap{width:100%;}
.pp-page .eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:12.5px;letter-spacing:.2em;color:var(--accent-l);
  text-transform:uppercase;margin-bottom:clamp(20px,3vw,32px);
}
.pp-page .eyebrow::before{content:"";width:34px;height:2px;background:var(--accent);flex:0 0 auto;}
.pp-page .hero h1{
  font-family:var(--sans);font-weight:700;color:#fff;
  font-size:clamp(38px,6.4vw,76px);line-height:1.14;letter-spacing:.01em;
  max-width:13em;
}
.pp-page .hero h1 em{font-style:normal;color:var(--accent-l);}
.pp-page .hero .rule{width:76px;height:3px;background:var(--accent);margin:clamp(26px,3.4vw,38px) 0;}
.pp-page .lede{
  font-size:clamp(15.5px,1.7vw,20px);line-height:1.92;color:rgba(255,255,255,.8);
  max-width:34em;
}
.pp-page .lede b{color:#fff;font-weight:600;}

/* 五问预览 */
.pp-page .qrow{
  margin-top:clamp(40px,6vw,64px);padding-top:clamp(24px,3vw,34px);
  border-top:1px solid rgba(255,255,255,.16);
  display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.6vw,22px);
}
.pp-page .qrow a{display:block;min-width:0;transition:transform .3s;}
.pp-page .qrow a:hover{transform:translateY(-3px);}
.pp-page .qrow b{
  display:block;font-family:var(--sans);font-size:clamp(15px,1.7vw,19px);
  font-weight:700;color:var(--accent-l);margin-bottom:6px;letter-spacing:.02em;
}
.pp-page .qrow span{display:block;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.68);}
@media (max-width: 760px){
  .pp-page .qrow{grid-template-columns:1fr 1fr;gap:16px 18px;}
  .pp-page .qrow a:last-child{grid-column:1/-1;}
}

/* ═══════════════════════════════════════════════════════
   决策路径骨架
   ═══════════════════════════════════════════════════════ */
.pp-page .step{
  position:relative;
  padding:var(--step-pad) 0 var(--step-pad) 78px;
}
.pp-page .step::before{
  content:"";position:absolute;left:23px;top:0;bottom:0;width:2px;background:var(--line-d);
}
.pp-page .step:first-of-type::before{top:var(--step-pad);}
.pp-page .step:last-of-type::before{bottom:var(--step-pad);}
.pp-page .node{
  position:absolute;left:0;top:var(--step-pad);
  width:48px;height:48px;border-radius:50%;
  background:var(--brand);color:#fff;
  display:grid;place-items:center;
  font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:.03em;
  box-shadow:0 0 0 6px var(--paper);
}
.pp-page .step-head{max-width:46em;}
.pp-page .kicker{
  font-size:12px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;
  display:block;margin-bottom:12px;
}
.pp-page .step-head h2{
  font-family:var(--sans);font-weight:700;font-size:clamp(25px,3.5vw,42px);
  line-height:1.25;color:var(--ink);letter-spacing:.01em;
}
.pp-page .answer{
  margin-top:clamp(18px,2.4vw,26px);padding-left:20px;
  border-left:3px solid var(--accent);
  font-size:clamp(15.5px,1.7vw,18.5px);line-height:1.85;color:var(--brand);
  font-weight:500;
}
.pp-page .answer .ak{
  display:block;font-family:var(--sans);font-weight:700;font-size:11.5px;
  letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:7px;
}
@media (max-width: 640px){
  .pp-page .step{padding-left:54px;}
  .pp-page .step::before{left:14px;}
  .pp-page .node{width:30px;height:30px;font-size:12px;box-shadow:0 0 0 5px var(--paper);}
  .pp-page .answer{padding-left:15px;}
}

/* 区块与标题 */
.pp-page .blk{margin-top:clamp(40px,5vw,68px);}
.pp-page .blk.first{margin-top:clamp(34px,4vw,50px);}
.pp-page .sh{
  font-family:var(--sans);font-weight:700;font-size:clamp(17px,2vw,21px);
  color:var(--ink);margin-bottom:clamp(18px,2.2vw,26px);
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.pp-page .sh .tag{
  font-family:var(--sans);font-weight:700;font-size:11.5px;letter-spacing:.14em;
  color:var(--accent);text-transform:uppercase;flex:0 0 auto;
}
.pp-page .sh .hint{font-family:var(--sans);font-weight:400;font-size:13.5px;color:var(--muted);}

/* ═══════════════════════════════════════════════════════
   通用组件
   ═══════════════════════════════════════════════════════ */
.pp-page .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);}
.pp-page .grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,40px);}
.pp-page .grid3>*, .pp-page .grid2>*, .pp-page .split>*, .pp-page .modes>*, .pp-page .stds>*, .pp-page .stats>*, .pp-page .fit>*{min-width:0;}

.pp-page .card{
  background:var(--bg-soft);padding:clamp(20px,2.2vw,28px);
  border-radius:3px;position:relative;
}
.pp-page .card h3{
  font-family:var(--sans);font-weight:700;font-size:16.5px;line-height:1.45;
  color:var(--ink);margin-bottom:10px;overflow-wrap:anywhere;
}
.pp-page .card p{font-size:14.5px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere;}
.pp-page .card.dark{background:var(--brand);}
.pp-page .card.dark h3{color:#fff;}
.pp-page .card.dark p{color:rgba(255,255,255,.76);}
.pp-page .card.line{background:transparent;border:1px solid var(--line);}
.pp-page .card .idx{
  display:block;font-family:var(--sans);font-weight:700;font-size:13px;
  color:var(--accent);letter-spacing:.06em;margin-bottom:9px;
}

.pp-page .insight{
  margin-top:clamp(24px,3vw,38px);padding:clamp(20px,2.4vw,28px) clamp(22px,2.6vw,32px);
  background:var(--bg-soft-2);border-left:4px solid var(--brand);
  font-size:clamp(14.5px,1.6vw,16.5px);line-height:1.9;color:var(--brand);
}
.pp-page .insight b{font-weight:700;}

.pp-page .chips{display:flex;flex-wrap:wrap;gap:10px;}
.pp-page .chips span{
  display:inline-block;padding:8px 16px;border:1px solid var(--line-d);border-radius:100px;
  font-size:14px;color:var(--brand);background:var(--paper);white-space:nowrap;
}
.pp-page .chips.accent span{border-color:var(--accent-l);color:var(--accent);background:var(--bg-tint);}

/* 定义引文 */
.pp-page .quote{
  padding:clamp(26px,3.2vw,40px) clamp(26px,3.2vw,44px);
  background:var(--bg-soft);border-radius:3px;
}
.pp-page .quote .tag{
  display:block;font-family:var(--sans);font-weight:700;font-size:11.5px;
  letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:14px;
}
.pp-page .quote p{
  font-family:var(--sans);font-weight:700;
  font-size:clamp(17px,2.1vw,23px);line-height:1.75;color:var(--ink);
}

/* 三条硬标准 */
.pp-page .stds{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);}
.pp-page .std{
  background:var(--brand);color:#fff;padding:clamp(22px,2.5vw,30px);
  border-radius:3px;display:flex;flex-direction:column;gap:12px;
}
.pp-page .std:nth-child(2){background:var(--brand-l);}
.pp-page .std:nth-child(3){background:var(--accent);}
.pp-page .std b{
  font-family:var(--sans);font-size:clamp(20px,2.4vw,26px);font-weight:700;
  line-height:1.35;display:block;
}
.pp-page .std p{font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.84);}
.pp-page .std .no{
  font-family:var(--sans);font-size:13px;letter-spacing:.1em;
  color:rgba(255,255,255,.62);font-weight:700;
}

/* 表格 */
.pp-page .swipe-hint{display:none;}
.pp-page .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.pp-page .tbl{font-size:15px;min-width:620px;}
.pp-page .tbl th{
  font-family:var(--sans);font-weight:700;text-align:left;
  padding:14px 18px;background:var(--brand);color:#fff;font-size:14px;letter-spacing:.04em;
  white-space:nowrap;
}
.pp-page .tbl th:first-child{border-radius:3px 0 0 0;}
.pp-page .tbl th:last-child{border-radius:0 3px 0 0;}
.pp-page .tbl td{
  padding:14px 18px;border-bottom:1px solid var(--line);
  color:var(--muted);font-size:14.5px;line-height:1.7;vertical-align:top;
}
.pp-page .tbl tbody tr:nth-child(even) td{background:var(--bg-soft);}
.pp-page .tbl td:first-child{font-family:var(--sans);font-weight:700;color:var(--ink);white-space:nowrap;}
.pp-page .tbl td em{font-style:normal;color:var(--brand);font-weight:600;}
@media (max-width: 640px){
  .pp-page .swipe-hint{
    display:flex;align-items:center;gap:7px;
    font-size:12.5px;color:var(--muted);margin:0 0 8px;line-height:1.5;
  }
  .pp-page .swipe-hint b{color:var(--accent);font-weight:700;}
}

/* 横向流程 */
.pp-page .flow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(8px,1.2vw,14px);}
.pp-page .flow .fi{position:relative;min-width:0;padding-top:30px;}
.pp-page .flow .fi::before{
  content:"";position:absolute;left:0;top:9px;width:100%;height:2px;background:var(--line-d);
}
.pp-page .flow .fi::after{
  content:"";position:absolute;left:0;top:4px;width:11px;height:11px;border-radius:50%;
  background:var(--paper);border:2px solid var(--accent);
}
.pp-page .flow .fi:last-child::before{background:linear-gradient(90deg,var(--line-d),transparent);}
.pp-page .flow .fi b{
  display:block;font-family:var(--sans);font-size:15.5px;font-weight:700;
  color:var(--ink);margin-bottom:5px;
}
.pp-page .flow .fi p{font-size:13.5px;line-height:1.7;color:var(--muted);}
@media (max-width: 720px){
  .pp-page .flow{grid-auto-flow:row;grid-auto-columns:auto;gap:0;}
  .pp-page .flow .fi{padding:0 0 20px 30px;}
  .pp-page .flow .fi::before{left:5px;top:6px;width:2px;height:100%;}
  .pp-page .flow .fi::after{left:0;top:5px;}
  .pp-page .flow .fi:last-child{padding-bottom:0;}
  .pp-page .flow .fi:last-child::before{background:linear-gradient(180deg,var(--line-d),transparent);}
}

/* 六层阶梯 */
.pp-page .ladder{display:flex;flex-direction:column;gap:7px;}
.pp-page .ladder li{
  padding:14px clamp(18px,2.2vw,26px);font-size:14.5px;line-height:1.6;
  background:var(--bg-soft);color:var(--ink);border-radius:2px;
  display:flex;align-items:baseline;gap:14px;
}
.pp-page .ladder li b{
  font-family:var(--sans);font-weight:700;font-size:13px;color:var(--accent);
  flex:0 0 auto;letter-spacing:.06em;
}
.pp-page .ladder li:first-child{background:var(--brand);color:#fff;}
.pp-page .ladder li:first-child b{color:var(--accent-l);}
.pp-page .ladder li:nth-child(2), .pp-page .ladder li:nth-child(3){background:var(--bg-soft-2);}

/* 取酬结构 */
.pp-page .modes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);}
.pp-page .mode{
  border:1px solid var(--line);border-radius:3px;padding:clamp(20px,2.3vw,28px);
  display:flex;flex-direction:column;gap:10px;background:var(--paper);
}
.pp-page .mode .cap{
  font-family:var(--sans);font-weight:700;font-size:11.5px;letter-spacing:.14em;
  color:var(--accent);text-transform:uppercase;
}
.pp-page .mode b{font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);line-height:1.5;}
.pp-page .mode p{font-size:14px;line-height:1.8;color:var(--muted);}
.pp-page .mode .risk{
  margin-top:auto;padding-top:12px;border-top:1px dashed var(--line-d);
  font-size:13.5px;color:var(--brand);
}
.pp-page .mode .risk b{font-family:var(--sans);font-size:13.5px;letter-spacing:.02em;color:var(--accent);}

/* 编号规则列表 */
.pp-page .rules{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);}
.pp-page .rules li{display:flex;gap:clamp(16px,2vw,24px);align-items:flex-start;}
.pp-page .rules .num{
  font-family:var(--sans);font-weight:700;font-size:clamp(20px,2.3vw,26px);
  color:var(--accent);line-height:1.2;flex:0 0 auto;
}
.pp-page .rules p{font-size:15px;line-height:1.85;color:var(--muted);padding-top:2px;}

/* 数字底座 */
.pp-page .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);}
.pp-page .stat{border-top:3px solid var(--brand);padding-top:clamp(18px,2vw,24px);}
.pp-page .stat .n{
  font-family:var(--sans);font-weight:700;font-size:clamp(34px,4.6vw,54px);
  color:var(--brand);line-height:1;letter-spacing:.01em;
  display:flex;align-items:baseline;gap:6px;
}
.pp-page .stat .n i{font-style:normal;font-size:15px;font-weight:700;color:var(--accent);}
.pp-page .stat h3{font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);margin:12px 0 8px;}
.pp-page .stat p{font-size:13.5px;line-height:1.8;color:var(--muted);}

/* 案例 */
.pp-page .figure{margin:0;}
.pp-page .figure img{width:100%;height:clamp(180px,26vw,300px);object-fit:cover;border-radius:3px;}
.pp-page .figure figcaption{margin-top:12px;font-size:13px;color:var(--muted);letter-spacing:.02em;}
.pp-page .case{background:var(--paper);border:1px solid var(--line);}
.pp-page .case b{display:block;font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:10px;}
.pp-page .case p{font-size:14px;line-height:1.8;color:var(--muted);}
.pp-page .case .res{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
  font-size:14.5px;color:var(--brand);font-weight:600;line-height:1.75;
}
.pp-page .case .res::before{content:"→ ";color:var(--accent);font-weight:700;}
.pp-page .case .res em{font-style:normal;color:var(--accent);font-weight:700;}

/* 适用 / 不适用 */
.pp-page .fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,26px);}
.pp-page .fit .box{border-radius:3px;padding:clamp(22px,2.5vw,30px);}
.pp-page .fit .yes{background:var(--bg-soft);border-left:4px solid var(--brand);}
.pp-page .fit .no{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--line-d);}
.pp-page .fit h3{
  font-family:var(--sans);font-weight:700;font-size:16px;margin-bottom:16px;
  display:flex;align-items:center;gap:9px;
}
.pp-page .fit .yes h3{color:var(--brand);}
.pp-page .fit .no h3{color:var(--muted);}
.pp-page .fit li{
  font-size:14.5px;line-height:1.8;color:var(--muted);
  padding-left:18px;position:relative;margin-bottom:10px;
}
.pp-page .fit li:last-child{margin-bottom:0;}
.pp-page .fit li::before{
  content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;
  background:var(--accent);
}
.pp-page .fit .no li::before{background:var(--line-d);}

/* ═══════════════════════════════════════════════════════
   入场动画
   ═══════════════════════════════════════════════════════ */
.pp-page .rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
.pp-page .rv.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  .pp-page .rv{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ═══════════════════════════════════════════════════════
   窄屏收敛（媒体查询内必须重复列出全部修饰类）
   ═══════════════════════════════════════════════════════ */
@media (max-width: 900px){
  .pp-page .grid3, .pp-page .stds, .pp-page .stats, .pp-page .modes{grid-template-columns:1fr 1fr;}
  .pp-page .grid3>*:last-child, .pp-page .stds>*:last-child, .pp-page .modes>*:last-child{grid-column:1/-1;}
}
@media (max-width: 720px){
  .pp-page .grid2, .pp-page .fit{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .pp-page .grid3, .pp-page .stds, .pp-page .stats, .pp-page .modes{grid-template-columns:1fr;}
  .pp-page .grid3>*:last-child, .pp-page .stds>*:last-child, .pp-page .modes>*:last-child{grid-column:auto;}
}


/* ============================================================
   本站适配层：源页面原为「透明悬浮导航覆盖」结构，
   本站 topbar 与 nav 均为 position:fixed，故补齐偏移与锚点避让。
   ============================================================ */
.pp-page .hero{
  margin-top:calc(var(--topbar-effective) + var(--nav-h));
  min-height:calc(100svh - var(--topbar-effective) - var(--nav-h));
  transition:margin-top .3s ease;
}
/* 页内锚点（hero 五问预览 → s1~s5）滚动时避让固定顶栏与导航 */
.pp-page .step,
.pp-page .wrap > [id]{
  scroll-margin-top:calc(var(--topbar-effective) + var(--nav-h) + 24px);
}
/* 内容区顶/底留白由本站节奏决定，避免与固定导航叠加出现空白过大 */
.pp-page .step:first-of-type{padding-top:var(--step-pad);}

/* ────────────────────────────────────────────────────────────
   中和本站 style.css 同名类的「反向渗入」
   作用域只能阻止本页样式外泄，无法阻止 style.css 的同名类命中本页元素。
   经比对 style.css 全部 449 个类名与正文 53 个类名，交集仅 4 个：
   .hero / .stats / .stat / .card —— 逐一按源页面基准值覆盖。
   （作用域选择器特异性 0,2,0 > 0,1,0，可稳定压制 style.css 及其媒体查询里的规则）
   ──────────────────────────────────────────────────────────── */
/* style.css .hero 声明了 height:600px（≤平板 400px / ≤手机 220px），源页面无 height
   —— 源设计为 min-height 撑满，故还原为 auto，仅由上面的 min-height 决定高度 */
.pp-page .hero{height:auto;}
/* style.css .stats 带品牌蓝渐变底 + overflow:hidden，源页面该区块为透明网格 */
.pp-page .stats{background:none;overflow:visible;position:static;}
/* style.css .stat 带 text-align:center 与 padding:34px 16px，源页面为左对齐无内边距 */
.pp-page .stat{text-align:start;padding:0;padding-top:clamp(18px,2vw,24px);position:static;}
/* style.css .card 带蓝色投影、overflow:hidden 与 hover 上浮，源页面为扁平卡片无动效 */
.pp-page .card{box-shadow:none;overflow:visible;transition:none;}
.pp-page .card:hover{transform:none;box-shadow:none;}

/* ────────────────────────────────────────────────────────────
   内联样式迁移承接层（原以 style="" 写在 coaching.html 中，
   此处按原声明原值转为语义类，渲染结果不变）
   ──────────────────────────────────────────────────────────── */
.pp-page .pp-subhead{
  font-family:var(--sans);font-weight:700;font-size:17px;
  color:var(--ink);margin-bottom:16px;
}
.pp-page .pp-subhead--tight{margin-bottom:8px;}
.pp-page .pp-lead{font-size:14.5px;color:var(--muted);line-height:1.8;margin-bottom:18px;}
.pp-page .pp-lead--loose{margin-bottom:22px;}
.pp-page .grid3.pp-grid3--stack{grid-template-columns:1fr;gap:12px;}
.pp-page .grid3.pp-grid3--offset{margin-top:clamp(20px,2.4vw,30px);}

/* ══════════════════════════════════════════════════════════════
   优化000 第24/25条 · 陪跑页专项
   ══════════════════════════════════════════════════════════════ */

/* ---- 24d 「三 · 用什么工具想清楚」左右一一对应 ----
   右列四段链条改纵向并与左列六层模型等高对齐；每段以徽标标注对应层级 */
.pp-page .grid2{align-items:stretch;}
.pp-page .flow--map{
  display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:0;
  grid-auto-flow:row;grid-auto-columns:auto;
  height:100%;
}
.pp-page .flow--map .fi{padding:0 0 16px 30px;}
.pp-page .flow--map .fi::before{left:5px;top:8px;width:2px;height:100%;}
.pp-page .flow--map .fi::after{left:0;top:6px;}
.pp-page .flow--map .fi:last-child{padding-bottom:0;}
.pp-page .flow--map .fi:last-child::before{background:linear-gradient(180deg,var(--line-d),transparent);}
.pp-page .fi-map{
  display:inline-block;margin-top:7px;
  font-family:var(--mono,var(--sans));font-size:11.5px;letter-spacing:.03em;
  color:var(--brand);background:var(--bg-soft-2,rgba(22,93,255,.07));
  border:1px solid var(--line-d);border-radius:4px;padding:3px 8px;
}
.pp-page .flow--map .fi:hover b{color:var(--brand);}
.pp-page .flow--map .fi{transition:background-color .2s var(--ease, ease),transform .2s var(--ease, ease);}
.pp-page .flow--map .fi:hover{transform:translateX(3px);}

/* ---- 24b 模块动效 ----
   恢复被中和层压制的卡片 hover，并为列表类元素补足反馈；动效口径与咨询页一致：
   上浮 + 边框转主色 + 极浅底色渐变，不引入夸张动画 */
.pp-page .card{transition:transform .22s var(--ease, ease),box-shadow .22s var(--ease, ease),border-color .22s var(--ease, ease),background-color .22s var(--ease, ease);}
.pp-page .card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(10,42,110,.12);border-color:rgba(22,93,255,.4);}
.pp-page .card:hover h3{color:var(--brand);}
.pp-page .ladder li{transition:transform .18s var(--ease, ease),background-color .18s var(--ease, ease),box-shadow .18s var(--ease, ease);cursor:default;}
.pp-page .ladder li:hover{transform:translateX(4px);box-shadow:0 6px 16px rgba(10,42,110,.10);}
.pp-page .ladder li:hover:not(:first-child){background:#EAF1FF;}
.pp-page .qrow a span{transition:color .2s var(--ease, ease);}
.pp-page .qrow a:hover span{color:#fff;}
.pp-page .modes > *, .pp-page .stds > *, .pp-page .fit > *{transition:transform .22s var(--ease, ease),box-shadow .22s var(--ease, ease),border-color .22s var(--ease, ease);}

/* ---- 24c 内容层次感 ----
   模块小节标题（.sh）加重层级：tag 色块 + 标题加重 + hint 弱化；
   step 节点编号与标题形成「编号浅、标题深」的对比 */
.pp-page .sh b, .pp-page .sh{letter-spacing:.01em;}
.pp-page .sh .hint{opacity:.85;}
.pp-page .step .node{
  transition:background-color .2s var(--ease, ease),color .2s var(--ease, ease),box-shadow .2s var(--ease, ease);
}
.pp-page .step:hover .node{
  background:var(--brand);color:#fff;
  box-shadow:0 8px 20px rgba(22,93,255,.28);
}
/* 段内小标题与正文拉开一档 */
.pp-page .card h3{line-height:1.55;}
.pp-page .card p{color:var(--muted);line-height:1.85;}