/**
 * PCBA 中心页 · 段12b 增值服务范围（特有段）
 *
 * 设计稿（Figma 1:550）实测：
 *   面板 1:965 —— 1638×191，#008C11，圆角 30，左右内边距 32
 *   左侧文案列 342（含 32 列间距），胶囊从面板左起 374px 开始
 *   胶囊高 43、列间距 24、行间距 16、白字描边胶囊
 */

.pcba-added {
  padding-block: 0 96px;
  /* 设计稿中该段与行业段同处一块浅底（1:552 / 1:553 之间的 #F9FBFA 带）。 */
  background: #f9fbfa;
}

.pcba-added__panel {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  column-gap: 32px;
  align-items: center;
  /* 设计稿面板 191 高：上/下内边距 27 + 左列文案 137（小标签 20 + 10 + 标题 56 + 11 + 说明 40）。 */
  padding: 27px;
  background: #008c11;
  border-radius: 30px;
}

/* ── 左侧文案（全部白字）────────────────────────────── */

.pcba-added__kicker {
  /* 设计稿 1:966：Outfit SemiBold 14px / 行高 20。 */
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.92);
}

.pcba-added__title {
  /* 设计稿 1:967：**Outfit Bold** 24px / 行高 28（不是展示字体）。
     用 Orbitron 900 时「Extend the Build without」要 329px，超出 310px 的左列 → 折成 3 行；
     Outfit Bold 下同一句为 265px，配合设计稿的显式换行正好 2 行（h=56，与设计稿一致）。 */
  margin: 0 0 11px;
  font-family: var(--pcb-font-body);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #ffffff;
}

.pcba-added__note {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.9);
}

/* ── 右侧胶囊 ───────────────────────────────────────── */

.pcba-added__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pcba-added__item {
  display: inline-flex;
  align-items: center;
  height: 43px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 999px;
  white-space: nowrap;
}

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

@media (max-width: 1500px) {
  .pcba-added { padding-bottom: 80px; }
  .pcba-added__panel { grid-template-columns: 268px minmax(0, 1fr); column-gap: 28px; padding: 28px; }
  .pcba-added__title { font-size: 22px; line-height: 26px; }
}

@media (max-width: 1080px) {
  .pcba-added { padding-bottom: 64px; }
  .pcba-added__panel {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
    padding: 26px 24px;
    border-radius: 24px;
  }
  .pcba-added__item { height: 38px; padding: 0 16px; font-size: 13px; }
  .pcba-added__list { gap: 12px 14px; }
}

@media (max-width: 640px) {
  .pcba-added { padding-bottom: 52px; }
  .pcba-added__panel { padding: 22px 18px; border-radius: 20px; }
  .pcba-added__title { font-size: 20px; line-height: 24px; }
  .pcba-added__kicker { font-size: 14px; }
  .pcba-added__note { font-size: 13px; }
  .pcba-added__item { height: 34px; font-size: 12px; white-space: normal; }
}