@charset "utf-8";
/* ==========================================================================
   移动销讲页专属样式（mobileSales_2026.html）
   颜色 / 阴影 / 缓动 / 圆角 / 顶栏高度引用 base_2026.css :root；宽度断点集中在文件末尾。
   ========================================================================== */

/* ===== 能力关键词 ===== */
.sp-page .ptags{ display: flex; flex-wrap: wrap; gap: 9px; margin-top: 34px; }

.sp-page .ptags span{
  border: 1px solid var(--line); border-radius: 3px; background: var(--paper);
  padding: 10px 17px; font-size: 13.5px; color: var(--ink-3);
  transition: border-color .25s var(--ease), color .25s var(--ease);
}

.sp-page .ptags span:hover{ border-color: var(--brand-soft); color: var(--brand); }

/* ===== 双轨逐行对照 ===== */
.sp-page .pcmpr{ border-top: 1px solid var(--line); }

.sp-page .pcmpr__head,
.sp-page .pcmpr__row{
  display: grid; grid-template-columns: 190px 1fr 1fr;
  column-gap: 36px; align-items: start;
}

.sp-page .pcmpr__head{ padding: 22px 0 20px; border-bottom: 1px solid var(--line); }

.sp-page .pcmpr__head small{
  display: block; font-family: var(--mono); font-size: 10px; font-weight: 500;
  color: var(--ink-4); letter-spacing: .16em; text-transform: uppercase;
}

.sp-page .pcmpr__head b{ display: block; margin-top: 9px; font-size: 19px; letter-spacing: -.02em; color: var(--ink); }

.sp-page .pcmpr__head .is-new small,
.sp-page .pcmpr__head .is-new b{ color: var(--brand); }

.sp-page .pcmpr__row{ padding: 20px 0; border-bottom: 1px solid var(--line-soft); }

.sp-page .pcmpr__row:last-child{ border-bottom: 0; }

.sp-page .pcmpr__stage{ font-size: 14px; font-weight: 600; line-height: 1.6; color: var(--ink); }

.sp-page .pcmpr__row p{ margin: 0; color: var(--ink-4); font-size: 13.5px; line-height: 1.85; }

.sp-page .pcmpr__row p.is-new{ color: var(--ink-3); }

/* ===== 响应式 ===== */
/* ===== ≤1024px ===== */
@media (max-width: 1024px){
  .sp-page .pcmpr__head,
  .sp-page .pcmpr__row{ grid-template-columns: 150px 1fr 1fr; column-gap: 24px; }
}

/* ===== ≤768px ===== */
@media (max-width: 768px){
  /* ===== 对照表 ===== */
  .sp-page .pcmpr__head{ display: none; }
  .sp-page .pcmpr__row{ grid-template-columns: 1fr; row-gap: 10px; padding: 22px 0; }
  .sp-page .pcmpr__row p::before{
  content: "传统做法"; display: block; margin-bottom: 5px;
  font-family: var(--mono); font-size: 10px; font-weight: 500;
  letter-spacing: .14em; color: var(--ink-4);
  }
  .sp-page .pcmpr__row p.is-new::before{ content: "销房宝"; color: var(--brand); }
}