/* =========================================================
   页脚（footer）设计稿还原
   依赖：ix-intelligent-experience.css 中的页脚基础样式（本文件在其后加载）
   ========================================================= */

/* 背景改为设计稿的近黑色 */
footer {
  background-color: #0e0e10;
  padding: 48px 0;
}

/* 容器按设计稿收窄居中（宽屏），窄屏沿用原栅格 */
@media (min-width: 1200px) {
  footer .container,
  .copyriht .container {
    max-width: 62%;
  }
}

@media (min-width: 992px) {
  /* 设计稿底部不展示“联系我们”栏（版权栏已含地址电话信息） */
  footer .footer-contact {
    display: none;
  }

  /* 品牌列收窄，菜单列均分剩余空间 */
  .footer-brand {
    flex: 0 0 200px;
    max-width: 200px;
  }

  .footer-menu li {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
  }

  /* 字号按设计稿收紧 */
  .footer-menu dt,
  .footer-contact dt {
    font-size: 13px;
  }

  .footer-menu dd a,
  .footer-contact dd a {
    font-size: 12px;
  }

  .footer-brand-desc {
    font-size: 12px;
  }
}

/* 版权栏：压缩内边距，贴近设计稿高度 */
.copyriht {
  padding: 14px 0;
}

/* 移动端：菜单分类一排放三个 */
@media (max-width: 767px) {
  .footer-menu ul {
    gap: 16px 12px;
  }

  footer .footer-menu li {
    flex: 1 1 calc(33.333% - 8px);
    min-width: 0;
    margin: 0;
  }
}