.hm-pricing-hero {
  padding: calc(var(--hm-header-h) + var(--hm-space-2xl)) var(--hm-space-lg) var(--hm-space-xl);
  text-align: center;
  background: linear-gradient(180deg, var(--hm-primary-bg) 0%, var(--hm-bg) 100%);
}

/* 首页内嵌套餐区：无需再叠导航高度 */
.hm-pricing-hero--embed {
  padding-top: var(--hm-space-3xl);
}

.hm-pricing-cards {
  max-width: 1360px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--hm-space-xl);
  padding: 0 var(--hm-space-xl) var(--hm-space-2xl);
}

@media (max-width: 900px) {
  .hm-pricing-cards {
    grid-template-columns: 1fr;
  }
}

.hm-pcard {
  background: var(--hm-surface);
  border-radius: var(--hm-radius-lg);
  padding: var(--hm-space-xl);
  border: 2px solid var(--hm-border);
  display: flex;
  flex-direction: column;
  text-align: center;
}

.hm-pcard--hit {
  border-color: var(--hm-primary);
  box-shadow: 0 20px 56px rgba(179, 36, 45, 0.14);
  position: relative;
}

.hm-pcard__tag {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--hm-secondary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 6px 14px;
  border-radius: 999px;
}

.hm-pcard__price {
  font-size: 2.25rem;
  font-weight: 900;
  color: var(--hm-primary);
  margin: var(--hm-space-md) 0;
}

.hm-pcard ul {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: var(--hm-space-lg) 0;
  flex: 1;
}

/* ============================================================
 * 权益亮点 li · v3.1 主副二段式
 * - <strong> 主标题 → 块级显示, 深色加粗 (一眼看见亮点)
 * - <span.hm-pcard__qty> 数量级小字 → 紧贴主标题, 轻量灰
 * - <span.hm-pcard__desc> 副文案 → 另起一行, 灰色细体 (语义补全, 不抢眼)
 * - is-highlight 类 → 朱砂主标题, 强化"这条最值"
 * ============================================================ */

.hm-pcard li {
  padding: 12px 0 14px 28px;
  border-bottom: 1px solid var(--hm-divider);
  position: relative;
  line-height: 1.5;
  color: var(--hm-text-secondary);
  font-size: 0.86rem;
}

.hm-pcard li:last-child {
  border-bottom: none;
}

.hm-pcard li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 13px;
  color: var(--hm-success);
  font-weight: 800;
  font-size: 1rem;
  line-height: 1;
}

/* 主标题 — 块级显示, 让副文案天然换行 */
.hm-pcard li strong {
  display: block;
  color: var(--hm-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 4px;
  letter-spacing: 0.02em;
}

/* 数量级小字 (例如"约 6,000 张") — 紧贴主标题尾部, 轻量灰 */
.hm-pcard li strong .hm-pcard__qty,
.hm-pcard li .hm-pcard__qty {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--hm-text-hint);
  margin-left: 4px;
  letter-spacing: 0;
}

/* 副文案 — 另起一行的灰色描述 */
.hm-pcard li .hm-pcard__desc {
  display: block;
  color: var(--hm-text-secondary);
  font-size: 0.84rem;
  font-weight: 400;
  line-height: 1.6;
}

/* 排除条 (✕) */
.hm-pcard li.is-excluded {
  color: var(--hm-text-hint);
  opacity: 0.65;
}

.hm-pcard li.is-excluded strong {
  color: var(--hm-text-hint);
  font-weight: 600;
}

.hm-pcard li.is-excluded::before {
  content: "✕";
  color: var(--hm-text-hint);
}

/* 高亮条 — 主标题用品牌朱砂, 副文案保持灰 (主副反差更强)
 * 设计原则: 红 = "该档相对下一档独有的核心打动点", 不是"所有功能都标红"
 * 控制密度: 免费版仅 2 条 (双专利), 守护版 ≤4 条 (子女远程亲情核心),
 *          至亲版 ≤4 条 (家庭共守核心)
 */
.hm-pcard li.is-highlight strong {
  color: var(--hm-primary);
  font-weight: 800;
}

.hm-pcard li.is-highlight::before {
  color: var(--hm-primary);
}

.hm-pcard li.is-highlight .hm-pcard__qty {
  color: var(--hm-primary);
  opacity: 0.75;
}

/* 简短条 (没有副文案, 整条单行) — 主标题字号小一档, 避免视觉空洞 */
.hm-pcard li.is-compact strong,
.hm-pcard li:not(:has(.hm-pcard__desc)) strong {
  display: inline;
  font-size: 0.92rem;
  margin-bottom: 0;
}

/* ============================================================
 * 视觉分组 · is-section-start
 * - 同板块 li 紧挨, 跨板块 li 间用细微间距 + 浅色分隔暗示分组
 * - 不加显式小标题 (避免卡片过高 + 老人/子女浏览成本)
 * - 让"视觉节奏"代替文字, 用户潜意识就能感知"哦, 这是另一组"
 * ============================================================ */
.hm-pcard li.is-section-start {
  margin-top: 10px;
  padding-top: 18px;
  border-top: 1px dashed var(--hm-divider);
}

/* 第 1 条是 section-start 时不画分隔线 (避免与 ul 顶边重叠) */
.hm-pcard ul > li.is-section-start:first-child {
  margin-top: 0;
  padding-top: 12px;
  border-top: none;
}

/* 短条作为承接 ("免费版全部功能 +" / "守护版全部功能 — 升级为...")
 * 配色: 浅朱砂背景 + 深朱砂边界, 视觉上像一个"传承徽章" */
.hm-pcard li.is-compact {
  background: rgba(179, 36, 45, 0.04);
  border-radius: 8px;
  padding: 12px 14px 12px 36px;
  margin-bottom: 10px;
  border-bottom: none;
}

.hm-pcard li.is-compact::before {
  content: "↑";
  left: 14px;
  color: var(--hm-primary);
  font-size: 1.1rem;
  top: 11px;
}

.hm-pcard li.is-compact strong {
  color: var(--hm-primary);
  font-weight: 800;
}

.hm-pcard__sub {
  font-size: 0.85rem;
  color: var(--hm-text-hint);
  margin-bottom: var(--hm-space-sm);
}

.hm-pcard__price span {
  font-size: 1rem;
  font-weight: 700;
}