/* Reset page-level `footer div { display:flex; width:... }` leaks (scenario/solution pages) */
.site-footer[data-site-footer] div {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: revert !important;
  justify-content: initial !important;
  align-items: initial !important;
  flex-direction: initial !important;
  gap: initial !important;
  float: none !important;
  text-align: initial !important;
}

.site-footer[data-site-footer] {
  position: relative !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, 0.78) !important;
  background: #081a3b !important;
  border: 0 !important;
}

.site-footer[data-site-footer]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(40, 197, 211, 0.12), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(109, 120, 255, 0.13), transparent 34%) !important;
}

.site-footer[data-site-footer] .site-footer-inner {
  position: relative !important;
  z-index: 1 !important;
  width: min(100% - 64px, 1200px) !important;
  margin: 0 auto !important;
  padding: 56px 0 52px !important;
}

.site-footer[data-site-footer] .site-footer-grid {
  display: grid !important;
  /* 左：导航列；右：品牌 + 二维码 */
  grid-template-columns: minmax(0, 480px) minmax(280px, 360px) !important;
  column-gap: 56px !important;
  justify-content: center !important;
  align-items: start !important;
}

.site-footer[data-site-footer] .site-footer-nav {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 120px 160px 120px !important;
  column-gap: 40px !important;
  justify-content: start !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
}

/* 去掉页脚导航左侧突兀竖线分割线 */
.site-footer[data-site-footer] .site-footer-nav::before {
  content: none !important;
  display: none !important;
}

.site-footer[data-site-footer] .site-footer-col,
.site-footer[data-site-footer] .site-footer-brand {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
}

.site-footer[data-site-footer] .site-footer-col h4 {
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.site-footer[data-site-footer] .site-footer-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-footer[data-site-footer] .site-footer-link {
  display: inline-flex !important;
  width: fit-content !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.site-footer[data-site-footer] .site-footer-link:hover,
.site-footer[data-site-footer] .site-footer-link:focus-visible {
  color: #74dce7 !important;
  transform: translateX(3px) !important;
}

.site-footer[data-site-footer] .site-footer-brand {
  display: grid !important;
  align-content: start !important;
  width: 100% !important;
  padding: 0 !important;
  /* 去掉品牌区左侧分割线，避免与导航之间再出现竖线 */
  border: 0 !important;
  border-left: 0 !important;
  padding-left: 0 !important;
}

.site-footer[data-site-footer] .site-footer-logo {
  display: block !important;
  width: 158px !important;
  height: auto !important;
  margin: 0 0 22px !important;
  object-fit: contain !important;
}

.site-footer[data-site-footer] .site-footer-contact {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 400px !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.site-footer[data-site-footer] .site-footer-contact > div {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.site-footer[data-site-footer] .site-footer-contact strong,
.site-footer[data-site-footer] .site-footer-contact a {
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none !important;
}

.site-footer[data-site-footer] .site-footer-qr-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 56px) !important;
  column-gap: 12px !important;
  row-gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-top: 22px !important;
  box-sizing: border-box !important;
}

.site-footer[data-site-footer] .site-footer-qr-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* 固定正方形卡片，覆盖页面内联 height:3.1rem 等冲突样式 */
.site-footer[data-site-footer] .site-footer-qr-box {
  position: relative !important;
  overflow: hidden !important;
  flex: none !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* 文案标签：纯文字，禁止被页面 pill/span 样式污染 */
.site-footer[data-site-footer] .site-footer-qr-card > span {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.site-footer[data-site-footer] .site-footer-qr-box img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #fff !important;
}

.site-footer[data-site-footer] .site-footer-qr-placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: none !important;
  place-items: center !important;
  color: #6d7d96 !important;
  font-size: 12px !important;
  background: #f1f5f9 !important;
}

.site-footer[data-site-footer] .site-footer-qr-placeholder.is-visible {
  display: grid !important;
}

@media (max-width: 980px) {
  .site-footer[data-site-footer] .site-footer-inner {
    width: min(100% - 48px, 1200px) !important;
  }

  .site-footer[data-site-footer] .site-footer-grid {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    gap: 38px !important;
  }

  /* 窄屏：导航在上、品牌在下，分割线放在品牌顶部 */
  .site-footer[data-site-footer] .site-footer-brand {
    padding: 36px 0 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .site-footer[data-site-footer] .site-footer-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    min-height: 0 !important;
    padding-left: 0 !important;
  }

  .site-footer[data-site-footer] .site-footer-qr-grid {
    width: max-content !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  .site-footer[data-site-footer] .site-footer-inner {
    width: min(100% - 32px, 1200px) !important;
    padding: 46px 0 42px !important;
  }

  .site-footer[data-site-footer] .site-footer-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
  }

  .site-footer[data-site-footer] .site-footer-col:last-child {
    grid-column: auto !important;
  }

  .site-footer[data-site-footer] .site-footer-qr-grid {
    grid-template-columns: repeat(5, 52px) !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    width: max-content !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
  }

  .site-footer[data-site-footer] .site-footer-qr-card,
  .site-footer[data-site-footer] .site-footer-qr-box {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
  }

  .site-footer[data-site-footer] .site-footer-qr-box {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  .site-footer[data-site-footer] .site-footer-qr-card {
    gap: 6px !important;
    font-size: 10px !important;
  }

  .site-footer[data-site-footer] .site-footer-qr-card > span {
    font-size: 10px !important;
  }
}

@media (max-width: 420px) {
  .site-footer[data-site-footer] .site-footer-nav {
    grid-template-columns: 1fr !important;
    row-gap: 30px !important;
  }
}