/**
 * PCBA 中心页 · 段7 数据与工程准备
 *
 * 数值取自 Figma 实测：
 *   标题 #14363F 40px Orbitron/73（居中，728 宽）
 *   副标题 #008C11 28px/42（居中，659 宽）
 *   说明 #666666 16px/20（居中，1151 宽）
 *   按钮 350×60 圆角 4 描边 #008C11（两个，间距 32）
 *   列标题 #14363F 24px/28（**卡片外上方**）
 *   卡片 #FFFFFF 圆角 **10** 描边 #B8D8BC 526×432
 *   卡顶图 526×212（通栏）；小标 #008C11 14px/22；小标说明 **#14363F** 14px/20
 *   4 列 x=141/697/1253/1809（列距 30）→ 4×526+3×30=2194 **溢出画布**，故横向可滚动
 */

/**
 * 段7 纵向数值取自 Figma 实测（色块 `1:554` = 4124..5139，高 **1016**）：
 *   段顶 69 → 标题 1:798（h=73）· 副标题 1:800 +14（h=42）· 说明 1:799 +21（h=40）
 *   → 按钮 1:936 +41（350×60）→ 列标题 1:809 +53（h=28）→ 卡片 1:783 +22（526×432）
 *   卡片底 5019 → 段底 5139（下内边距 120）
 */
.pcba-readiness {
  padding-block: 69px 106px;
  /* 设计稿 1:554 该段底色为浅底 #F9FBFA（与相邻的能力表/制造路径白色隔开）。 */
  background: #f9fbfa;
}

/* ── 居中头部 ───────────────────────────────────────── */

.pcba-readiness__head {
  max-width: 1151px;
  margin: 0 auto 53px;
  text-align: center;
}

.pcba-readiness__title {
  margin: 0;
  font-family: var(--pcb-font-display);
  font-size: 40px;
  font-weight: 700;
  line-height: 73px;
  color: #14363f;
}

.pcba-readiness__subtitle {
  margin: 14px 0 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  color: #008c11;
}

.pcba-readiness__body {
  margin: 21px 0 0;
  font-size: 16px;
  line-height: 20px;
  color: #666666;
}

.pcba-readiness__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  margin-top: 41px;
}

.pcba-readiness__cta {
  display: inline-flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  min-width: 350px;
  min-height: 60px;
  padding: 0 14px 0 20px;
  font-size: 16px;
  font-weight: 600;
  color: #14363f;
  text-decoration: none;
  border: 1px solid #008c11;
  border-radius: 4px;
  transition: background 0.24s ease, box-shadow 0.24s ease;
}

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

.pcba-readiness__cta-dot svg { width: 14px; height: 14px; }

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

/* ── 4 列网格（第 4 列溢出，横向可滚动、不显示拉条）── */

.pcba-readiness__grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 526px;
  gap: 30px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  /* 客户要求（2026-09-22）：取消卡片下方的横向拉条。
     滚动能力保留（触屏滑动 / Shift+滚轮），设计稿第 4 列「半露」的浏览提示不变。 */
  scrollbar-width: none;
  /* 设计稿第 4 列溢出画布"半露 111px"提示可横向浏览。
     网格右边贴到视口边缘：可视宽 = 1920-141 = 1779 → 第 4 列（起点 1668）露出 111px。 */
  margin-right: calc((100% - 100vw) / 2);
}

/* Chrome / Safari / 新版 Edge 的滚动条隐藏（scrollbar-width 不生效）。 */
.pcba-readiness__grid::-webkit-scrollbar { display: none; }

/* 桌面端：拉条隐藏后以「抓手」提示可拖拽横移（page-pcb-center.js 接管拖动）；
   触屏无 hover 概念，保持原生滑动。 */
@media (hover: hover) {
  .pcba-readiness__grid { cursor: grab; }
  .pcba-readiness__grid.is-dragging { cursor: grabbing; user-select: none; }
}

.pcba-readiness__col { min-width: 0; }

.pcba-readiness__col-title {
  margin: 0 0 22px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #14363f;
}

/* ── 卡片 ───────────────────────────────────────────── */

.pcba-readiness-card {
  display: flex;
  flex-direction: column;
  min-height: 432px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #b8d8bc;
  border-radius: 10px;
  transition: box-shadow 0.24s ease, transform 0.24s ease;
}

.pcba-readiness-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(20, 54, 63, 0.1);
}

.pcba-readiness-card__figure {
  flex: 0 0 auto;
  margin: 0;
}

.pcba-readiness-card__figure img {
  display: block;
  width: 100%;
  height: 212px;
  object-fit: cover;
}

/* 卡内左右内边距 29：设计稿卡片框 x=141、小标/说明 x=171（1:801 / 1:813）。 */
.pcba-readiness-card__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 36px 29px 46px;
}

.pcba-readiness-card__label {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #008c11;
}

.pcba-readiness-card__label--why { margin-top: 19px; }

.pcba-readiness-card__text {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #14363f;
}

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

@media (max-width: 1500px) {
  .pcba-readiness { padding-block: 60px 76px; }
  .pcba-readiness__title { font-size: 32px; line-height: 52px; }
  .pcba-readiness__subtitle { font-size: 24px; line-height: 36px; }
  .pcba-readiness__grid { grid-auto-columns: 420px; }
}

@media (max-width: 1080px) {
  .pcba-readiness__head { margin-bottom: 36px; }
  .pcba-readiness__grid { grid-auto-columns: 340px; }
}

@media (max-width: 720px) {
  .pcba-readiness { padding-block: 48px 56px; }
  .pcba-readiness__title { font-size: 26px; line-height: 38px; }
  .pcba-readiness__subtitle { font-size: 20px; line-height: 30px; }
  .pcba-readiness__actions { gap: 16px; justify-content: stretch; }
  .pcba-readiness__cta { flex: 1 1 100%; min-width: 0; }
  .pcba-readiness__grid { grid-auto-columns: 82%; }
  .pcba-readiness__col-title { font-size: 20px; }
}