/* 党建教育首屏：跟随思政页的左右结构，保留现有图片占位。 */
#dangjian-intro.dangjian-hero { --dangjian-hero-image: url("https://rs.binghevr.com/website/image/dangjian-v2-wireframe/2026/08/6127b6bb82cdf61b2b8b.webp"); position: relative; isolation: isolate; min-height: 560px; overflow: hidden; padding: 0; background: #fbf8f4; }
#dangjian-intro.dangjian-hero::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; width: auto; background-image: var(--dangjian-hero-image); background-position: right top; background-repeat: no-repeat; background-size: 1905px 583px; content: ""; }
#dangjian-intro .dangjian-hero-grid { grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr); gap: 56px; min-height: 560px; padding: 58px 0 70px; }
#dangjian-intro .inner-hero-copy { z-index: 2; align-self: center; }
#dangjian-intro .inner-hero-copy h1 { margin: 0 0 20px; color: #102947; font-size: 58px; font-weight: 700; line-height: 1.28; }
#dangjian-intro .inner-hero-copy > p { max-width: 610px; margin: 0; color: #536273; font-size: 20px; font-weight: 500; line-height: 1.7; }
#dangjian-intro .inner-hero-actions { gap: 20px; margin-top: 28px; }
#dangjian-intro .inner-hero-actions .button { min-width: 180px; min-height: 56px; border-radius: 7px; font-size: 18px; }
#dangjian-intro .inner-hero-actions .button-ghost { border-color: rgba(183, 132, 67, .55); color: #a36d30; background: rgba(255, 255, 255, .44); }
.dangjian-hero-capabilities { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 44px; }
.dangjian-hero-capabilities > div { display: grid; min-height: 91px; padding: 0 16px; border-right: 1px solid rgba(190, 145, 81, .34); place-items: center; }
.dangjian-hero-capabilities > div:first-child { padding-left: 0; }
.dangjian-hero-capabilities > div:last-of-type { border-right: 0; }
.dangjian-hero-capabilities span { color: #26384b; font-size: 16px; font-weight: 500; text-align: center; white-space: nowrap; }
.dangjian-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; }
.dangjian-capability-icon--content { -webkit-mask-image: url("../images/icons/lucide/star.svg"); mask-image: url("../images/icons/lucide/star.svg"); }
.dangjian-capability-icon--space { -webkit-mask-image: url("../images/icons/lucide/house-plus.svg"); mask-image: url("../images/icons/lucide/house-plus.svg"); }
.dangjian-capability-icon--immersive { -webkit-mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); }
.dangjian-capability-icon--service { -webkit-mask-image: url("../images/icons/lucide/heart-plus.svg"); mask-image: url("../images/icons/lucide/heart-plus.svg"); }

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

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

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

/* 党建页全部黄色分栏标题使用短金色渐隐细线，和思政页统一。 */
body[data-page="dangjian"] .section-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

body[data-page="dangjian"] .section-heading > span::before,
body[data-page="dangjian"] .section-heading > span::after {
  display: block;
  flex: 0 0 68px;
  width: 68px !important;
  height: 1px !important;
  content: "";
  transform: none !important;
}

body[data-page="dangjian"] .section-heading > span::before {
  background: linear-gradient(90deg, transparent, rgba(190, 129, 50, .94)) !important;
}

body[data-page="dangjian"] .section-heading > span::after {
  background: linear-gradient(90deg, rgba(190, 129, 50, .94), transparent) !important;
}

/* 案例标题使用与思政页相同的居中布局。 */
body[data-page="dangjian"] #cases .section-heading { text-align: center !important; }

/* 服务对象：图片与信息合为一张竖向卡片。 */
body[data-page="dangjian"] #audience { background: #fbf8f4; }
body[data-page="dangjian"] #audience .section-heading { max-width: 1180px; margin-bottom: 38px; }
body[data-page="dangjian"] #audience .section-heading > span,
body[data-page="dangjian"] #scenes .section-heading > span { display: inline-flex; align-items: center; gap: 16px; color: #b27a38; font-size: 20px; font-weight: 600; }
body[data-page="dangjian"] #audience .section-heading > span::before,
body[data-page="dangjian"] #audience .section-heading > span::after,
body[data-page="dangjian"] #scenes .section-heading > span::before,
body[data-page="dangjian"] #scenes .section-heading > span::after { width: 76px; height: 8px; background: linear-gradient(#d6a15b, #d6a15b) left center / 64px 1px no-repeat, linear-gradient(#d6a15b, #d6a15b) right center / 8px 8px no-repeat; content: ""; }
body[data-page="dangjian"] #audience .section-heading h2,
body[data-page="dangjian"] #scenes .section-heading h2 { font-size: 48px; }
.dangjian-audience-showcase { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.dangjian-audience-showcase article { overflow: hidden; border: 1px solid rgba(198, 150, 83, .58); border-radius: 14px; background: #fffdf9; box-shadow: 0 10px 22px rgba(82, 61, 42, .08); }
.dangjian-audience-showcase article > .image-placeholder { min-height: 0; aspect-ratio: 16 / 9; border: 0; border-radius: 0; background-position: center; background-size: cover !important; background-repeat: no-repeat; }
.dangjian-audience-showcase article > div:last-child { position: relative; min-height: 250px; padding: 26px 28px; }
.dangjian-audience-showcase span { display: block; padding-bottom: 16px; border-bottom: 1px solid rgba(190, 140, 78, .38); color: #b6752d; font-family: var(--font-sans); font-size: 48px; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1; }
.dangjian-audience-showcase i { position: absolute; top: 26px; right: 28px; width: 40px; height: 40px; 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; }
.dangjian-audience-card--government i { -webkit-mask-image: url("../images/icons/lucide/landmark.svg"); mask-image: url("../images/icons/lucide/landmark.svg"); }
.dangjian-audience-card--enterprise i { -webkit-mask-image: url("../images/icons/lucide/briefcase-business.svg"); mask-image: url("../images/icons/lucide/briefcase-business.svg"); }
.dangjian-audience-card--military i { -webkit-mask-image: url("../images/icons/lucide/shield-check.svg"); mask-image: url("../images/icons/lucide/shield-check.svg"); }
.dangjian-audience-card--base i { -webkit-mask-image: url("../images/icons/lucide/gallery-vertical.svg"); mask-image: url("../images/icons/lucide/gallery-vertical.svg"); }
.dangjian-audience-showcase h3 { margin: 22px 0 12px; color: #102947; font-size: 27px; font-weight: 700; line-height: 1.32; }
.dangjian-audience-showcase p { margin: 0; color: #4f5d6a; font-size: 16px; line-height: 1.75; }

/* 典型建设场景：四张横向卡片，图片上叠加深色信息条。 */
body[data-page="dangjian"] #scenes { background: #fbf8f4; }
body[data-page="dangjian"] #scenes .section-heading { max-width: 1080px; margin-bottom: 34px; }
.dangjian-scenes-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dangjian-scenes-grid .matrix-card { position: relative; overflow: hidden; min-height: 330px; border: 1px solid rgba(198, 150, 83, .62); border-radius: 12px; background: #071c34; }
.dangjian-scenes-grid .matrix-card > .image-placeholder { min-height: 330px; border: 0; border-radius: 0; background-size: cover !important; }
.dangjian-scenes-grid .matrix-card-body { position: absolute; right: 0; bottom: 0; left: 0; display: grid; align-content: center; min-height: 104px; padding: 16px 44px 15px 86px !important; color: #fff; background: rgba(5, 25, 49, .88); }
.dangjian-scenes-grid .matrix-card-body::before { position: absolute; top: 50%; left: 22px; color: #f0ca8c; font-family: var(--font-sans); font-size: 42px; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1; transform: translateY(-50%); }
.dangjian-scenes-grid .matrix-card:nth-child(1) .matrix-card-body::before { content: "01"; }
.dangjian-scenes-grid .matrix-card:nth-child(2) .matrix-card-body::before { content: "02"; }
.dangjian-scenes-grid .matrix-card:nth-child(3) .matrix-card-body::before { content: "03"; }
.dangjian-scenes-grid .matrix-card:nth-child(4) .matrix-card-body::before { content: "04"; }
.dangjian-scenes-grid .matrix-card-body::after { position: absolute; top: 50%; right: 18px; color: #f0ca8c; content: "→"; font-size: 32px; font-weight: 300; transform: translateY(-50%); }
.dangjian-scenes-grid .matrix-card-body h3 { margin: 0 0 7px; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.3; }
.dangjian-scenes-grid .matrix-card-body p { margin: 0; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.45; }

@media (max-width: 1200px) {
  .dangjian-audience-showcase { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dangjian-scenes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  body[data-page="dangjian"] #audience .section-heading h2,
  body[data-page="dangjian"] #scenes .section-heading h2 { font-size: 32px; }
  .dangjian-audience-showcase, .dangjian-scenes-grid { grid-template-columns: 1fr; }
  .dangjian-audience-showcase article > .image-placeholder { min-height: 240px; }
}

/* 整体方案：图片占位、建设逻辑和底部建设链路。 */
body[data-page="dangjian"] #solution { background: #fbf8f4; }
body[data-page="dangjian"] #solution .section-heading { max-width: 1180px; margin-bottom: 32px; }
body[data-page="dangjian"] #solution .section-heading > span { display: inline-flex; align-items: center; gap: 16px; color: #b27a38; font-size: 20px; font-weight: 600; }
body[data-page="dangjian"] #solution .section-heading > span::before,
body[data-page="dangjian"] #solution .section-heading > span::after { width: 76px; height: 8px; background: linear-gradient(#d6a15b, #d6a15b) left center / 64px 1px no-repeat, linear-gradient(#d6a15b, #d6a15b) right center / 8px 8px no-repeat; content: ""; }
body[data-page="dangjian"] #solution .section-heading h2 { font-size: 52px; }
body[data-page="dangjian"] #solution .section-heading p { font-size: 19px; }
body[data-page="dangjian"] #solution .split-feature { grid-template-columns: 1.42fr .95fr; min-height: 510px; border: 1px solid rgba(192, 144, 77, .78); border-radius: 14px; background: #fffdf9; }
body[data-page="dangjian"] #solution .split-feature-image { min-height: 510px; border: 0; border-radius: 0; background-color: #64615f; background-position: center; background-repeat: no-repeat; background-size: contain !important; }
body[data-page="dangjian"] #solution .split-feature-copy { padding: 34px; }
body[data-page="dangjian"] #solution .card-label { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; padding-bottom: 14px; border-bottom: 1px solid rgba(192, 144, 77, .6); color: #a76d29; font-size: 19px; font-weight: 600; }
body[data-page="dangjian"] #solution .card-label::before { width: 30px; height: 30px; background: #b6752d; content: ""; -webkit-mask: url("../images/icons/lucide/house-plus.svg") center / contain no-repeat; mask: url("../images/icons/lucide/house-plus.svg") center / contain no-repeat; }
body[data-page="dangjian"] #solution .split-feature-copy h3 { margin: 0 0 16px; color: #102947; font-size: 31px; line-height: 1.32; }
body[data-page="dangjian"] #solution .split-feature-copy > p { margin: 0; color: #4f5d6a; font-size: 17px; line-height: 1.75; }
body[data-page="dangjian"] #solution .split-meta { gap: 14px; grid-template-columns: 1fr; margin-top: 26px; }
body[data-page="dangjian"] #solution .split-meta b,
body[data-page="dangjian"] #solution .split-meta span { padding: 0; border: 0; }
body[data-page="dangjian"] #solution .split-meta b { position: relative; padding: 14px 16px 0 76px; color: #102947; font-size: 20px; }
body[data-page="dangjian"] #solution .split-meta b::before { position: absolute; top: 8px; left: 14px; width: 42px; height: 42px; background: #b6752d; content: ""; -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="dangjian"] #solution .split-meta b:nth-of-type(1)::before { -webkit-mask-image: url("../images/icons/lucide/house-plus.svg"); mask-image: url("../images/icons/lucide/house-plus.svg"); }
body[data-page="dangjian"] #solution .split-meta b:nth-of-type(2)::before { -webkit-mask-image: url("../images/icons/lucide/book-open.svg"); mask-image: url("../images/icons/lucide/book-open.svg"); }
body[data-page="dangjian"] #solution .split-meta b:nth-of-type(3)::before { -webkit-mask-image: url("../images/icons/lucide/chart-no-axes-column.svg"); mask-image: url("../images/icons/lucide/chart-no-axes-column.svg"); }
body[data-page="dangjian"] #solution .split-meta span { margin: -6px 16px 0 76px; padding: 0 0 14px; border-bottom: 1px solid rgba(190, 140, 78, .28); color: #4f5d6a; font-size: 15px; line-height: 1.45; }
.dangjian-solution-flow { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; min-height: 246px; margin-top: 16px; padding: 20px 112px 22px; border: 1px solid rgba(225, 177, 100, .82); border-radius: 14px; color: #f5d49c; background: #062a4e; box-shadow: inset 0 -34px 50px rgba(0, 10, 28, .42), inset 0 0 46px rgba(0, 7, 22, .35); }
.dangjian-solution-flow > div { position: relative; display: grid; gap: 9px; min-height: 132px; color: #f5d49c; font-size: 21px; font-weight: 600; place-items: center; }
.dangjian-solution-flow > div > i { position: relative; display: grid; width: 92px; height: 92px; border: 1px solid #efc67f; border-radius: 50%; place-items: center; }
.dangjian-solution-flow > div > i::after { display: block; width: 46px; height: 46px; background: #efc67f; content: ""; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; }
.dangjian-solution-flow > div:not(:last-of-type)::after { position: absolute; top: 58px; left: calc(50% + 46px); z-index: 1; width: calc(100% - 92px); height: 1px; background: repeating-linear-gradient(90deg, #efc67f 0 4px, transparent 4px 8px); content: ""; }
.dangjian-solution-flow > div:not(:last-of-type)::before { position: absolute; top: 51px; left: calc(100% - 7px); z-index: 2; width: 13px; height: 13px; border-top: 3px solid #efc67f; border-right: 3px solid #efc67f; background: #062a4e; content: ""; transform: rotate(45deg); }
.dangjian-solution-flow--space > i::after { -webkit-mask-image: url("../images/icons/lucide/house-plus.svg"); mask-image: url("../images/icons/lucide/house-plus.svg"); }
.dangjian-solution-flow--platform > i::after { -webkit-mask-image: url("../images/icons/lucide/cloud.svg"); mask-image: url("../images/icons/lucide/cloud.svg"); }
.dangjian-solution-flow--device > i::after { -webkit-mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); mask-image: url("../images/icons/lucide/rectangle-goggles.svg"); }
.dangjian-solution-flow--content > i::after { -webkit-mask-image: url("../images/icons/lucide/star.svg"); mask-image: url("../images/icons/lucide/star.svg"); }
.dangjian-solution-flow--service > i::after { -webkit-mask-image: url("../images/icons/lucide/heart-plus.svg"); mask-image: url("../images/icons/lucide/heart-plus.svg"); }
.dangjian-solution-flow .button { grid-column: 1 / -1; justify-self: center; min-width: 354px; min-height: 56px; margin-top: 2px; border: 1px solid rgba(255, 230, 184, .6); border-radius: 7px; background: #b9151b; box-shadow: inset 0 1px 0 rgba(255,255,255,.22); font-size: 21px; }
.dangjian-solution-flow .button span { margin-left: 12px; font-size: 25px; }

@media (max-width: 820px) {
  body[data-page="dangjian"] #solution .split-feature { grid-template-columns: 1fr; }
  body[data-page="dangjian"] #solution .split-feature-image { min-height: 380px; }
  .dangjian-solution-flow { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 560px) {
  body[data-page="dangjian"] #solution .section-heading h2 { font-size: 32px; }
  body[data-page="dangjian"] #solution .split-feature-copy { padding: 28px 20px; }
  body[data-page="dangjian"] #solution .split-feature-copy h3 { font-size: 27px; }
  .dangjian-solution-flow { grid-template-columns: 1fr; padding: 22px; }
  .dangjian-solution-flow > div { grid-template-columns: 58px 1fr; justify-content: start; min-height: 62px; }
  .dangjian-solution-flow > div:not(:last-of-type)::after { display: none; }
}

/* 产品组合：维持现有产品顺序，统一为深色底栏和箭头入口。 */
body[data-page="dangjian"] #products { background: #fbf8f4; }
body[data-page="dangjian"] #products .section-heading { max-width: 1040px; margin-bottom: 34px; text-align: center; }
body[data-page="dangjian"] #products .section-heading > span { color: #b27a38; font-size: 20px; font-weight: 600; }
body[data-page="dangjian"] #products .section-heading h2 { font-size: 48px; }
body[data-page="dangjian"] #products .wire-grid-4 { gap: 18px; }
body[data-page="dangjian"] #products .matrix-card { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(198, 150, 83, .72); border-radius: 14px; background: #fffdf9; transition: transform .2s ease, box-shadow .2s ease; }
body[data-page="dangjian"] #products .matrix-card:hover { transform: translateY(-6px); box-shadow: 0 16px 28px rgba(43, 30, 19, .18); }
body[data-page="dangjian"] #products .matrix-card > .image-placeholder { min-height: 244px; border: 0; border-radius: 0; background-color: transparent !important; background-size: contain !important; background-repeat: no-repeat; background-position: center; }
body[data-page="dangjian"] #products .matrix-card-body { flex: 1; min-height: 112px; padding: 18px 56px 17px 22px; color: #fff; background: #082d54; }
body[data-page="dangjian"] #products .matrix-card-body::after { position: absolute; right: 20px; bottom: 30px; color: #e7ad59; content: "→"; font-size: 32px; font-weight: 300; }
body[data-page="dangjian"] #products .matrix-card-body h3 { margin: 0 0 7px; color: #fff; font-size: 22px; line-height: 1.3; }
body[data-page="dangjian"] #products .matrix-card-body p { margin: 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.55; }
body[data-page="dangjian"] #products .center-action { margin-top: 30px; text-align: center; }
body[data-page="dangjian"] #products .center-action .button { min-width: 256px; min-height: 58px; border-color: transparent; border-radius: 8px; color: #fff; background: #bd1c1c; font-size: 18px; }
body[data-page="dangjian"] #products .center-action .button::after { margin-left: 20px; content: "→"; font-size: 28px; font-weight: 300; vertical-align: -2px; }

/* 党建案例：复用思政案例的容器与标题层级，不显示右侧数据统计。 */
body[data-page="dangjian"] #cases { padding: 0 0 30px; background: #fbf8f4; }
body[data-page="dangjian"] #cases > .container { box-sizing: border-box; padding: 34px 54px; border-radius: 16px; background: #f5f1eb; }
body[data-page="dangjian"] #cases .section-heading { max-width: none; margin: 0 0 30px; text-align: left; }
body[data-page="dangjian"] #cases .section-heading > span { display: inline-flex; align-items: center; gap: 14px; color: #b27a38; font-size: 20px; font-weight: 600; }
body[data-page="dangjian"] #cases .section-heading > span::before,
body[data-page="dangjian"] #cases .section-heading > span::after { width: 26px; height: 2px; background: #bd7c32; content: ""; }
body[data-page="dangjian"] #cases .section-heading h2 { margin: 18px 0 12px; color: #102947; font-size: 52px; font-weight: 700; line-height: 1.28; }
body[data-page="dangjian"] #cases .section-heading p { margin: 0; color: #4f5d6a; font-size: 20px; line-height: 1.75; }
body[data-page="dangjian"] #cases .wire-grid-3 { gap: 22px; }

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

@media (max-width: 560px) {
  body[data-page="dangjian"] #cases > .container { padding: 26px 18px; }
  body[data-page="dangjian"] #cases .section-heading > span { font-size: 17px; }
  body[data-page="dangjian"] #cases .section-heading h2 { font-size: 30px; }
  body[data-page="dangjian"] #cases .section-heading p { font-size: 16px; }
}

/* 内容体系：左侧图片占位，右侧三条内容说明。 */
body[data-page="dangjian"] #content { background: #fbf8f4; }
body[data-page="dangjian"] #content .section-heading { max-width: 1160px; margin-bottom: 34px; text-align: center; }
body[data-page="dangjian"] #content .section-heading > span { display: inline-flex; align-items: center; gap: 16px; color: #b27a38; font-size: 20px; font-weight: 600; }
body[data-page="dangjian"] #content .section-heading > span::before,
body[data-page="dangjian"] #content .section-heading > span::after { width: 76px; height: 8px; background: linear-gradient(#d6a15b, #d6a15b) left center / 64px 1px no-repeat, linear-gradient(#d6a15b, #d6a15b) right center / 8px 8px no-repeat; content: ""; }
body[data-page="dangjian"] #content .section-heading h2 { font-size: 52px; }
body[data-page="dangjian"] #content .section-heading p { font-size: 19px; }
.dangjian-content-showcase { display: grid; grid-template-columns: 1.15fr .85fr; gap: 20px; }
.dangjian-content-showcase > .image-placeholder { min-height: 520px; border: 1px solid rgba(198, 150, 83, .66); border-radius: 14px; background-color: #e7dfd4; }
.dangjian-content-showcase > .image-placeholder.cms-media-applied { background-position: center !important; background-size: cover !important; }
.dangjian-content-list { display: grid; gap: 12px; }
.dangjian-content-list article { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 18px; min-height: 160px; padding: 22px 28px; border: 1px solid rgba(198, 150, 83, .58); border-radius: 14px; background: #fffdf9; }
.dangjian-content-list i { display: grid; width: 92px; height: 92px; border: 1px solid #b6752d; border-radius: 50%; place-items: center; }
.dangjian-content-list i::after { display: block; width: 50px; height: 50px; background: #b6752d; content: ""; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; }
.dangjian-content-item--history i::after { -webkit-mask-image: url("../images/icons/lucide/book-open.svg"); mask-image: url("../images/icons/lucide/book-open.svg"); }
.dangjian-content-item--security i::after { -webkit-mask-image: url("../images/icons/lucide/shield-check.svg"); mask-image: url("../images/icons/lucide/shield-check.svg"); }
.dangjian-content-item--custom i::after { -webkit-mask-image: url("../images/icons/lucide/company.svg"); mask-image: url("../images/icons/lucide/company.svg"); }
.dangjian-content-list b { display: inline-block; margin-right: 16px; color: #a76d29; font-family: var(--font-sans); font-size: 38px; font-weight: 500; line-height: 1; }
.dangjian-content-list h3 { display: inline; margin: 0; color: #102947; font-size: 27px; font-weight: 700; line-height: 1.3; }
.dangjian-content-list p { margin: 14px 0 0; color: #4f5d6a; font-size: 16px; line-height: 1.65; }

@media (max-width: 1200px) {
  body[data-page="dangjian"] #products .wire-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .dangjian-content-showcase { grid-template-columns: 1fr; }
  .dangjian-content-showcase > .image-placeholder { min-height: 400px; }
}

@media (max-width: 560px) {
  body[data-page="dangjian"] #products .section-heading h2,
  body[data-page="dangjian"] #content .section-heading h2 { font-size: 32px; }
  body[data-page="dangjian"] #products .wire-grid-4 { grid-template-columns: 1fr; }
  .dangjian-content-list article { grid-template-columns: 74px minmax(0, 1fr); padding: 18px; }
  .dangjian-content-list i { width: 66px; height: 66px; }
  .dangjian-content-list i::after { width: 36px; height: 36px; }
  .dangjian-content-list b { margin-right: 8px; font-size: 30px; }
  .dangjian-content-list h3 { font-size: 21px; }
}

/* 党建页最后行动区：与思政页保持同一横幅结构。 */
.dangjian-final-cta { padding: 0 0 30px; background: #fbf8f4; }
.dangjian-final-cta .container { display: flex; align-items: center; gap: 24px; min-height: 145px; padding: 28px 42px; border-radius: 14px; background: #082d54; }
.dangjian-final-cta .container > i { display: block; flex: 0 0 auto; width: 78px; height: 78px; background: #efb95c; -webkit-mask: url("../images/icons/lucide/landmark.svg") center / contain no-repeat; mask: url("../images/icons/lucide/landmark.svg") center / contain no-repeat; }
.dangjian-final-cta h2 { margin: 0 0 10px; color: #f7d49c; font-size: 32px; font-weight: 700; }
.dangjian-final-cta p { margin: 0; color: rgba(255,255,255,.88); font-size: 18px; }
.dangjian-final-cta-actions { display: flex; gap: 28px; margin-left: auto; }
.dangjian-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; }
.dangjian-final-cta .button-ghost { border: 1px solid #c69b58; color: #f5d49c; background: transparent; }
.dangjian-final-cta .button span { font-size: 30px; font-weight: 300; line-height: .7; }

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

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

/* 整体方案入口改为右下角文字链接，降低流程图的视觉重量。 */
.dangjian-solution-flow { padding-bottom: 54px; }
.dangjian-solution-flow .button { position: absolute; right: 34px; bottom: 23px; display: inline-flex; grid-column: auto; align-items: center; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; color: #fff0c9; background: transparent; box-shadow: none; font-size: 16px; font-weight: 600; }
.dangjian-solution-flow .button span { margin-left: 10px; font-size: 25px; line-height: .7; }
.dangjian-solution-flow .button:hover { color: #f1c36f; background: transparent; box-shadow: none; transform: translateX(4px); }
@media (max-width: 560px) {
  .dangjian-solution-flow .button { position: static; justify-self: start; margin-top: 12px; }
}

body[data-page="dangjian"] #solution .split-meta b:nth-of-type(3)::before { -webkit-mask-image: url("../images/icons/lucide/refresh-cw.svg"); mask-image: url("../images/icons/lucide/refresh-cw.svg"); }
.dangjian-content-item--history i { position: relative; }
.dangjian-content-item--history i::after { -webkit-mask-image: url("../images/icons/lucide/scroll.svg"); mask-image: url("../images/icons/lucide/scroll.svg"); }
.dangjian-content-item--history i::before { position: absolute; z-index: 1; inset: 0; width: 24px; height: 24px; margin: auto; content: ""; background: #b6752d; -webkit-mask: url("../images/icons/lucide/sparkles.svg") center / contain no-repeat; mask: url("../images/icons/lucide/sparkles.svg") center / contain no-repeat; }
.dangjian-content-item--custom i::after { -webkit-mask-image: url("../images/icons/lucide/folder-pen.svg"); mask-image: url("../images/icons/lucide/folder-pen.svg"); }

/* 整体方案与内容体系图标。 */
body[data-page="dangjian"] #solution .split-meta b:nth-of-type(3)::before { -webkit-mask-image: url("../images/icons/lucide/refresh-cw.svg"); mask-image: url("../images/icons/lucide/refresh-cw.svg"); }
.dangjian-content-item--history i { position: relative; }
.dangjian-content-item--history i::after { -webkit-mask-image: url("../images/icons/lucide/scroll.svg"); mask-image: url("../images/icons/lucide/scroll.svg"); }
.dangjian-content-item--history i::before { position: absolute; z-index: 1; inset: 0; width: 24px; height: 24px; margin: auto; content: ""; background: #b6752d; -webkit-mask: url("../images/icons/lucide/sparkles.svg") center / contain no-repeat; mask: url("../images/icons/lucide/sparkles.svg") center / contain no-repeat; }
.dangjian-content-item--custom i::after { -webkit-mask-image: url("../images/icons/lucide/folder-pen.svg"); mask-image: url("../images/icons/lucide/folder-pen.svg"); }