/* ===== 产品中心页（05-产品中心.psd 还原） 依赖 style.css 的变量与公共组件 =====
   设计稿 1920 宽：hero y92-492；四个产品区 y492-1942 / 1942-3487 / 3487-4496 / 4496-5476。
   区块内容统一 x299-1648（1349px 容器）；卡 429×414 + 1px 白边，列间距实测 29/33（取 31 均分）。
   区块底色交替：01/03 米白 #FAF8F4，02/04 米金 #F0EBE3；卡底交替 #EEE9E0 / #FFF（渲染采样）。 */


/* ---- 页头横幅（设计稿 y 92-492 → 400px 高，底色采样 #EFE7DA） ----
   底图 = 官方 01.jpg（1920×405 金参插画横幅，与 PSD hero 等大），100% 100% 拉伸完全显示 */
.page-hero {
  position: relative; height: 400px;
  background: #efe7da url('../images/products/hero.webp') center / 100% 100% no-repeat;
}
/* PSD 标题 x=251：同产业布局/合作伙伴页用 1420 容器（非共享 1320）；
   标题 ink 顶 y251（距 hero 顶 159），副题 ink 顶 y342（与标题 ink 底 307 间距 35） */
.hero-inner {
  position: relative; z-index: 1;
  width: 1420px; max-width: 92%; margin: 0 auto;
  padding-top: 156px;
}
/* 标题实测 FontSize 58 / Tracking 65(≈3.8px)；渲染最深采样 #332E26（衬线细画未全饱和） */
.hero-inner h1 {
  font-family: var(--serif); font-weight: 600;
  font-size: 58px; line-height: 1; letter-spacing: 3.8px; color: #332e26;
}
/* 副标题实测 14px / Tracking 130(≈1.8px)；采样最深 #80684D，按品牌驼棕 #785C42 */
.hero-inner p { margin-top: 34px; font-size: 14px; letter-spacing: 1.8px; color: #785c42; }

/* ---- 产品区公共（容器实测 1349：卡 429×3 + 间距 29/33 → 31px 均分，列起点 300/760/1220） ---- */
.series--cream { background: #faf8f4; }  /* 01/03 区底（PSD 采样 250,248,244） */
.series--tint  { background: #f0ebe3; }  /* 02/04 区底（PSD 采样 240,235,227） */
.series-container { width: 1349px; max-width: 92%; margin: 0 auto; }
/* 区块标题组：眉标 13px 棕（#795939 精确采样）、标题 37px 墨色（#282725 精确采样）、
   副题 15px 灰（#6D6A63，同首页 tab 文字色）；间距为 PSD ink 实测 */
.series-eyebrow { font-size: 13px; line-height: 1; letter-spacing: 2.1px; color: #795939; }
.series-head h2 {
  margin-top: 34px;
  font-family: var(--serif); font-weight: 600;
  font-size: 37px; line-height: 1; letter-spacing: .6px; color: #282725;
}
.series-sub { margin-top: 28px; font-size: 15px; line-height: 1; letter-spacing: 1.05px; color: #6d6a63; }
/* 副题→第一行产品卡间距：四区 PSD 实测各异（sub ink 底→卡顶 71/56/66/61），设计师手排非统一 */
.s1 .prod-grid { margin-top: 71px; }
.s2 .prod-grid { margin-top: 56px; }
.s3 .prod-grid { margin-top: 66px; }
.s4 .prod-grid { margin-top: 61px; }

/* 产品网格：3 列；卡 429×414，图 393×376（内边距上 20 / 左右下 18，PSD bbox 317,790-710,1166），
   行间距 106（卡底→下行卡顶，含标签 21+21）→ row-gap 64；行距节拍 520 与 PSD 一致 */
.prod-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 31px; row-gap: 64px;
}
.prod-card {
  height: 414px; padding: 20px 18px 18px;
  background: #eee9e0; border: 1px solid #fff;
}
.prod-card img { width: 100%; height: auto; }
/* 产品名：15px / Tracking 20(≈0.3px) #282725（精确采样），ink 顶距卡底 21px，行高 21 撑齐 520 节拍 */
.prod-name { margin-top: 21px; font-family: var(--sans); font-weight: 550; font-size: 15px; line-height: 21px; letter-spacing: .3px; color: #282725; }

/* 02/04 区卡片白底（渲染采样 #FFFFFF），标签距卡底 20/30 */
.series--tint .prod-card { background: #fff; }

/* ---- 各区节奏（PSD 实测：区顶→眉标 / 眉标组→卡片 / 末标签→区底） ---- */
/* 01 区 y492-1942：眉标 572(-80)，卡 770(-71)，标签底 1748 → 区底 194 */
.s1 { padding: 80px 0 194px; }
/* 02 区 y1942-3487：眉标 2171(-229)，矩形组 2354(-56)，行2标签底 3324 → 区底 163 */
.s2 { padding: 229px 0 163px; }
.s2 .prod-name { margin-top: 20px; }
/* 03 区 y3487-4496：眉标 3660(-173)，卡 3853(-66)，标签底 4312 → 区底 184 */
.s3 { padding: 173px 0 184px; }
.s3 .prod-name { margin-top: 30px; }
/* 04 区 y4496-5476：眉标 4659(-163)，卡 4848(-61)，标签底 5313 → 区底 163 */
.s4 { padding: 163px 0 163px; }
.s4 .prod-name { margin-top: 30px; }
/* 03/04 区单行：标签节拍与双行区独立，恢复默认行距 */
.s3 .prod-grid, .s4 .prod-grid { row-gap: 0; }