/**
 * PCB 中心页 · 段6-7 质量证据与可追溯性
 *
 * 数值取自 Figma 实测：区块标题 #14363F 40px/73（居中）；左列标题 28px/42（绿 + 深混排）；
 * 左列说明 #666666 16px/20（556 宽）；左列按钮两枚横向等分列宽（原 205×112；客户 9/28 r8 缩高、与配图同宽）；
 * 左列配图 698×341；表头 #008C11 24px（列宽 322）；行标题 #14363F 16px/28（215 宽）；
 * 行说明 #14363F 14px/20（620 宽）；分隔线 1px（942 宽）。
 */

.pcb-verify {
  /* 设计稿标题（由 .pcb-routeinfo 输出）5784 → 两列顶 5927，间距 143；实现只有 107。 */
  padding-block: 110px 100px;
  background: #ffffff;
}

.pcb-verify__inner {
  max-width: 1718px /* = 设计稿内容宽 1638 + 左右各 40 padding */;
  margin: 0 auto;
  padding: 0 40px;
}

.pcb-verify__heading {
  margin: 0 0 70px;
  font-family: var(--pcb-font-display);
  font-size: 40px;
  font-weight: 900;
  line-height: 73px;
  text-align: center;
  color: #14363f;
}

.pcb-verify__cols {
  display: grid;
  grid-template-columns: minmax(0, 556px) minmax(0, 942px);
  gap: 0 60px;
  justify-content: space-between;
  max-width: 1780px;
  margin: 0 auto;
}

/* ── 左列 ───────────────────────────────────────────── */

.pcb-verify__col-title {
  margin: 0 0 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  color: #14363f;
}

/* 客户需求表第 9 行「这里是两行」：
   数据按 | 分成 "Evidence Selected for the" / "Board Being Built" 两段，
   两段改成块级即各占一行（与设计稿断行一致）。 */
.pcb-verify__col-title > span {
  display: block;
}

.pcb-verify__col-lead { color: #008c11; }

.pcb-verify__intro {
  margin: 0 0 30px;
  /* 客户 9/28 新增 r7「文字两端对齐」。 */
  text-align: justify;
  font-size: 16px;
  line-height: 20px;
  color: #666666;
}

/* 客户 9/28 新增 r9「左侧需要跟右侧表格居中」：
   aside 相对右侧 Verification Focus 表格垂直居中（桌面双栏；堆叠断点无影响）。 */
.pcb-verify__aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*
   * 客户 9/28 追加「左区再上移一点，跟右侧居中」：
   * justify-content: center 对齐的是**盒子**中心，而右表盒子的上沿就是表头文字
   * （表头无上内边距），下沿比末行文字多出 26px 内边距 —— 盒子中心比可见内容中心低 13px；
   * 左列首个元素是 42px 行高的标题（28 字号），末个元素是齐底配图，
   * 其盒中心又比可见内容中心低 4.5px。两项合计 17.5px（1920 实测左列中心比右侧低 17.5px）。
   * 故在 flex 容器上加 17.5 × 2 = 35px 下内边距，把左列内容整体上提 17.5px 与右表可见内容对齐。
   * 桌面双栏专用；≤1080 堆叠后由下方断点复位。
   */
  padding-bottom: 35px;
}

/* 两个方形按钮：客户 9/28 新增 r8「高度缩减，长度调整至跟下面图片一样」——
   原为 205 定宽两列（总宽 431），改为等分列宽（与下方配图同宽 556），
   高度 112 → 88。 */
.pcb-verify__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 21px;
  margin-bottom: 34px;
}

.pcb-verify__cta {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  min-height: 88px;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #14363f;
  text-decoration: none;
  border: 1px solid #008c11;
  border-radius: 4px;
  transition: background 0.24s ease, box-shadow 0.24s ease;
}

.pcb-verify__cta-dot {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 26px;
  height: 26px;
  color: #ffffff;
  background: #008c11;
  border-radius: 50%;
}

.pcb-verify__cta-dot svg { width: 12px; height: 12px; }

.pcb-verify__cta:hover {
  background: #eff5f3;
  box-shadow: 0 12px 26px rgba(0, 140, 17, 0.12);
}

.pcb-verify__figure {
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
}

.pcb-verify__figure img {
  display: block;
  width: 100%;
  height: auto;
}

/* ── 右侧表格（列宽 322）────────────────────────────── */

.pcb-verify__head {
  display: grid;
  grid-template-columns: 322px minmax(0, 1fr);
  gap: 0 40px;
  padding-bottom: 14px;
}

.pcb-verify__h1,
.pcb-verify__h2 {
  font-size: 24px;
  font-weight: 700;
  color: #008c11;
}

.pcb-verify__h1 { line-height: 28px; }
.pcb-verify__h2 { line-height: 22px; }

.pcb-verify__item {
  display: grid;
  grid-template-columns: 322px minmax(0, 1fr);
  gap: 0 40px;
  /* 设计稿 6 行合计 649（含 4 行两行注释、2 行三行注释），实现 570；
     行内边距由 22 → 26 补齐（每行 +8、6 行 +48）。 */
  padding: 26px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.14);
}

.pcb-verify__item-title {
  /* 客户需求表第 10 行「文字加粗」：验证表第一列（与 PCBA 1:866 同为 SemiBold 600）。 */
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #14363f;
}

.pcb-verify__item-desc {
  font-size: 14px;
  line-height: 20px;
  color: #14363f;
}

/* ── 响应式 ─────────────────────────────────────────── */

@media (max-width: 1500px) {
  .pcb-verify { padding-block: 56px 76px; }
  .pcb-verify__heading { font-size: 34px; line-height: 62px; margin-bottom: 50px; }
  .pcb-verify__cols { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 0 40px; }
  .pcb-verify__col-title { font-size: 24px; line-height: 36px; }
  .pcb-verify__h1, .pcb-verify__h2 { font-size: 20px; }
  .pcb-verify__head,
  .pcb-verify__item { grid-template-columns: minmax(0, 230px) minmax(0, 1fr); gap: 0 24px; }
}

@media (max-width: 1080px) {
  .pcb-verify__cols { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  /* 堆叠成单列后不存在「左右并排居中」，复位视觉补偿下内边距，避免左列与表格之间多出 35px。 */
  .pcb-verify__aside { padding-bottom: 0; }
  .pcb-verify__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pcb-verify__figure { max-width: 698px; }
}

@media (max-width: 720px) {
  .pcb-verify { padding-block: 48px 56px; }
  .pcb-verify__heading { font-size: 24px; line-height: 40px; margin-bottom: 32px; }
  .pcb-verify__actions { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .pcb-verify__cta { flex-direction: row; align-items: center; min-height: 60px; }
  .pcb-verify__head { display: none; }
  .pcb-verify__item { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 16px 0; }
  .pcb-verify__item-title { font-weight: 700; color: #008c11; line-height: 24px; }
  .pcb-verify__item-desc { font-size: 15px; line-height: 22px; }
}