/*!* static/footer.css *!*/
/*footer {*/
/*    background: #333333; !* 与 header 保持一致 *!*/
/*    color: #cccccc;*/
/*    padding: 10px 0;*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    width: 100%;*/
/*}*/

/*!* 响应式调整 *!*/
/*@media screen and (max-width: 768px) {*/
/*    footer {*/
/*        padding: 8px;*/
/*        font-size: 12px;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 480px) {*/
/*    footer {*/
/*        padding: 6px;*/
/*        font-size: 10px;*/
/*    }*/
/*}*/

/* static/footer.css — 深度对齐参考样式：四列栅格 + 左侧品牌区 */
.site-footer{
  /* 深色主题变量 */
  --bg:#0b1220;          /* 背景：深蓝黑 */
  --fg:#e5e7eb;          /* 正文字体：浅灰 */
  --muted:#a4adbb;       /* 次要信息 */
  --link:#8ab4ff;        /* 链接高亮蓝 */
  --line:rgba(255,255,255,.08);
  background:var(--bg);
  color:var(--muted);
  border-top:0;          /* 去掉顶部分割线，跟 CTA 无缝衔接 */
  width:100%;
}
.site-footer .footer-inner{
  max-width:1160px;
  margin:0 auto;
  padding:48px 20px 56px;
  display:grid;
  grid-template-columns: 1.2fr 2fr;
  gap:32px;
}

/* 左侧品牌区 */
.site-footer .footer-brand{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.site-footer .brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
.site-footer .brand-logo{display:block;height:auto;max-width:220px;}
.site-footer .socials{
  display:flex;gap:12px;list-style:none;padding:0;margin:2px 0 0;
}
.site-footer .socials a{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border:1px solid var(--line);border-radius:9px;
  color:var(--fg);text-decoration:none;transition:.2s;
}
.site-footer .socials a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.site-footer .legal{font-size:13px;line-height:1.65;color:var(--muted)}
.site-footer .legal a{color:var(--muted);text-decoration:none;border-bottom:1px dotted transparent}
.site-footer .legal a:hover{color:var(--link);border-color:var(--link)}

/* 右侧四列 */
.site-footer .footer-cols{
  display:grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap:16px 28px;
}
.site-footer .footer-cols .col h4{
  color:#ffffff;font-size:16px;margin:0 0 14px;font-weight:700;
}
.site-footer .footer-cols .col a{
  display:block;font-size:14px;line-height:1.9;color:var(--fg);
  text-decoration:none;opacity:.82;transition:color .15s,opacity .15s,transform .15s;
}
.site-footer .footer-cols .col a:hover{color:var(--link);opacity:1;transform:translateX(2px)}

/* 响应式 */
@media (max-width: 1024px){
  .site-footer .footer-inner{grid-template-columns:1fr;gap:28px}
  .site-footer .footer-cols{grid-template-columns: repeat(2, minmax(0,1fr))}
}
@media (max-width: 560px){
  .site-footer .footer-inner{padding:32px 16px 40px}
  .site-footer .footer-cols{grid-template-columns: 1fr}
  .site-footer .socials a{width:32px;height:32px;border-radius:8px}
}


/* ====== CTA 与 Footer 的无缝衔接 ======
   1) 取消 CTA 底部的外边距/多余留白
   2) Footer 顶部适度内边距，视觉贴合 */
.cta-section{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border:0;
}
.cta-section + .site-footer{
  margin-top:0 !important;
}
.site-footer .footer-inner{
  padding-top:40px;   /* 贴合但不拥挤 */
}

.footer-cols .wechat-contact {
  margin-top: 8px;
}

.footer-cols .wechat-contact img {
  display: block;
  margin-top: 6px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
}