/* 按主体取景并等比适配，横向与竖向设备都保留完整轮廓。 */
@import url('./equipment-backgrounds.css?v=7ac088aa2143');
.equipment-visual {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  mix-blend-mode: darken;
}
.equipment-visual--scene { mix-blend-mode: normal; }
.product-picture { aspect-ratio: 4 / 3; padding: 20px 24px 44px; }
/* 目录保留等比完整取景，缩减留白，让单机主体在四列卡片中更清楚。 */
.catalogue .product-picture { padding: 8px 10px 20px; }
.product-card .picture-label { z-index: 3; color: var(--blue); font-size: 18px; font-weight: 500; line-height: 1.25; letter-spacing: .02em; box-shadow: none; }

/* 光晕中心移至边框外，只在最外侧约 8% 的区域柔和亮起，避免形成内凹光环。 */
.product-card .product-picture::before { background: radial-gradient(ellipse 13% 90% at -5% 50%, rgba(111,158,255,.12), rgba(155,186,255,.035) 55%, transparent 100%), radial-gradient(ellipse 13% 90% at 105% 50%, rgba(111,158,255,.12), rgba(155,186,255,.035) 55%, transparent 100%); }
.product-card .product-picture::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0; background: linear-gradient(90deg, rgba(255,255,255,.16), transparent 8%, transparent 92%, rgba(255,255,255,.16)); }
@keyframes equipment-light-pass { 0%, 100% { opacity: 0; } 18%, 82% { opacity: .5; } }
.product-card:focus-within .product-picture::after { animation: equipment-light-pass 1050ms ease-out both; }
@media (hover: hover) and (pointer: fine) { .product-card:hover .product-picture::after { animation: equipment-light-pass 1050ms ease-out both; } }
.product-picture.typographic:has(.equipment-visual) { background: #e9edf3; }
.product-picture.typographic:has(.equipment-visual) .picture-label { background: #fff; color: var(--blue); }
.equipment-detail-picture {
  display: grid;
  place-items: center;
  width: 100%;
  height: clamp(320px, 38vw, 500px);
  padding: 28px;
}
/* 竖向单机图保持居中和完整取景，背景融合统一由共用遮罩处理。 */
.equipment-detail-picture > .equipment-visual:has(image[href="assets/pdf-details/s3.webp"]),
.equipment-detail-picture > .equipment-visual:has(image[href="assets/pdf-details/s1-source.png"]),
.product-picture > .equipment-visual:has(image[href="assets/pdf-details/s1-source.png"]),
.product-picture > .equipment-visual:has(image[href="assets/pdf-details/s2-source.png"]),
.product-picture > .equipment-visual:has(image[href="assets/pdf-details/l1-source.png"]),
.product-picture > .equipment-visual:has(image[href="assets/pdf-details/s3.webp"]) {
  width: auto;
  max-width: 100%;
  margin-inline: auto;
}
.overview-machine-image { padding: 8px 10px; }
.garment-detail .body-equipment { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* 宽屏三台配套设备并排展出，保留相同图片高度和完整取景。 */
@media (min-width: 801px) {
  .garment-detail .body-equipment:has(> .body-equipment-card:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.body-equipment-visual {
  display: block;
  width: 100%;
  height: 180px;
  padding: 8px;
}
.body-equipment-card:only-child { grid-column: 1 / -1; }
.body-equipment-card:only-child .body-equipment-visual { height: 210px; }
.exhibit-equipment-visual {
  height: min(380px, 48vh);
  padding: 20px;
  background: #e9edf3;
}
@media (max-width: 700px) {
  .product-card .picture-label { font-size: 16px; }
  .product-picture { padding: 14px 18px 42px; }
  .equipment-detail-picture { height: 340px; padding: 20px; }
  .overview-machine-image { padding: 6px; }
  .body-equipment-visual { height: 120px; padding: 6px; }
  .body-equipment-card:only-child .body-equipment-visual { height: 180px; }
}

/* 窄屏多设备卡以缩略图和名称横向排列，单设备保留大图。 */
@media (max-width: 480px) {
  .garment-detail .body-equipment:has(> .body-equipment-card:nth-child(2)) { grid-template-columns: minmax(0, 1fr); }
  .garment-detail .body-equipment-card:not(:only-child) { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; }
  .garment-detail .body-equipment-card:not(:only-child) > .body-equipment-visual { height: 120px; }
  .garment-detail .body-equipment-card:not(:only-child) > span:not(.body-equipment-visual) { min-width: 0; overflow-wrap: anywhere; }
  .garment-detail .body-equipment-card:not(:only-child) b { font-size: 18px; line-height: 1.3; }
}

@media (prefers-reduced-motion: reduce) { .product-card .product-picture::after { animation: none !important; } }
@media (max-width: 380px) {
  .equipment-detail-picture { height: 300px; padding: 16px; }
}