/* ==========================================================================
   达芬奇详情页（对应 page_4_dafenqi.png）
   价格表与荣誉证书为设计稿配套整图（像素级复杂表格/证书，禁止手写复刻）。
   纵向锚点（CSS px）：
     面包屑底 210｜首屏横幅 212–846｜品牌标题 904
     简介+荣誉整图｜数据条｜窗膜+车衣价格表整图｜页脚上边线 4472
   ========================================================================== */

.section--hero {
  padding-top: 0;
}

.dfq-hero {
  width: 100%;
  height: auto;
  display: block;
}

/* --------------------------------------------------------------------------
   品牌简介标题：红色 + 右侧 >> + 英文副标题
   -------------------------------------------------------------------------- */
.section--brand {
  padding-top: 5.7rem; /* 横幅底 847 → 标题墨迹顶 904 */
  padding-bottom: 0;
}

.dfq-heading {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: var(--fs-h2-sm);
  line-height: var(--lh-tight);
  font-weight: 700;
  color: var(--c-davinci);
}

.dfq-heading__marks {
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: 0.2rem;
  color: var(--c-num-ghost);
}

.dfq-heading__en {
  margin-top: 0.8rem;
  font-size: var(--fs-en);
  line-height: var(--lh-tight);
  letter-spacing: 0.12rem;
  color: var(--c-subtle);
}

/* 简介正文 + 两行荣誉证书（素材整图，含左上红色折角） */
.dfq-intro {
  width: 100%;
  height: auto;
  margin-top: 3.2rem;
  display: block;
}

/* --------------------------------------------------------------------------
   数据条：四列不等分，竖线分隔（稿面 400+ / 1.5亿 / 100万+ / 30+）
   -------------------------------------------------------------------------- */
.dfq-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 4.8rem;
  padding: 3.6rem 0;
  border-top: 1px solid var(--c-line-soft);
  border-bottom: 1px solid var(--c-line-soft);
}

.dfq-stat {
  text-align: center;
}

.dfq-stat + .dfq-stat {
  border-left: 1px solid var(--c-line-mid);
}

.dfq-stat__num {
  font-size: var(--fs-stat-lg);
  line-height: 1;
  font-weight: 700;
  color: var(--c-title);
  letter-spacing: -0.16rem;
  white-space: nowrap;
}

.dfq-stat__num sup {
  font-size: var(--fs-stat-sup);
  font-weight: 400;
  color: var(--c-subtle);
  vertical-align: top;
}

.dfq-stat__cap {
  margin-top: 1.2rem;
  font-size: var(--fs-stat-cap);
  line-height: var(--lh-tight);
  color: var(--c-muted);
}

/* --------------------------------------------------------------------------
   价格表：窗膜 + 车衣整图（含底部合作标识）
   -------------------------------------------------------------------------- */
.section--tables {
  padding-top: 5.6rem;
  padding-bottom: 4.8rem; /* 页脚上边线前留白 */
}

.dfq-tables {
  width: 100%;
  height: auto;
  display: block;
}

/* --------------------------------------------------------------------------
   断点
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  .section--brand {
    padding-top: 3.2rem;
  }

  .section--tables {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .dfq-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 3.2rem;
    padding: 3.2rem 0;
  }

  .dfq-stat:nth-child(odd) {
    border-left: 0;
  }

  .dfq-stat:nth-child(n + 3) {
    border-top: 1px solid var(--c-line-mid);
    padding-top: 3.2rem;
  }
}

@media (max-width: 767px) {
  .dfq-heading {
    font-size: 3.2rem;
  }

  .dfq-stats {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2.4rem;
  }

  .dfq-stat {
    border-left: 0;
  }

  .dfq-stat + .dfq-stat {
    border-top: 1px solid var(--c-line-mid);
    padding-top: 2.4rem;
  }

  .dfq-stat:nth-child(n + 3) {
    border-top: 1px solid var(--c-line-mid);
    padding-top: 2.4rem;
  }

  .dfq-stat__num {
    font-size: 7.2rem;
  }
}