/* 统一产品详情页的产品专属图标。 */
.product-hero-capability-icon.detail-icon,
.architecture-icon.detail-icon,
.hardware-spec-icon.detail-icon,
.product-final-cta-icon.detail-icon { -webkit-mask-image: var(--detail-icon); mask-image: var(--detail-icon); }
body[data-page="products"] .product-fact-icon.detail-icon::after,
body[data-page="products"] #content .product-content-icon.detail-icon::after { display: none; }
body[data-page="products"] .product-fact-icon .detail-icon-inner,
body[data-page="products"] #content .product-content-icon .detail-icon-inner { display: block; width: 42px; height: 42px; background: #b6752d; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; }
body[data-page="products"] .product-card-icon { display: block; width: 42px; height: 42px; margin-bottom: 14px; background: #b6752d; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; -webkit-mask-image: var(--detail-icon); mask-image: var(--detail-icon); }
body[data-page="products"] #functions .product-visual-card h3,
body[data-page="products"] #scenarios .product-scenario-card h3 { margin-top: 0; }
/* VR 红色骑行的源图含截图画布边缘；按容器裁切填充，避免出现上下或左右留白。 */
body[data-product-slug="vr-red-cycling"] .product-architecture-image,
body[data-product-slug="vr-red-cycling"] .product-visual-card-image,
body[data-product-slug="vr-red-cycling"] .product-hardware-image {
  background-position: center !important;
  background-size: cover !important;
}

/* VR 红色一体机的四项核心功能在桌面端同列展示；缩短图片占位以保持卡片比例紧凑。 */
@media (min-width: 821px) {
  body[data-product-slug="vr-red-all-in-one"] #functions .product-visual-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  body[data-product-slug="vr-red-all-in-one"] #functions .product-visual-card-image {
    min-height: 0;
    aspect-ratio: 4 / 3;
    background-size: cover !important;
  }

  body[data-product-slug="vr-red-all-in-one"] #functions .product-visual-card > div:last-child {
    box-sizing: border-box;
    height: 132px;
    padding: 14px 18px;
    overflow: hidden;
  }

  body[data-product-slug="vr-red-all-in-one"] #functions .product-visual-card h3 {
    margin-bottom: 6px;
  }

  /* VR党建观景台沿用一体机的桌面端核心功能卡片规格。 */
  body[data-product-slug="vr-party-viewing-station"] #functions .product-visual-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  body[data-product-slug="vr-party-viewing-station"] #functions .product-visual-card-image {
    min-height: 0;
    aspect-ratio: 4 / 3;
    background-size: cover !important;
  }

  body[data-product-slug="vr-party-viewing-station"] #functions .product-visual-card:nth-child(4) .product-visual-card-image {
    background-size: cover !important;
  }

  body[data-product-slug="vr-party-viewing-station"] #content .product-content-visual-card:first-child .product-content-visual-image {
    background-size: cover !important;
  }

  body[data-product-slug="vr-party-viewing-station"] #functions .product-visual-card > div:last-child {
    box-sizing: border-box;
    height: 132px;
    padding: 14px 18px;
    overflow: hidden;
  }

  body[data-product-slug="vr-party-viewing-station"] #functions .product-visual-card h3 {
    margin-bottom: 6px;
  }
}