/* ══════════════════════════════════════════════════════
   全站页脚  .footer
   子组件:__inner(logo + __cols)
          __cols = __info(公司/ICP/邮箱/电话)+ __nav(两列站内链接)
          __wordmark(底部出血 Lunary 大字水印:只露上半 280px,
                     容器 aspect-ratio 1463/280 + overflow hidden 裁切)
   设计稿 1920:底色 #11082E 高 560,内容区 1464 居中,
   信息行距 18 / 链接行距 14 / 两链接列间距 141
   ══════════════════════════════════════════════════════ */

.footer {
  background: #11082E;
  padding: 40px 24px 0;
  overflow: hidden;
}
.footer__inner {
  max-width: 1464px;
  margin: 0 auto;
}
.footer__logo {
  width: 148px;
  height: 44px;
  display: block;
}

/* ── 信息 + 链接两翼 ── */
.footer__cols {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
  flex-wrap: wrap;
}
.footer__info {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: #C5B8ED;
}
.footer__company {
  font-size: 18px;
  line-height: 24px;
}
/* 行 = 定宽标签列 + 值列:标签列宽取最宽的「ICP备案号」(~80px)再留余量,
   三行的值起点拉齐;24px 为设计稿标签-值间距 */
.footer__row {
  margin-top: 18px;
  display: flex;
  gap: 24px;
}
.footer__label {
  flex-shrink: 0;
  width: 88px;
}
.footer__row a {
  color: inherit;
  text-decoration: none;
}
.footer__row a:hover { color: #EDE8FA; }

.footer__nav {
  display: flex;
  gap: 141px;
}
.footer__nav-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footer__nav a {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: #C5B8ED;
  text-decoration: none;
}
.footer__nav a:hover { color: #EDE8FA; }

/* ── 底部出血水印 ── */
.footer__wordmark {
  max-width: 1463px;
  margin: 5px auto 0;
  aspect-ratio: 1463 / 280; /* 498 高原图只露上 280,其余出血裁掉 */
  overflow: hidden;
}
.footer__wordmark img {
  width: 100%;
  display: block;
}

/* ── 响应式 ── */
@media (max-width: 1200px) {
  .footer__nav { gap: 60px; }
}
@media (max-width: 960px) {
  .footer { padding: 36px 24px 0; }
  .footer__cols { flex-direction: column; gap: 32px; }
  .footer__wordmark { margin-top: 24px; }
}