/* ===== 战略合作伙伴页（04-战略合作伙伴.psd 还原） 依赖 style.css 的变量与公共组件 ===== */


/* 整页米白底（PSD 采样 250,248,244） */
body { background: #faf8f4; }

/* ---- 页头横幅（设计稿 y 92-492 → 400px 高） ---- */
.page-hero {
  position: relative; height: 400px;
  background: url('../images/partners/hero.webp') center / 100% 100% no-repeat;
}
/* 首屏渐变遮罩：PSD"首屏渐变遮罩"层，左缘压暗、约 52% 处消失（同产业布局页，渲染采样反推） */
.page-hero::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg,
    rgba(10, 14, 10, .50) 0%, rgba(10, 14, 10, .30) 26%, rgba(10, 14, 10, 0) 52%);
}
/* PSD 标题 x=254：同产业布局页用 1420 容器（非共享 1320） */
.hero-inner {
  position: relative; z-index: 1;
  width: 1420px; max-width: 92%; margin: 0 auto;
  padding-top: 170px;
}
/* 标题实测 FontSize 58 / Tracking 65(≈3.8px)，白色（渲染采样 #FFFFFF） */
.hero-inner h1 {
  font-family: var(--serif); font-weight: 600;
  font-size: 58px; line-height: 1; letter-spacing: 3.8px; color: #fff;
}
/* 副标题实测 14px / Tracking 130(≈1.8px)，渲染采样 #F4EFE6；bbox 顶 338-标题底 321 → 间距 16px */
.hero-inner p { margin-top: 16px; font-size: 14px; letter-spacing: 1.8px; color: #f4efe6; }

/* ---- 合作伙伴网格（设计稿 667-1663：4 列×330 × 4 行×249，紧邻排列） ----
   卡片底 #FCFAF7、1px 边框 #E2DACF（横纵扫描边界实测），页面底 #FAF8F4 */
.p-grid-wrap { width: 1320px; max-width: 92%; margin: 175px auto 0; padding-bottom: 113px; }
.p-grid-wrap .container { width: 100%; max-width: 100%; } /* 防双重 92% 收缩（窄屏 pageZoom 下格子被二次压窄致 logo 超格） */
.p-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 249px;
  border-top: 1px solid #e2dacf; border-left: 1px solid #e2dacf;
}
.p-card {
  position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  padding-bottom: 30px; /* logo 视觉中心较卡片中心上移约 15px（PSD 各 logo bbox 实测） */
  border-right: 1px solid #e2dacf; border-bottom: 1px solid #e2dacf;
  background: #fcfaf7;
}
/* 编号：FontSize 12 实测，棕褐 #B08F6B（渲染采样），距卡内左 24 / 上 17（bbox 324,686） */
.p-num {
  position: absolute; left: 24px; top: 17px; z-index: 1;
  font-family: var(--serif); font-size: 12px; line-height: 1; letter-spacing: .5px; color: #b08f6b;
}
/* logo：官方素材原文件完整展示；PSD 卡 330 内 logo 最大 272×96（比例 82.4%/38.6%），
   限值用卡宽/卡高百分比——窄屏格子缩小时 logo 等比跟随，不再超出格子 */
.p-card img { max-width: 82.42%; max-height: 38.55%; width: auto; height: auto; transition: transform .4s ease; }
.p-card:hover img { transform: scale(1.05); }
/* 鹤年堂（1200×800 白底文件，PSD 仅示圆徽 81px）：完整展示、限高 120/249 使圆徽与 PSD 等大 */
.p-card--henian img { max-height: 48.19%; }
/* 国药药材（500×499 方形白底文件，内容为中段横带 ≈ 全宽 35%）：按宽 240/330 展示使内容带 ≈ PSD 88px 高 */
.p-card--band { padding-bottom: 0; }
.p-card--band img { max-height: none; max-width: 72.73%; }
/* 卡底中央短横线：20×1px #AD8963（bbox 455-474 @y887，距卡底 29，颜色同全局 --tan） */
.p-line {
  position: absolute; left: 50%; bottom: 29px; transform: translateX(-50%);
  width: 20px; height: 1px; background: #ad8963;
}


