/**
 * PCB 中心页 · 基础层
 *
 * 设计稿：sunhope new / PCB Manufacturing（1920×12776）
 * 内容宽 1638（左右留白 141），12 列栅格 gutter 30。
 * 标题字体 Orbitron，正文字体 Outfit。
 */

.pcb-center-page {
  --pcb-green: #008c11;
  --pcb-ink: #14363f;
  --pcb-body: #666666;
  --pcb-muted: #97a29c;
  --pcb-line: #e6eae7;
  --pcb-surface: #f5f8f6;
  --pcb-dark: #071c20;
  --pcb-dark-alt: #104b42;
  --pcb-content: 1638px;
  --pcb-gutter: 30px;
  --pcb-radius: 12px;
  --pcb-radius-lg: 20px;
  --pcb-section-space: 120px;
  /* "Orbitron" 只在 page-blog.css 里 @font-face 过，中心页不加载那个文件，
     导致展示字体一直回退成 Outfit（实测 hero 标题行2 墨迹 531 vs 设计稿 399）。
     header.css 已用 "OrbitronLocal" 声明同一份字体文件，补进栈里即可。 */
  --pcb-font-display: "Orbitron", "OrbitronLocal", "Outfit", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --pcb-font-body: "Outfit", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --pcb-shadow-card: 0 18px 48px rgba(7, 28, 32, 0.08);

  font-family: var(--pcb-font-body);
  /* 父主题（Twenty Twenty-Five）的 theme.json 经 global styles 给 body 设了
     `font-weight: 300` 与 `letter-spacing: -0.1px`，三张中心页都继承了。
     设计稿（1:100 / 1:550 / 1:1059）正文全部是 Outfit Regular(400)、字距 0
     （262 个文本节点无一例外），继承值会让正文偏轻且偏窄，换行行数随之改变。 */
  font-weight: 400;
  letter-spacing: normal;
  color: var(--pcb-body);
  background: #ffffff;
}

.pcb-center-page *,
.pcb-center-page *::before,
.pcb-center-page *::after {
  box-sizing: border-box;
}

.pcb-container {
  width: min(var(--pcb-content), calc(100% - 80px));
  margin-inline: auto;
}

.pcb-section {
  padding-block: var(--pcb-section-space);
}

/* 标题层级：设计稿 Orbitron Black/ExtraBold，深青主色 */
.pcb-center-page .pcb-h1,
.pcb-center-page .pcb-h2,
.pcb-center-page .pcb-h3 {
  margin: 0;
  font-family: var(--pcb-font-display);
  color: var(--pcb-ink);
  line-height: 1.15;
  letter-spacing: 0;
}

.pcb-center-page .pcb-h1 { font-size: 48px; font-weight: 900; }
.pcb-center-page .pcb-h2 { font-size: 40px; font-weight: 900; }
.pcb-center-page .pcb-h3 { font-size: 28px; font-weight: 800; }

.pcb-center-page .pcb-eyebrow {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--pcb-green);
  letter-spacing: 0.02em;
}

.pcb-center-page .pcb-lead {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  color: var(--pcb-body);
}

/* 12 列栅格 */
.pcb-grid-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--pcb-gutter);
}

/* 复用主题 pill 按钮，统一尺寸基线 */
.pcb-center-page .pill-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding-inline: 28px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 999px;
}

@media (max-width: 1080px) {
  /* 窄屏按钮要「完全显示、箭头不被压缩」：
     pill 基线给的 28/28 内边距 + 12px gap，再叠加 .pill-link i 的 margin-left 12px，
     使「文案 + 图标」之间实际有 24px，320 实测 RFQ 询价按钮内容 316px > 可用 286px，
     被 overflow:hidden 裁掉右侧箭头。窄屏收紧内边距、取消图标重复外边距并钉住尺寸。 */
  .pcb-center-page .pcb-rfq__cta { padding-inline: 18px 12px; }
  .pcb-center-page .pcb-rfq__cta > i { margin-left: 0; flex: 0 0 auto; }
}

/* 锚点跳转时给固定 header 留出空间 */
.pcb-center-page section[id] {
  scroll-margin-top: 110px;
}

/* JS 禁用时的平滑滚动兜底（有 JS 时由 shared-anchor-nav.js 接管，
   reduced-motion 由 shared-motion.css 强制 auto）。
   三个中心页根容器共用 .pcb-center-page，此规则对三页同时生效。 */
@supports (scroll-behavior: smooth) {
  @media (prefers-reduced-motion: no-preference) {
    html:has(.pcb-center-page) {
      scroll-behavior: smooth;
    }
  }
}

@media (max-width: 1500px) {
  .pcb-center-page {
    --pcb-content: 1280px;
    --pcb-section-space: 100px;
  }
  .pcb-center-page .pcb-h1 { font-size: 42px; }
  .pcb-center-page .pcb-h2 { font-size: 36px; }
  .pcb-container { width: min(var(--pcb-content), calc(100% - 64px)); }
}

@media (max-width: 1280px) {
  .pcb-center-page {
    --pcb-content: 100%;
    --pcb-section-space: 88px;
  }
  .pcb-center-page .pcb-h1 { font-size: 36px; }
  .pcb-center-page .pcb-h2 { font-size: 32px; }
  .pcb-center-page .pcb-h3 { font-size: 24px; }
}

@media (max-width: 900px) {
  .pcb-center-page { --pcb-section-space: 72px; }
  .pcb-container { width: calc(100% - 48px); }
}

@media (max-width: 768px) {
  .pcb-center-page .pcb-h1 { font-size: 28px; }
  .pcb-center-page .pcb-h2 { font-size: 24px; }
  .pcb-center-page .pcb-h3 { font-size: 20px; }
  .pcb-center-page .pcb-lead { font-size: 16px; }
  .pcb-grid-12 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pcb-center-page section[id] { scroll-margin-top: 84px; }
}

@media (max-width: 640px) {
  .pcb-container { width: calc(100% - 32px); }
  .pcb-center-page { --pcb-section-space: 56px; }
}

@media (max-width: 390px) {
  .pcb-center-page .pcb-h1 { font-size: 24px; }
  .pcb-center-page .pcb-h2 { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .pcb-center-page [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ── CTA 按钮右侧品牌绿图标块（三页共用规格）────────────────────
 * 设计稿（PCB 1:628 / PCBA 1:626 / CSRC Hero 1:1181 / CSRC 门禁 1:12xx）
 * 统一为 44×44 品牌绿块，内部白色线性图标；
 * 页底 CTA（1:8xx）与 CSRC 门禁为圆角方形 / 圆形两种修饰。
 * 图标一律内联 SVG，见 template-parts/parts/cta-icon.php。 */
.cta-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #ffffff;
  background: #008c11;
  border-radius: 4px;
}

.cta-icon svg {
  width: 22px;
  height: 22px;
}