/* 3D思政页与 AI 红色学习站共用详情页体系，仅补充本产品特有图标。 */
.product-hero-capability-icon--layers { -webkit-mask-image: url("../images/icons/lucide/layers.svg"); mask-image: url("../images/icons/lucide/layers.svg"); }
.product-hero-capability-icon--cube { -webkit-mask-image: url("../images/icons/lucide/box.svg"); mask-image: url("../images/icons/lucide/box.svg"); }
.product-hero-capability-icon--sound { -webkit-mask-image: url("../images/icons/lucide/headset.svg"); mask-image: url("../images/icons/lucide/headset.svg"); }
.product-hero-capability-icon--group { -webkit-mask-image: url("../images/icons/lucide/users-round.svg"); mask-image: url("../images/icons/lucide/users-round.svg"); }
.product-hero-capability-icon--edit { -webkit-mask-image: url("../images/icons/lucide/notebook-pen.svg"); mask-image: url("../images/icons/lucide/notebook-pen.svg"); }
.product-hero-capability-icon--data { -webkit-mask-image: url("../images/icons/lucide/chart-no-axes-column.svg"); mask-image: url("../images/icons/lucide/chart-no-axes-column.svg"); }

.architecture-icon--goggles { -webkit-mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); }
.architecture-icon--database { -webkit-mask-image: url("../images/icons/lucide/database-backup.svg"); mask-image: url("../images/icons/lucide/database-backup.svg"); }
.architecture-icon--edit { -webkit-mask-image: url("../images/icons/lucide/notebook-pen.svg"); mask-image: url("../images/icons/lucide/notebook-pen.svg"); }

body[data-page="products"] #content .product-content-icon--book::after { -webkit-mask-image: url("../images/icons/lucide/book.svg"); mask-image: url("../images/icons/lucide/book.svg"); }
body[data-page="products"] #content .product-content-icon--book-open::after { -webkit-mask-image: url("../images/icons/lucide/book-open.svg"); mask-image: url("../images/icons/lucide/book-open.svg"); }
body[data-page="products"] #content .product-content-icon--building-2::after { -webkit-mask-image: url("../images/icons/lucide/building-2.svg"); mask-image: url("../images/icons/lucide/building-2.svg"); }
body[data-page="products"] #content .product-content-icon--trending-up::after { -webkit-mask-image: url("../images/icons/lucide/trending-up.svg"); mask-image: url("../images/icons/lucide/trending-up.svg"); }

.hardware-spec-icon--clipboard { -webkit-mask-image: url("../images/icons/lucide/clipboard-list.svg"); mask-image: url("../images/icons/lucide/clipboard-list.svg"); }
.hardware-spec-icon--database { -webkit-mask-image: url("../images/icons/lucide/database-backup.svg"); mask-image: url("../images/icons/lucide/database-backup.svg"); }
.hardware-spec-icon--goggles { -webkit-mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); }
.hardware-spec-icon--headset { -webkit-mask-image: url("../images/icons/lucide/headset.svg"); mask-image: url("../images/icons/lucide/headset.svg"); }
.hardware-spec-icon--network { -webkit-mask-image: url("../images/icons/lucide/network.svg"); mask-image: url("../images/icons/lucide/network.svg"); }

body[data-page="products"] .product-fact-icon--teaching::after { -webkit-mask-image: url("../images/icons/lucide/lectern.svg"); mask-image: url("../images/icons/lucide/lectern.svg"); }

.product-final-cta-icon { -webkit-mask-image: url("../images/icons/lucide/screen-share.svg"); mask-image: url("../images/icons/lucide/screen-share.svg"); }

body[data-page="products"] #scenarios .product-scenario-card:nth-child(4) > div:last-child::before { content: "04"; }

/* 硬件参数名称保持单行，避免“教学运算与存储”等词组被拆开。 */
body[data-product-slug="3d-sizheng"] .product-spec-table > div {
  grid-template-columns: 42px 146px minmax(0, 1fr);
}

body[data-product-slug="3d-sizheng"] .product-spec-table > div > b {
  white-space: nowrap;
}

/* PC 端图片按前端占位铺满，避免素材比例不同产生白边。 */
@media (min-width: 821px) {
  body[data-product-slug="3d-sizheng"] #overview .product-architecture-image,
  body[data-product-slug="3d-sizheng"] #functions .product-visual-card-image,
  body[data-product-slug="3d-sizheng"] #content .product-content-visual-image,
  body[data-product-slug="3d-sizheng"] #hardware .product-hardware-image,
  body[data-product-slug="3d-sizheng"] #scenarios .product-scenario-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
  }
}

@media (max-width: 820px) {
  body[data-page="products"] .product-spec-table > div {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  body[data-page="products"] .product-spec-table > div > span {
    grid-column: 2;
  }
}