/* ===== Footer Base Normalization — ensures identical rendering on all pages ===== */

/* Reset to match homepage baseline (index.html doesn't load site-shell.css) */
.site-footer {
  padding: clamp(64px, 8vw, 110px) clamp(20px, 4vw, 64px) 28px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  background: #060a0f !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footer-brand,
.footer-nav,
.footer-info,
.footer-bottom {
  width: min(1420px, 100%) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.footer-brand {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding-bottom: 42px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.footer-brand img {
  width: 210px !important;
  height: auto !important;
}

.footer-brand p {
  max-width: none !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(24px, 3.2vw, 44px) !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  text-align: right !important;
  white-space: nowrap !important;
}


/* ===== Footer 全局布局 — 对齐设计图(页尾-01.png) ===== */

/* 导航区域：5列网格（产品/行业/案例/支持/关于）*/
.site-footer .footer-nav {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.5fr) minmax(260px, 1.25fr) minmax(76px, 0.42fr) minmax(90px, 0.44fr) minmax(96px, 0.46fr) !important;
  gap: clamp(24px, 3vw, 48px) !important;
  align-items: start !important;
  padding: 44px 0 40px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.site-footer .footer-nav.footer-nav-compact {
  grid-template-columns: minmax(300px, 1.5fr) minmax(260px, 1.25fr) minmax(76px, 0.42fr) minmax(90px, 0.44fr) minmax(96px, 0.46fr) !important;
  gap: clamp(24px, 3vw, 48px) !important;
  padding: 44px 0 40px !important;
}

/* 列标题 h2 */
.site-footer .footer-column h2 {
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* ===== 产品列内部4子列（软件/硬件/平台/工具）===== */
.footer-column:first-child .footer-col-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 32px) !important;
  margin-top: 4px;
}

.footer-column:first-child .footer-col-block {
  min-width: 0 !important;
}

/* 子列标题（软件/硬件/平台/工具）+ 分类标签 */
.site-footer .footer-nav.footer-nav-compact .footer-column h3,
.site-footer .footer-nav.footer-nav-compact .footer-column p {
  margin: 18px 0 8px !important;
  padding: 0 !important;
  color: rgba(255,255,255,0.88) !important;
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

/* 产品子列第一个标题（软件/硬件/平台/工具）加粗加大 */
.footer-col-block > h3:first-child,
.footer-col-block > p:first-child {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
}

/* 链接样式 */
.site-footer .footer-nav.footer-nav-compact .footer-column a {
  display: block !important;
  padding: 4px 0 4px 10px !important;
  border-left: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.58) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  transition: color 200ms, border-color 200ms !important;
}

.site-footer .footer-nav.footer-nav-compact .footer-column a:hover {
  color: #fff !important;
  border-left-color: var(--cyan, #00d4ff) !important;
}

/* ===== 行业列：改为2列网格（左：能源/矿产+测绘地信+文博文旅；右：低空经济+应急/安全+建筑城规）===== */
.site-footer .footer-industry-column {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 clamp(18px, 2.2vw, 38px) !important;
  align-content: start !important;
}
.site-footer .footer-industry-column h2 {
  grid-column: 1 / -1 !important;
}

/* 行业列的分类标签（能源/矿产、应急安全 等）— 适配2列wrapper */
.footer-industry-column > p,
.footer-industry-column .industry-col > p {
  display: block !important;
  margin: 20px 0 6px !important;
  padding: 0 !important;
  color: rgba(255,255,255,0.9) !important;
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

.footer-industry-column > p:first-of-type,
.footer-industry-column .industry-col > p:first-child {
  margin-top: 0 !important;
}

/* ===== 窄列（案例/支持/关于）===== */
.site-footer .footer-minor-column a {
  display: block !important;
  white-space: nowrap !important;
  padding: 5px 0 5px 10px !important;
  border-left: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.58) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  transition: color 200ms, border-color 200ms !important;
}

.site-footer .footer-minor-column a:hover {
  color: #fff !important;
  border-left-color: var(--cyan, #00d4ff) !important;
}

/* ===== 联系方式 + 认证图标行（左右并排）===== */
/* 用flex让 footer-contact 和 footer-badges 并排显示 */
.site-footer {
  /* 在 contact 和 badges 外层用伪元素或包装方式实现左右布局 */
}
.site-footer .footer-contact {
  display: grid !important;
  grid-template-columns: repeat(2, auto) !important;
  gap: 6px 36px !important;
  align-content: start !important;
  padding: 32px 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.site-footer .footer-contact p {
  margin: 0 !important;
  color: rgba(255,255,255,0.62) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* 将 contact 和 badges 包在一个隐式 flex 行中 —— 通过选择器在 footer 上覆盖 */
.site-footer > .footer-contact {
  float: left;
  width: auto;
}
.site-footer > .footer-badges {
  float: right;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 32px 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

/* 清除浮动 */
.site-footer::after {
  content: "";
  display: table;
  clear: both;
}

/* 认证图标样式 */
.site-footer .footer-cert.footer-cert-logo {
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  display: block !important;
}

.site-footer .footer-cert.footer-cert-logo img {
  width: 88px !important;
  height: auto !important;
  max-height: 46px !important;
  margin: 0 !important;
  object-fit: contain !important;
  filter: grayscale(1) brightness(0) invert(1) !important;
  opacity: 0.82 !important;
}

.site-footer .footer-cert.footer-cert-logo p {
  display: none !important;
}

/* 二维码 */
.site-footer .footer-badges > div:not(.footer-cert) {
  text-align: center;
}

.site-footer .footer-badges img {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: contain !important;
  margin: 0 auto 6px !important;
  border-radius: 4px;
}

.site-footer .footer-badges p {
  margin: 0 !important;
  color: rgba(255,255,255,0.52) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

/* ===== 底部版权栏 ===== */
.site-footer .footer-bottom {
  clear: both;
  position: relative;
  z-index: 1;
}

.site-footer .footer-bottom p {
  color: rgba(255,255,255,0.48) !important;
  font-size: 12px !important;
}

.site-footer .footer-bottom a {
  color: rgba(255,255,255,0.58) !important;
  font-size: 12px !important;
}


/* ===== 底部版权栏 — flex左右布局（版权左 | 隐私/条款右）===== */
.footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.footer-bottom p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.54) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.footer-bottom div {
  display: flex !important;
  gap: 18px !important;
  white-space: nowrap !important;
}

.footer-bottom a {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 13px !important;
}
/* ===== 响应式适配 ===== */
@media (max-width: 1280px) {
  .site-footer .footer-nav,
  .site-footer .footer-nav.footer-nav-compact {
    grid-template-columns: minmax(260px, 1.4fr) minmax(240px, 1.15fr) repeat(3, minmax(72px, 0.45fr)) !important;
  }
  .footer-column:first-child .footer-col-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 1100px) {
  .site-footer .footer-nav,
  .site-footer .footer-nav.footer-nav-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .site-footer .footer-industry-column {
    grid-column: span 1 !important;
  }
  .footer-column:first-child .footer-col-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .site-footer .footer-contact {
    float: none !important;
  }
  .site-footer .footer-badges {
    float: none !important;
    justify-content: flex-start !important;
    margin-top: 16px;
    padding-top: 16px !important;
    border-top: none !important;
  }
}

@media (max-width: 900px) {
  .site-footer .footer-nav,
  .site-footer .footer-nav.footer-nav-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-column:first-child .footer-col-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-brand {
    display: block !important;
  }
  .footer-brand p {
    margin-top: 20px !important;
    text-align: left !important;
    white-space: nowrap !important;
    font-size: clamp(20px, 4vw, 32px) !important;
  }
  .site-footer .footer-contact {
    grid-template-columns: 1fr !important;
  }
  .site-footer .footer-badges {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 640px) {
  .site-footer .footer-nav,
  .site-footer .footer-nav.footer-nav-compact {
    grid-template-columns: 1fr !important;
  }
  .footer-column:first-child .footer-col-row {
    grid-template-columns: 1fr !important;
  }
  .site-footer .footer-badges {
    justify-content: center !important;
  }
  .footer-brand p {
    white-space: normal !important;
  }
  .footer-bottom {
    display: block !important;
  }
  .footer-bottom div {
    margin-top: 12px !important;
  }
}