/* ============================================================
   产品详情页 · 黄马商业（2026-10-27）
   前缀 pd-，独立文件，不改动 style.css 已有规则
   视觉：暖白底 / 黑字 / 米金点缀 / 大标题 / 大留白 / 手机优先
   不使用卡片墙，不堆小字
   ============================================================ */

/* ---------- 首屏 ---------- */
.pd-hero{
  padding: clamp(46px, 8vh, 92px) 0 clamp(28px, 5vh, 52px);
}
.pd-kicker{
  display:inline-block;
  font-size:12.5px; font-weight:700; letter-spacing:.22em;
  color:var(--gold-d); margin:0 0 18px;
}
.pd-title{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(34px, 8.4vw, 60px);
  line-height:1.12;
  letter-spacing:.01em;
  margin:0 0 22px;
}
.pd-lead{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(20px, 4.6vw, 30px);
  line-height:1.5;
  color:var(--ink);
  max-width:22ch;
  margin:0;
}
.pd-lead b{ color:var(--gold-d); font-weight:700; }
.pd-rule{
  display:block;
  width:48px; height:3px; background:var(--gold);
  margin:clamp(34px, 6vh, 56px) 0 0;
}

/* ---------- 正文区块 ---------- */
.pd-body{
  padding: clamp(40px, 7vh, 72px) 0;
  border-top:1px solid var(--line);
}
.pd-prose p{
  font-size:clamp(16px, 2.6vw, 19px);
  line-height:1.95;
  color:var(--ink-2);
  max-width:40ch;
  margin:0 0 20px;
}
.pd-prose p:last-child{ margin-bottom:0; }
.pd-prose b{ color:var(--gold-d); font-weight:700; }

.pd-list{
  list-style:none; padding:0; margin:20px 0 0;
}
.pd-list li{
  position:relative;
  padding:10px 0 10px 22px;
  font-size:clamp(16px, 2.6vw, 19px);
  line-height:1.7; color:var(--ink-2);
  border-bottom:1px solid var(--line);
}
.pd-list li:last-child{ border-bottom:0; }
.pd-list li::before{
  content:""; position:absolute; left:0; top:20px;
  width:8px; height:1px; background:var(--gold);
}

/* ---------- 小标题区块 ---------- */
.pd-block{
  padding: clamp(36px, 6vh, 64px) 0;
  border-top:1px solid var(--line);
}
.pd-sub{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(22px, 5vw, 30px);
  line-height:1.35;
  margin:0 0 20px;
}
.pd-sub b{ color:var(--gold-d); font-weight:700; }

/* 关键词 */
.pd-keys{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-top:26px;
}
.pd-key{
  font-size:13.5px; font-weight:600; letter-spacing:.04em;
  color:var(--gold-d);
  border:1px solid var(--line-2); border-radius:2px;
  padding:7px 14px; background:var(--bg-2);
}

/* 路径 */
.pd-path{ margin-top:8px; }
.pd-step{
  font-size:clamp(17px, 3.4vw, 21px);
  line-height:1.6; color:var(--ink);
  padding:20px 0; border-bottom:1px solid var(--line);
}
.pd-step:first-child{ border-top:1px solid var(--line); }
.pd-arrow{
  color:var(--gold); font-size:22px; line-height:1;
  padding:4px 0; font-weight:700;
}

/* ---------- 底部咨询二维码 ---------- */
.pd-cta{
  padding: clamp(48px, 8vh, 84px) 0;
  border-top:1px solid var(--line);
  text-align:center;
}
.pd-cta-title{
  font-family:var(--serif); font-weight:700;
  font-size:clamp(22px, 5vw, 28px);
  margin:0 0 8px;
}
.pd-cta-sub{
  font-size:14px; color:var(--ink-3); margin:0 0 30px;
}
.pd-qr{ display:inline-block; margin:0 auto; }
.pd-qr img{
  width:min(260px, 70vw); height:auto;
  border-radius:8px;
  box-shadow:0 16px 40px -28px rgba(25,25,23,.5);
}
.pd-qr figcaption{
  margin-top:14px;
  font-size:14px; font-weight:700; color:var(--ink-2);
}

/* ---------- 返回 ---------- */
.pd-back{
  padding: clamp(30px, 5vh, 46px) 0 clamp(56px, 9vh, 90px);
  border-top:1px solid var(--line);
}
.pd-back a{
  display:inline-flex; align-items:center; gap:8px;
  font-size:15px; font-weight:700; color:var(--gold-d);
}
.pd-back .arw{ color:var(--gold); }

@media (min-width:768px){
  .pd-lead{ max-width:26ch; }
  .pd-prose p{ max-width:46ch; }
  .pd-qr img{ width:280px; }
}