.yumin-product-card { position: relative; isolation: isolate; container: yumin-product-card / inline-size; min-width: 0; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 12px 36px rgba(19, 24, 38, .08); transition: background-color 180ms ease; }
.yumin-product-card__media { display: grid; place-items: center; aspect-ratio: 626 / 398; margin: 12px 12px 0; padding: 20px; border-radius: 16px; background: #fff; }
.yumin-product-card__media img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.yumin-product-card__body { display: flex; min-height: 236px; flex-direction: column; align-items: stretch; padding: 28px 38px 18px; }
.yumin-product-card__eyebrow { margin: 0 0 10px; color: #7f8487; font: 400 14px/1.3 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: 0; text-transform: uppercase; }
.yumin-product-card__title { max-width: 460px; margin: 0; font: 700 24px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-product-card__title a { color: #131826; text-decoration: none; }
.yumin-product-card__model, .yumin-product-card__category { margin: 9px 0 0; color: #7f8487; font: 400 17px/1.35 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-product-card__model strong { color: #131826; font-weight: 700; }
.yumin-product-card__category { margin-top: 11px; }
.yumin-product-card__title, .yumin-product-card__model, .yumin-product-card__category { overflow-wrap: anywhere; }
/* Reason: 最后一个数据行预留按钮间距，缺少型号或分类时同样不会挤压按钮。 */
.yumin-product-card__body > :nth-last-child(2) { margin-bottom: 20px; margin-bottom: clamp(20px, 4cqi, 24px); }
/* Reason: 两种状态共用尺寸，按卡片宽度缩放留白；旧浏览器回退到紧凑尺寸，点击高度不低于 44px。 */
.yumin-product-card__link { box-sizing: border-box; display: inline-flex; flex-shrink: 0; max-width: 100%; min-height: 44px; align-self: flex-end; align-items: center; justify-content: center; gap: 8px; margin-top: auto; padding: 8px 14px; padding: clamp(8px, 2cqi, 12px) clamp(14px, 4cqi, 24px); border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--products-teal, #00b1a7); font: 700 16px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: 0; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.yumin-product-card__link span { flex: 0 0 auto; font-size: 1em; }
@container yumin-product-card (min-width: 400px) {
  .yumin-product-card__link { font-size: 18px; }
}
@container yumin-product-card (min-width: 560px) {
  .yumin-product-card__link { font-size: 20px; }
}
.yumin-product-card__eyebrow, .yumin-product-card__category, .yumin-product-card__title a, .yumin-product-card__model, .yumin-product-card__model strong { transition: color 180ms ease, background-color 180ms ease; }
.yumin-product-card__link { transition: background-color 180ms ease, color 180ms ease; }
.yumin-product-card a:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
/* Reason: 仅精确指针设备启用悬浮高亮，触屏点击后不残留高亮状态。 */
@media (hover: hover) and (pointer: fine) {
  .yumin-product-card:hover { background: var(--products-teal, #00b1a7); }
  .yumin-product-card:hover .yumin-product-card__eyebrow,
  .yumin-product-card:hover .yumin-product-card__category,
  .yumin-product-card:hover .yumin-product-card__title a,
  .yumin-product-card:hover .yumin-product-card__model,
  .yumin-product-card:hover .yumin-product-card__model strong { color: #fff; }
  .yumin-product-card:hover .yumin-product-card__link { background: #fff; color: var(--products-teal, #00b1a7); }
}
@media (max-width: 1199px) {
  .yumin-product-card__body { padding: 24px 24px 18px; }
  .yumin-product-card__title { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .yumin-product-card, .yumin-product-card__eyebrow, .yumin-product-card__category,
  .yumin-product-card__title a, .yumin-product-card__model, .yumin-product-card__model strong,
  .yumin-product-card__link { transition: none; }
}