/* 产品中心首屏：结构、字号和信息入口与思政、党建页保持一致。 */
#products-intro.products-hero {
  --products-hero-image: url("https://rs.binghevr.com/website/image/products-v2-wireframe/2026/08/06974666a7271e39850b.webp");
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 560px;
  padding: 0;
  background: #fbf8f4;
}

.products-capability-icon--ai { -webkit-mask-image: url("../images/icons/lucide/bot.svg"); mask-image: url("../images/icons/lucide/bot.svg"); }

#products-intro.products-hero::before {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* 整张主视觉全宽绘制，使用原图左侧留白承载文字，避免图层边缘切出竖线。 */
  background: var(--products-hero-image, none) right top / 1905px 583px no-repeat;
  content: "";
}

#products-intro .products-hero-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
  gap: 56px;
  min-height: 560px;
  padding: 58px 0 70px;
}

#products-intro .inner-hero-copy { z-index: 2; align-self: center; }

#products-intro .inner-hero-copy h1 {
  max-width: 660px;
  margin: 0 0 20px;
  color: #102947;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.28;
}

#products-intro .inner-hero-copy > p {
  max-width: 640px;
  margin: 0;
  color: #536273;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
}

#products-intro .inner-hero-actions { gap: 20px; margin-top: 28px; }

#products-intro .inner-hero-actions .button {
  min-width: 180px;
  min-height: 56px;
  border-radius: 7px;
  font-size: 18px;
}

#products-intro .inner-hero-actions .button-ghost {
  border-color: rgba(183, 132, 67, .55);
  color: #a36d30;
  background: rgba(255, 255, 255, .44);
}

.products-hero-capabilities {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 48px;
}

.products-hero-capabilities > div {
  display: grid;
  min-height: 91px;
  padding: 0 16px;
  border-right: 1px solid rgba(190, 145, 81, .34);
  place-items: center;
}

.products-hero-capabilities > div:first-child { padding-left: 0; }
.products-hero-capabilities > div:last-child { border-right: 0; }
.products-hero-capabilities span { color: #26384b; font-size: 16px; font-weight: 500; text-align: center; white-space: nowrap; }

.products-capability-icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 8px;
  background: #bd7d32;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.products-capability-icon--platform { -webkit-mask-image: url("../images/icons/lucide/layers.svg"); mask-image: url("../images/icons/lucide/layers.svg"); }
.products-capability-icon--vr { -webkit-mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); }
.products-capability-icon--ai { -webkit-mask-image: url("../images/icons/lucide/message-circle-more.svg"); mask-image: url("../images/icons/lucide/message-circle-more.svg"); }
.products-capability-icon--config { -webkit-mask-image: url("../images/icons/lucide/boxes.svg"); mask-image: url("../images/icons/lucide/boxes.svg"); }

@media (max-width: 1200px) {
  #products-intro .products-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr); gap: 34px; }
  #products-intro .inner-hero-copy h1 { font-size: 46px; }
  .products-hero-capabilities span { font-size: 14px; }
}

@media (max-width: 820px) {
  #products-intro .products-hero-grid { grid-template-columns: 1fr; min-height: 0; padding: 48px 0 32px; }
  #products-intro .inner-hero-copy h1 { font-size: 38px; }
  #products-intro .inner-hero-copy > p { font-size: 17px; }
  #products-intro.products-hero::before { left: 0; }
}

@media (max-width: 560px) {
  .products-hero-capabilities { grid-template-columns: 1fr 1fr; gap: 18px 0; }
  .products-hero-capabilities > div:nth-child(2) { border-right: 0; }
  .products-hero-capabilities > div { min-height: 78px; }
  #products-intro .inner-hero-actions .button { min-width: 0; }
}

/* 产品中心直接复用首页核心产品卡，模块从首屏后正常起始。 */
body[data-page="products"] #products .immersive-products-heading { margin-top: 0; }

body[data-page="products"] #products .immersive-products-heading {
  display: block;
  margin-bottom: 38px;
  text-align: center;
}

body[data-page="products"] #products .immersive-products-heading > div > span {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #b27a38;
  font-size: 20px;
  font-weight: 600;
}

body[data-page="products"] #products .immersive-products-heading > div > span::before,
body[data-page="products"] #products .immersive-products-heading > div > span::after {
  display: block;
  width: 68px;
  height: 1px;
  content: "";
}

body[data-page="products"] #products .immersive-products-heading > div > span::before { background: linear-gradient(90deg, transparent, rgba(190, 129, 50, .94)); }
body[data-page="products"] #products .immersive-products-heading > div > span::after { background: linear-gradient(90deg, rgba(190, 129, 50, .94), transparent); }
body[data-page="products"] #products .immersive-products-heading h2 { margin: 18px 0 0; }

/* 完整产品矩阵：作为一张独立的圆角线框内容区。 */
body[data-page="products"] #matrix {
  background: #fbf8f4;
}

body[data-page="products"] #matrix > .container {
  padding: 42px 44px 46px;
  border: 1px solid rgba(190, 140, 78, .62);
  border-radius: 16px;
  background: rgba(255, 253, 249, .58);
}

body[data-page="products"] #matrix .section-heading {
  max-width: none;
  margin: 0 0 34px;
  text-align: center;
}

body[data-page="products"] #matrix .section-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  color: #b27a38;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

body[data-page="products"] #matrix .section-heading > span::before,
body[data-page="products"] #matrix .section-heading > span::after {
  display: block;
  width: 68px;
  height: 1px;
  content: "";
}

body[data-page="products"] #matrix .section-heading > span::before { background: linear-gradient(90deg, transparent, rgba(190, 129, 50, .94)); }
body[data-page="products"] #matrix .section-heading > span::after { background: linear-gradient(90deg, rgba(190, 129, 50, .94), transparent); }
body[data-page="products"] #matrix .section-heading h2 { margin: 0 0 12px; color: #102947; font-size: 52px; font-weight: 700; line-height: 1.28; }
body[data-page="products"] #matrix .section-heading p { margin: 0 auto; color: #566575; font-size: 19px; line-height: 1.75; }

body[data-page="products"] #matrix .filter-bar {
  margin-bottom: 30px;
  padding: 12px 16px;
  border-color: rgba(190, 140, 78, .5);
  border-radius: 10px;
  background: rgba(255, 255, 255, .76);
}

body[data-page="products"] #matrix .filter-bar > span { color: #8f6738; font-size: 14px; font-weight: 600; }
body[data-page="products"] #matrix .product-filter button,
body[data-page="products"] #matrix .filter-bar button {
  border-color: rgba(190, 140, 78, .42);
  border-radius: 7px;
  color: #33485c;
  background: #fffdf9;
}

body[data-page="products"] #matrix .product-filter button:hover,
body[data-page="products"] #matrix .product-filter button.active,
body[data-page="products"] #matrix .filter-bar button.active {
  border-color: #c83a2e;
  color: #fff;
  background: #c83a2e;
}

body[data-page="products"] #matrix .matrix-card {
  display: flex;
  flex-direction: column;
  min-height: 280px;
  overflow: hidden;
  border: 1px solid rgba(190, 140, 78, .48) !important;
  border-radius: 10px;
  background: #fffdf9;
}

body[data-page="products"] #matrix .matrix-card > .image-placeholder {
  border: 0 !important;
  border-bottom: 1px solid rgba(190, 140, 78, .34) !important;
  border-radius: 0;
}

body[data-page="products"] #matrix .matrix-card:hover {
  border-color: rgba(183, 123, 51, .9) !important;
}

@media (max-width: 820px) {
  body[data-page="products"] #matrix > .container { padding: 32px 26px; }
  body[data-page="products"] #matrix .section-heading h2 { font-size: 40px; }
}

@media (max-width: 560px) {
  body[data-page="products"] #matrix > .container { padding: 26px 18px; border-radius: 12px; }
  body[data-page="products"] #matrix .section-heading > span { font-size: 17px; }
  body[data-page="products"] #matrix .section-heading > span::before,
  body[data-page="products"] #matrix .section-heading > span::after { width: 42px; }
  body[data-page="products"] #matrix .section-heading h2 { font-size: 30px; }
  body[data-page="products"] #matrix .section-heading p { font-size: 16px; }
  body[data-page="products"] #matrix .filter-bar { align-items: flex-start; flex-direction: column; }
  body[data-page="products"] #matrix .product-filter { flex-wrap: wrap; }
}

/* 产品矩阵卡沿用原有的白底图文结构，入口箭头固定在右下角。 */
body[data-page="products"] #matrix .matrix-card-body {
  position: relative;
  flex: 1;
  padding-right: 56px;
}

body[data-page="products"] #matrix .matrix-card-body::after {
  position: absolute;
  right: 18px;
  bottom: 16px;
  color: #b6752d;
  content: "→";
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  transition: transform .2s ease;
}

body[data-page="products"] #matrix .matrix-card:hover .matrix-card-body::after { transform: translateX(4px); }

@media (max-width: 560px) {
  body[data-page="products"] #matrix .matrix-card { min-height: 0; }
  body[data-page="products"] #matrix .matrix-card-body { padding-right: 54px; }
  body[data-page="products"] #matrix .matrix-card-body::after { right: 16px; }
}

/* 产品选型：以图标标注三个判断维度，避免使用与产品展示混淆的图片。 */
body[data-page="products"] #select .wire-card h3 { display: flex; align-items: center; gap: 12px; }
.products-selection-icon { display: inline-block; flex: 0 0 auto; width: 30px; height: 30px; background: #b6752d; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
.products-selection-icon--scene { -webkit-mask-image: url("../images/icons/lucide/layers.svg"); mask-image: url("../images/icons/lucide/layers.svg"); }
.products-selection-icon--area { -webkit-mask-image: url("../images/icons/lucide/chart-area.svg"); mask-image: url("../images/icons/lucide/chart-area.svg"); }
.products-selection-icon--people { -webkit-mask-image: url("../images/icons/lucide/users-round.svg"); mask-image: url("../images/icons/lucide/users-round.svg"); }
body[data-page="products"] #select .wire-card-accent .products-selection-icon { background: #efb95c; }

@media (max-width: 560px) {
  .products-selection-icon { width: 26px; height: 26px; }
}

/* 产品选型：统一为独立的暖白方案面板，三个判断维度使用同一套卡片语言。 */
body[data-page="products"] #select { background: #f7f3ed; }
body[data-page="products"] #select > .container { padding: 46px 44px 44px; border: 1px solid rgba(190, 140, 78, .5); border-radius: 16px; background: rgba(255, 253, 249, .8); }
body[data-page="products"] #select .section-heading { max-width: none; margin-bottom: 34px; }
body[data-page="products"] #select .section-heading > span { display: inline-flex; align-items: center; gap: 16px; margin-bottom: 16px; color: #b27a38; font-size: 20px; font-weight: 600; }
body[data-page="products"] #select .section-heading > span::before,
body[data-page="products"] #select .section-heading > span::after { width: 68px; height: 1px; content: ""; }
body[data-page="products"] #select .section-heading > span::before { background: linear-gradient(90deg, transparent, rgba(190, 129, 50, .94)); }
body[data-page="products"] #select .section-heading > span::after { background: linear-gradient(90deg, rgba(190, 129, 50, .94), transparent); }
body[data-page="products"] #select .section-heading h2 { margin: 0 0 12px; font-size: 52px; font-weight: 700; line-height: 1.28; }
body[data-page="products"] #select .section-heading p { margin: 0 auto; font-size: 19px; line-height: 1.75; }
body[data-page="products"] #select .wire-grid-3 { gap: 20px; }
body[data-page="products"] #select .wire-card {
  min-height: 228px;
  padding: 26px 28px 22px;
  border: 1px solid rgba(190, 140, 78, .5);
  border-radius: 14px;
  background: #fffdf9;
  box-shadow: 0 8px 20px rgba(52, 39, 23, .05);
}
body[data-page="products"] #select .wire-card h3 { gap: 14px; margin-bottom: 18px; color: #102947; font-size: 19px; font-weight: 600; }
body[data-page="products"] #select .products-selection-icon { width: 34px; height: 34px; background: #b6752d; }
body[data-page="products"] #select .wire-card ul { margin-top: 0; color: #566575; font-size: 14px; }
body[data-page="products"] #select .wire-card li { padding: 9px 0; border-color: rgba(183, 117, 45, .22); }
body[data-page="products"] #select .wire-card-accent { border-color: rgba(190, 140, 78, .5); color: inherit; background: #fffdf9; }
body[data-page="products"] #select .wire-card-accent h3 { color: #102947; }
body[data-page="products"] #select .wire-card-accent ul { color: #566575; }
body[data-page="products"] #select .wire-card-accent li { border-color: rgba(183, 117, 45, .22); }
body[data-page="products"] #select .wire-card-accent .products-selection-icon { background: #b6752d; }
body[data-page="products"] #select .wire-card:hover { border-color: rgba(183, 117, 45, .9); box-shadow: 0 14px 28px rgba(52, 39, 23, .1); }

@media (max-width: 820px) {
  body[data-page="products"] #select > .container { padding: 36px 28px; }
  body[data-page="products"] #select .section-heading h2 { font-size: 40px; }
}

@media (max-width: 560px) {
  body[data-page="products"] #select > .container { padding: 28px 18px; border-radius: 12px; }
  body[data-page="products"] #select .section-heading > span { font-size: 17px; }
  body[data-page="products"] #select .section-heading > span::before,
  body[data-page="products"] #select .section-heading > span::after { width: 42px; }
  body[data-page="products"] #select .section-heading h2 { font-size: 30px; }
  body[data-page="products"] #select .section-heading p { font-size: 16px; }
  body[data-page="products"] #select .wire-card { min-height: 0; padding: 22px; }
}

/* 页面末尾行动区：与思政、党建页统一为图标、文案与按钮的行动卡片。 */
.products-final-cta { padding: 0 0 30px; background: #fbf8f4; }
.products-final-cta .container { display: flex; align-items: center; gap: 24px; min-height: 145px; padding: 28px 42px; border-radius: 14px; background: #082d54; }
.products-final-cta .container > i { display: block; flex: 0 0 auto; width: 78px; height: 78px; background: #efb95c; -webkit-mask: url("../images/icons/lucide/clipboard-list.svg") center / contain no-repeat; mask: url("../images/icons/lucide/clipboard-list.svg") center / contain no-repeat; }
.products-final-cta h2 { margin: 0 0 10px; color: #f7d49c; font-size: 32px; font-weight: 700; }
.products-final-cta p { margin: 0; color: rgba(255,255,255,.88); font-size: 18px; }
.products-final-cta-actions { display: flex; gap: 28px; margin-left: auto; }
.products-final-cta .button { display: inline-flex; align-items: center; gap: 16px; min-height: 58px; padding: 0 26px; border-radius: 8px; color: #fff; background: #dc161c; font-size: 18px; }
.products-final-cta .button span { font-size: 30px; font-weight: 300; line-height: .7; }

@media (max-width: 820px) {
  .products-final-cta .container { align-items: flex-start; flex-wrap: wrap; padding: 28px; }
  .products-final-cta-actions { width: 100%; margin-left: 0; }
}

@media (max-width: 560px) {
  .products-final-cta .container { padding: 26px 22px; }
  .products-final-cta .container > i { width: 54px; height: 54px; }
  .products-final-cta h2 { font-size: 25px; }
  .products-final-cta p { font-size: 16px; }
  .products-final-cta-actions { flex-direction: column; }
  .products-final-cta .button { justify-content: space-between; width: 100%; }
}

.products-capability-icon--ai { -webkit-mask-image: url("../images/icons/lucide/bot.svg"); mask-image: url("../images/icons/lucide/bot.svg"); }