/*
 * @华创联合智控-css-index
 * 文件: advantage/css/advantage-shared.css
 * 引用: advantage-develop.html, advantage-produce.html, advantage-quality.html
 */

.adv-page {
  padding: 0 0 72px;
  clear: both;
}

/* 无独立模块 class 的 section 统一区块间距 */
.adv-page .container > section:not([class]) {
  margin-bottom: 48px;
}

.adv-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.adv-reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .adv-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.adv-intro {
  margin: 40px 0 36px;
}

.adv-intro__badge {
  display: inline-block;
  margin: 0 0 12px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #1d5198;
  background: rgba(29, 81, 152, 0.08);
  border-radius: 5px;
}

.adv-intro__lead {
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 1.85;
  color: #495057;
}

.adv-intro__links {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
}

.adv-intro__links a {
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
  text-decoration: none;
}

.adv-section-title {
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: 400;
  color: #1a1a1a;
  padding-inline-start: 14px;
  border-inline-start: 4px solid #1d5198;
}

.adv-section-desc {
  margin: -8px 0 20px;
  font-size: 15px;
  line-height: 1.75;
  color: #6c757d;
}

.adv-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 48px;
}

.adv-stat {
  padding: 24px 16px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.adv-stat:hover {
  box-shadow: 0 8px 24px rgba(29, 81, 152, 0.1);
  transform: translateY(-2px);
}

.adv-stat__num {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #1d5198;
  line-height: 1.2;
}

.adv-stat__num span {
  font-size: 18px;
  font-weight: 600;
}

.adv-stat__label {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #6c757d;
}

.adv-cards {
  margin-bottom: 48px;
}

.adv-cards__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.adv-card {
  padding: 24px 18px;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  text-align: center;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.adv-card[data-adv-pillar],
.adv-card[data-adv-defense-item] {
  cursor: pointer;
}

.adv-card[data-adv-pillar]:hover,
.adv-card[data-adv-defense-item]:hover {
  border-color: #a8c0e0;
}

.adv-card.is-active {
  border-color: #1d5198;
  box-shadow: 0 8px 24px rgba(29, 81, 152, 0.12);
  transform: translateY(-2px);
  background: #fff;
}

.adv-card .bx {
  font-size: 36px;
  color: #1d5198;
  line-height: 1;
}

.adv-card h3 {
  margin: 12px 0 8px;
  font-size: 17px;
  font-weight: 400;
  color: #1a1a1a;
}

.adv-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #6c757d;
}

.adv-split {
  margin-bottom: 48px;
}

.adv-split__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  margin-bottom: 32px;
}

.adv-split__row--reverse .adv-split__media {
  order: 2;
}

.adv-split__row--reverse .adv-split__body {
  order: 1;
}

.adv-split__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid #e1e5ea;
  background: #f1f3f5;
}

.adv-split__body h3 {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 400;
  color: #1a1a1a;
}

.adv-split__body p {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.8;
  color: #495057;
}

.adv-split__body ul {
  margin: 0;
  padding-inline-start: 18px;
  font-size: 14px;
  line-height: 1.8;
  color: #6c757d;
}

.adv-process {
  margin-top: 0;
  margin-bottom: 48px;
  padding: 32px 28px 28px;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}

.adv-defense-panels {
  margin-top: 20px;
}

.adv-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: adv-step;
}

.adv-step {
  position: relative;
  padding: 20px 14px 16px;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  counter-increment: adv-step;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.adv-step:hover {
  border-color: #a8c0e0;
}

.adv-step.is-active {
  border-color: #1d5198;
  box-shadow: 0 6px 18px rgba(29, 81, 152, 0.1);
}

.adv-step::before {
  content: counter(adv-step, decimal-leading-zero);
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #1d5198;
}

.adv-step h3 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 400;
  color: #1a1a1a;
}

.adv-step p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: #6c757d;
}

.adv-table-wrap {
  margin-bottom: 48px;
  overflow-x: auto;
}

.adv-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.adv-table th,
.adv-table td {
  padding: 12px 14px;
  text-align: start;
  border: 1px solid #e1e5ea;
  vertical-align: top;
}

.adv-table th {
  background: #f0f4f9;
  font-weight: 700;
  color: #1a1a1a;
}

.adv-table td {
  color: #495057;
  line-height: 1.65;
}

.adv-table a {
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
  text-decoration: none;
}

.adv-table a:hover {
  color: var(--menu-sub-brand-hover, #16467f);
}

.adv-visuals__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.adv-visuals__grid--four {
  grid-template-columns: repeat(4, 1fr);
}

.adv-visuals__grid figure {
  margin: 0;
}

.adv-visuals__grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid #e1e5ea;
  background: #f1f3f5;
}

.adv-visuals__grid figcaption {
  margin-top: 8px;
  font-size: 13px;
  color: #6c757d;
  text-align: center;
}

.adv-awards {
  margin-bottom: 48px;
}

.adv-awards__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.adv-awards__grid--five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px 14px;
}

.adv-awards__grid--six {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px 12px;
}

.adv-awards__grid li {
  border: none;
  background: transparent;
  min-width: 0;
}

.adv-awards__grid a {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  color: inherit;
}

.adv-awards__frame {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  line-height: 0;
  overflow: hidden;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  background: #fff;
}

.adv-awards__grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 272 / 333;
  object-fit: contain;
  object-position: center top;
  border: none;
  border-radius: 0;
  background: #fff;
  vertical-align: top;
}

.adv-awards__caption {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 7px 10px;
  min-height: 2.7em;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
  text-align: center;
  background: #1d5198;
  border-radius: 5px;
}

.adv-checklist-section {
  margin-bottom: 48px;
}

.adv-checklist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.adv-checklist li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.65;
  color: #495057;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}

.adv-checklist .bx {
  flex-shrink: 0;
  font-size: 20px;
  color: #1d5198;
  margin-top: 2px;
}

.adv-sibling-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 40px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #e1e5ea;
}

.adv-sibling-nav a {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #1d5198;
  text-decoration: none;
  border: 1px solid #c5d4e8;
  border-radius: 5px;
  transition: background 0.2s ease;
}

.adv-sibling-nav a:hover,
.adv-sibling-nav a.is-active {
  background: rgba(29, 81, 152, 0.08);
}

.adv-sibling-nav a.is-active {
  border-color: #1d5198;
}

.adv-detail-panel {
  margin-top: 16px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #c5d4e8;
  border-inline-start: 4px solid #1d5198;
  border-radius: 5px;
}

.adv-detail-panel[hidden] {
  display: none;
}

.adv-detail-panel h3 {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 400;
  color: #1a1a1a;
}

.adv-detail-panel p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #495057;
}

.adv-step-detail {
  margin-top: 16px;
  padding: 16px 18px;
  font-size: 15px;
  line-height: 1.75;
  color: #495057;
  background: #fff;
  border: 1px dashed #c5d4e8;
  border-radius: 5px;
}

.adv-produce-visual {
  margin-bottom: 48px;
}

.adv-produce-carousel__main {
  margin: 0;
}

.adv-produce-carousel__stage {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #e1e5ea;
  background: #f1f3f5;
}

.adv-produce-carousel__stage img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  transition: opacity 0.28s ease;
}

.adv-produce-carousel__main figcaption {
  margin-top: 10px;
  font-size: 14px;
  color: #6c757d;
  text-align: center;
}

.adv-produce-carousel__bar {
  height: 3px;
  margin-top: 12px;
  background: #e9ecef;
  border-radius: 5px;
  overflow: hidden;
}

.adv-produce-carousel__progress {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #1d5198, #3d7bc8);
  border-radius: inherit;
}

@keyframes adv-produce-progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.adv-produce-carousel__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.adv-produce-carousel__dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #ced4da;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.adv-produce-carousel__dot.is-active,
.adv-produce-carousel__dot:hover,
.adv-produce-carousel__dot:focus-visible {
  background: #1d5198;
  transform: scale(1.15);
  outline: none;
}

.adv-produce-carousel__film {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  padding: 8px 0 10px;
  background: linear-gradient(
    to top,
    rgba(15, 23, 42, 0.72) 0%,
    rgba(15, 23, 42, 0.48) 55%,
    rgba(15, 23, 42, 0) 100%
  );
  backdrop-filter: blur(2px);
}

.adv-produce-carousel__film-track {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 12px;
  list-style: none;
  width: max-content;
}

.adv-produce-carousel__film-track.is-looping {
  animation: adv-produce-film-scroll var(--adv-produce-film-duration, 16s) linear infinite;
}

.adv-produce-carousel__film:hover .adv-produce-carousel__film-track.is-looping,
.adv-produce-carousel__film:focus-within .adv-produce-carousel__film-track.is-looping {
  animation-play-state: paused;
}

@keyframes adv-produce-film-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.adv-produce-carousel__thumb {
  display: block;
  flex: 0 0 auto;
  width: 132px;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.82);
  cursor: pointer;
  opacity: 0.78;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.adv-produce-carousel__thumb.is-active,
.adv-produce-carousel__thumb:hover,
.adv-produce-carousel__thumb:focus-visible {
  border-color: #7eb6ff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  opacity: 1;
  transform: translateY(-2px);
  outline: none;
}

.adv-produce-carousel__thumb img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  .adv-produce-carousel__film-track.is-looping {
    animation: none;
  }

  .adv-produce-carousel__progress {
    display: none;
  }
}

.adv-block {
  margin-bottom: 48px;
}

/* 四套部署路线 Tab */
.adv-routes {
  margin-bottom: 48px;
}

.adv-routes__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.adv-routes__tab {
  padding: 10px 18px;
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.adv-routes__tab:hover {
  border-color: #a8c0e0;
  color: var(--menu-sub-brand-hover, #16467f);
}

.adv-routes__tab.is-active {
  color: #fff;
  background: #1d5198;
  border-color: #1d5198;
}

.adv-routes__panel .adv-routes__tag {
  display: inline-block;
  margin: 10px 0 12px;
  padding: 3px 10px;
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
  background: rgba(29, 81, 152, 0.08);
  border-radius: 5px;
}

.adv-routes__panel a {
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
  text-decoration: none;
}

.adv-routes__panel a:hover {
  color: var(--menu-sub-brand-hover, #16467f);
}

.adv-table-note {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.65;
  color: #6c757d;
}

/* 投标资料包 */
.adv-bid-docs {
  margin-bottom: 48px;
}

.adv-doc-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.adv-doc-list li {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr) auto;
  gap: 12px 16px;
  align-items: center;
  padding: 16px 18px;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.6;
}

.adv-doc-list strong {
  color: #1a1a1a;
  font-weight: 700;
}

.adv-doc-list span {
  color: #6c757d;
}

.adv-doc-list a {
  font-weight: 600;
  color: #1d5198;
  white-space: nowrap;
}

/* 研产质闭环 */
.adv-loop {
  margin-bottom: 48px;
  padding: 28px 24px 24px;
  background: linear-gradient(135deg, #f0f4f9 0%, #f8f9fb 100%);
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}

.adv-loop__track {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: adv-loop;
}

.adv-loop__item {
  position: relative;
  padding: 20px 16px 18px;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  counter-increment: adv-loop;
}

.adv-loop__item::before {
  content: counter(adv-loop);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #1d5198;
  border-radius: 50%;
}

.adv-loop__item.is-current {
  border-color: #1d5198;
  box-shadow: 0 6px 20px rgba(29, 81, 152, 0.12);
}

.adv-loop__item a {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: none;
}

.adv-loop__item a:hover {
  color: #1d5198;
}

.adv-loop__item p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: #6c757d;
}

.adv-loop__item.is-current a {
  color: #1d5198;
}

.adv-capability-panels {
  margin-top: 20px;
}

.adv-card[data-adv-capability] {
  cursor: pointer;
}

/* 连锁 BOM 版本树（简版） */
.adv-vtree {
  padding: 24px 20px 20px;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}

.adv-vtree__root {
  padding: 16px 18px;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #1d5198 0%, #2a6bb5 100%);
  border-radius: 5px;
  color: #fff;
}

.adv-vtree__root strong {
  display: block;
  font-size: 17px;
  margin-bottom: 6px;
}

.adv-vtree__ver {
  display: inline-block;
  padding: 2px 8px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

.adv-vtree__meta {
  display: block;
  font-size: 12px;
  opacity: 0.9;
  line-height: 1.6;
}

.adv-vtree__branches {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.adv-vtree__node {
  padding: 16px 14px;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}

.adv-vtree__node--highlight {
  border-color: #1d5198;
  background: #f0f4f9;
}

.adv-vtree__tag {
  display: inline-block;
  padding: 2px 8px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #1d5198;
  background: rgba(29, 81, 152, 0.1);
  border-radius: 5px;
}

.adv-vtree__node strong {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  color: #1a1a1a;
}

.adv-vtree__node p {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.6;
  color: #6c757d;
}

.adv-vtree__foot {
  margin: 16px 0 0;
  font-size: 13px;
  color: #6c757d;
}

.adv-vtree__foot a {
  font-weight: 600;
  color: #1d5198;
}

/* 检验记录样本 */
.adv-sample {
  margin-bottom: 48px;
}

.adv-sample__grid {
  display: grid;
  grid-template-columns: minmax(260px, 480px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.adv-sample__preview {
  margin: 0;
  padding: 12px;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}

.adv-sample__preview img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  border: 1px solid #dce4ee;
  background: #fff;
}

.adv-sample__preview figcaption {
  margin-top: 8px;
  font-size: 12px;
  color: #6c757d;
  text-align: center;
}

.adv-sample__body h3 {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 400;
  color: #1a1a1a;
}

.adv-sample__body p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.75;
  color: #495057;
}

.adv-sample__body ul {
  margin: 0 0 16px;
  padding-inline-start: 18px;
  font-size: 14px;
  line-height: 1.75;
  color: #6c757d;
}

.adv-sample__body a {
  font-weight: 600;
  color: #1d5198;
}

/* 核心优势枢纽页 */
.adv-page--hub > .container > section {
  margin-bottom: 48px;
}

.adv-page--hub > .container > .adv-sibling-nav {
  margin-bottom: 40px;
}

.adv-hub-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 0;
}

.adv-hub-card {
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.adv-hub-card:hover {
  border-color: #1d5198;
  box-shadow: 0 8px 24px rgba(29, 81, 152, 0.12);
  transform: translateY(-2px);
}

.adv-hub-card .bx {
  font-size: 36px;
  color: #1d5198;
}

.adv-hub-card h3 {
  margin: 12px 0 8px;
  font-size: 18px;
  font-weight: 400;
  color: #1a1a1a;
}

.adv-hub-card p {
  margin: 0 0 12px;
  flex: 1;
  font-size: 14px;
  line-height: 1.7;
  color: #6c757d;
}

.adv-hub-card span {
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
}

.adv-hub-roles__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.adv-hub-role {
  padding: 20px 18px 18px;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-top: 3px solid #1d5198;
  border-radius: 5px;
}

.adv-hub-role h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
}

.adv-hub-role p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.65;
  color: #6c757d;
}

.adv-hub-role__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.adv-hub-role__links a {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
  text-decoration: none;
  background: rgba(29, 81, 152, 0.06);
  border: 1px solid #c5d4e8;
  border-radius: 5px;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.adv-hub-role__links a:hover {
  background: rgba(29, 81, 152, 0.12);
  border-color: #1d5198;
}

/* 项目佐证卡片 */

.adv-evidence__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.adv-evidence__card {
  display: flex;
  flex-direction: column;
  padding: 20px 18px;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.adv-evidence__card:hover {
  border-color: #1d5198;
  box-shadow: 0 6px 18px rgba(29, 81, 152, 0.1);
  transform: translateY(-2px);
}

.adv-evidence__card .bx {
  font-size: 32px;
  color: #1d5198;
}

.adv-evidence__card h3 {
  margin: 10px 0 8px;
  font-size: 16px;
  font-weight: 400;
  color: #1a1a1a;
}

.adv-evidence__card p {
  margin: 0 0 10px;
  flex: 1;
  font-size: 13px;
  line-height: 1.65;
  color: #6c757d;
}

.adv-evidence__card span {
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
}

/* 协议对接矩阵 */
.adv-protocol {
  margin-bottom: 48px;
}

/* 专利墙 */
.adv-section-desc a {
  font-weight: 600;
  color: #1d5198;
}

/* 贴牌对比表 */
.adv-compare {
  margin-bottom: 48px;
}

.adv-table--compare th:nth-child(2),
.adv-table--compare td:nth-child(2) {
  background: rgba(29, 81, 152, 0.06);
  font-weight: 600;
}

.adv-table--compare .is-yes {
  color: #1d5198;
  font-weight: 700;
}

.adv-table--compare .is-partial {
  color: #856404;
}

.adv-table--compare .is-no {
  color: #6c757d;
}

/* 8D / CAPA 流程图 */
.adv-capa-diagram {
  margin-bottom: 48px;
}

.adv-capa-diagram__wrap {
  padding: 20px;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}

.adv-capa-diagram__wrap img,
.adv-capa-diagram__wrap svg {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

.adv-capa-diagram__note {
  margin: 12px 0 0;
  font-size: 13px;
  color: #6c757d;
}

/* 产线参观 CTA */
.adv-visit {
  margin-bottom: 48px;
  padding: 24px 22px;
  background: linear-gradient(135deg, rgba(29, 81, 152, 0.06) 0%, rgba(29, 81, 152, 0.02) 100%);
  border: 1px solid #dce4ee;
  border-radius: 5px;
}

.adv-visit h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
}

.adv-visit p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.75;
  color: #495057;
}

.adv-visit__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
}

.adv-visit__links a {
  font-weight: 500;
  color: var(--menu-sub-brand, #1d5198);
  text-decoration: none;
}

.adv-visit__links a:hover {
  color: var(--menu-sub-brand-hover, #16467f);
}

@media (max-width: 1100px) {
  .adv-cards__grid,
  .adv-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .adv-steps {
    grid-template-columns: repeat(3, 1fr);
  }

  .adv-awards__grid--five,
  .adv-awards__grid--six {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .adv-split__row,
  .adv-split__row--reverse {
    grid-template-columns: 1fr;
  }

  .adv-split__row--reverse .adv-split__media,
  .adv-split__row--reverse .adv-split__body {
    order: unset;
  }

  .adv-visuals__grid,
  .adv-visuals__grid--four {
    grid-template-columns: 1fr;
  }

  .adv-produce-carousel__thumb {
    width: 128px;
  }

  .adv-steps {
    grid-template-columns: 1fr;
  }

  .adv-checklist {
    grid-template-columns: 1fr;
  }

  .adv-loop__track {
    grid-template-columns: 1fr;
  }

  .adv-doc-list li {
    grid-template-columns: 1fr;
  }

  .adv-routes__nav {
    flex-direction: column;
  }

  .adv-routes__tab {
    width: 100%;
    text-align: center;
  }

  .adv-vtree__branches,
  .adv-hub-pillars,
  .adv-hub-roles__grid,
  .adv-evidence__grid {
    grid-template-columns: 1fr;
  }

  .adv-sample__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .adv-cards__grid,
  .adv-stats,
  .adv-awards__grid,
  .adv-awards__grid--five,
  .adv-awards__grid--six {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* RTL — keep film-strip marquee geometry LTR (same pattern as home factory/honors) */
html[dir='rtl'] .adv-produce-carousel__film-track {
  direction: ltr;
}