/* V4 设计校准：仅修改本区块视觉，数据及既有动画控制器保持不变。 */
/* 认证区与 Gutenberg 共用本文件；装饰不替代真实证书，原图始终完整展示。 */
.yumin-home-certifications {
  padding: 104px 0;
  color: #0c2c2f;
  background-color: #f1f8f7;
  background-image: linear-gradient(to right, rgba(0,146,142,.055) 1px, transparent 1px);
  background-size: 88px 100%;
  font-family: YuminHomeHero, Inter, Arial, sans-serif;
}
.yumin-home-certifications .yumin-home-content-rail { width: min(1184px, calc(100% - 56px)); margin-inline: auto; }
.yumin-home-certifications .yumin-home-section-heading { margin-bottom: 56px; text-align: center; }
.yumin-home-certifications .yumin-home-section-heading h2 { margin: 0; color: #0c2c2f; font-size: clamp(29.6px, 2.9vw, 43.2px); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; }
.yumin-home-certifications .yumin-home-section-heading__link { color: inherit; text-decoration: none; }
.yumin-home-certifications .yumin-home-section-heading__link:hover { color: #00928e; }
.yumin-home-certifications .yumin-home-section-heading p { max-width: 100%; margin: 18px auto 0; color: #5b7377; font-size: 15.52px; line-height: 1.7; }
/* 描述使用现有内容轨道；有标识栏时收紧组间距，无图时保留原证书间距。 */
.yumin-home-certifications:has(.yumin-certification-logos) .yumin-home-section-heading { margin-bottom: clamp(24px, 2.2vw, 32px); }
.yumin-home-certifications .yumin-home-certifications__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.yumin-home-certifications .yumin-certificate-card { position: relative; min-width: 0; background: transparent; transition: transform .42s cubic-bezier(.22,.61,.36,1); }
.yumin-home-certifications .yumin-certificate-card__link { display: block; height: 100%; color: inherit; text-align: left; text-decoration: none; }
.yumin-home-certifications .yumin-certificate-card__link:hover { color: inherit; text-decoration: none; }
.yumin-home-certifications .yumin-certificate-card__paper { position: relative; display: flex; min-width: 0; aspect-ratio: 3 / 4; overflow: visible; border: 0; border-radius: 8px; background: transparent; box-shadow: 0 8px 22px rgba(11,62,72,.1); transition: box-shadow .45s cubic-bezier(.22,.61,.36,1); }
.yumin-home-certifications .yumin-certificate-card__paper::after { display: none; position: absolute; inset: 7px; border: 1px solid rgba(201,169,107,.32); border-radius: 2px; pointer-events: none; content: ''; }
/* 侧边色带使用证书自己的标题，只有视觉装饰，不替代证书正文。 */
.yumin-home-certifications .yumin-certificate-card__band { display: none; align-items: center; justify-content: center; flex: 0 0 32px; box-sizing: border-box; padding: 12px 7px; color: #fff; background: linear-gradient(#0a3a44,#0e4a52); writing-mode: vertical-rl; text-orientation: mixed; font-size: 7.52px; font-weight: 700; line-height: 1.3; letter-spacing: .2em; }
.yumin-home-certifications .yumin-certificate-card__band > span { transform: rotate(180deg); opacity: .85; }
.yumin-home-certifications .yumin-certificate-card__image { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; min-height: 0; padding: 0; }
.yumin-home-certifications .yumin-certificate-card__image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; border-radius: 8px; transition: transform .42s cubic-bezier(.22,.61,.36,1); }
.yumin-home-certifications .yumin-certificate-card h3 { margin: 16px 2px 0; color: #0c2c2f; font-size: 15px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; overflow-wrap: anywhere; }
.yumin-home-certifications .yumin-certificate-card p { margin: 3px 2px 0; color: #5b7377; font-size: 12.5px; line-height: 1.5; overflow-wrap: anywhere; }
.yumin-home-certifications .yumin-home-section-heading__link:focus-visible,
.yumin-home-certifications .yumin-certificate-card__link:focus-visible { outline: 3px solid #00928e; outline-offset: 5px; border-radius: 6px; }
/* 模仿设计的轻抬与照片放大；纸张容器不裁切，保留原证书底部和四边。 */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .yumin-home-certifications .yumin-certificate-card:hover { transform: translateY(-6px); }
  .yumin-home-certifications .yumin-certificate-card:hover img { transform: scale(1.04); }
}


@media (max-width: 1024px) { .yumin-home-certifications .yumin-home-certifications__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } }
@media (max-width: 760px) {
  .yumin-home-certifications { padding: 72px 0; }
  .yumin-home-certifications .yumin-home-content-rail { width: calc(100% - 40px); }
  .yumin-home-certifications .yumin-home-certifications__grid { gap: 16px; }
  .yumin-home-certifications .yumin-certificate-card__band { padding: 9px 7px; }
  .yumin-home-certifications .yumin-certificate-card__image { padding: 0; }
  .yumin-home-certifications .yumin-certificate-card h3 { margin-top: 14px; font-size: 14.4px; }
  .yumin-home-certifications .yumin-certificate-card p { font-size: 12.16px; }
}
@media (prefers-reduced-motion: reduce) {
  .yumin-home-certifications .yumin-certificate-card,
  .yumin-home-certifications .yumin-certificate-card__paper,
  .yumin-home-certifications .yumin-certificate-card__image img { transition: none; transform: none; }
}

/* 小屏按设计逐张呈现证书，避免缩成难以辨认的缩略图。 */
@media(max-width:640px) { .yumin-home-certifications .yumin-home-certifications__grid { grid-template-columns:1fr; gap:30px; } }

/* 可选标识栏：等高、居中、保留图片比例；空列表不输出此元素。 */
.yumin-certification-logos { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:24px 48px; margin:0 auto 36px; }
/* 固定宽高容纳原图；仅固定高度时保留固有比例，取消旧 max-width 对尺寸的干扰。 */
.yumin-certification-logos img { display:block; flex:0 1 auto; width:var(--logo-width,180px); height:var(--logo-height,72px); max-width:100%; aspect-ratio:auto; object-fit:contain; }
.yumin-certification-logos[data-size-mode="height"] img { width:calc(var(--logo-height,72px) * var(--logo-ratio,1)); }
@media(max-width:600px) { .yumin-certification-logos { gap:20px 28px; } }

/* 项宽取图片与文案自然宽度的较大值，描述不拉伸其它项；小屏可整体换行。 */
.yumin-certification-logo-item { display:flex; flex:0 1 auto; flex-direction:column; align-items:center; width:max-content; max-width:100%; min-width:0; }
.yumin-home-certifications .yumin-certification-logo-caption { width:max-content; max-width:min(28ch,calc(100vw - 64px)); margin:12px 0 0; color:#5b7377; font-size:14px; line-height:1.55; font-weight:400; text-align:center; white-space:pre-line; overflow-wrap:anywhere; }