/* ==========================================================================
   portal-r29d.css
   第 29d 轮修补（bug261020（2）问题11 / 问题13），只做追加，不改任何既有文件。

   引入顺序：必须放在 portal.css / portal-extra.css 之后。
   · 本文件靠「比 inline <style> 更高特异性 + 更晚加载」覆盖 partners.html 里的
     .logo-ph{height:92px}，所以不要把它挪到这两个文件之前。
   · partners.html 已在 head 末尾自行 <link> 本文件；若以后统一挪到
     head.html 引入，删掉页面里那一行即可（重复引入无副作用）。

   作用域：所有规则都带 .card.partner / .logo-ph 前缀，这两个类只出现在
           resource/template/portal/partners.html 的合作伙伴卡片上，
           不会影响首页、/cases、/jobs 等其它页面。

   问题11 成因备注（改前）：
     portal.css 的 .photo 是 position:relative + overflow:hidden + 固定高度
     （partners.html 内联 .logo-ph{height:92px}），而 img 只有
     img{max-width:100%} 限宽、不限高。上传的竖图/方图高度超出 92px 的部分
     直接被 overflow:hidden 裁掉，横图则因宽度被压缩而失真 —— 这就是
     「图片被裁 / 变形」的来源。下面改用 object-fit:contain 等比缩放。
   ========================================================================== */

/* --------------------------------------------------------------------------
   A. 合作伙伴 LOGO：等比完整展示，永不裁剪、不拉伸（问题11）
   -------------------------------------------------------------------------- */

/* 占位框：固定 120px 高的白底画框，保留 .photo 自带的 1px 边框，
   四周 14px 内边距让「留白」可见（图片与边框之间始终有呼吸空间）。 */
.card.partner .logo-ph {
  width: 100%;
  height: 120px;
  padding: 14px;
  background: #fff;
  border-radius: 12px;
}

/* 关键：图片盒子 = 画框内的可用区域，图片在其中等比缩放（contain），
   左右或上下自动留白并居中；绝不再出现裁剪或拉伸。
   width/height 显式给 100%，避免 replaced element 在 grid 里取自身原始尺寸。 */
.card.partner .logo-ph img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

/* 无 logo 时的占位文案，保持垂直居中不贴边 */
.card.partner .logo-ph span {
  text-align: center;
  line-height: 1.5;
}

/* --------------------------------------------------------------------------
   B. 合作伙伴卡片：标题居中 + 去掉简介后不塌陷（问题13）
   -------------------------------------------------------------------------- */

/* 卡片本身改为纵向 flex：LOGO 与标题作为一个整体在卡片内垂直居中，
   等高由 .grid 的 stretch 保证（配合 height:100%）。 */
.card.partner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}

/* 标题居中；与 LOGO 的间距沿用原内联 .partner h3{margin-top:16px}，
   这里只补 text-align 与换行控制。 */
.card.partner h3 {
  margin-top: 16px;
  margin-bottom: 0;
  text-align: center;
  line-height: 1.45;
  word-break: break-word;
}

/* --------------------------------------------------------------------------
   C. 移动端：画框略矮一点，避免一列卡片过高
   -------------------------------------------------------------------------- */
@media (max-width: 720px) {
  .card.partner .logo-ph {
    height: 96px;
    padding: 12px;
  }
}