/* ============================================================
   页脚四列 · 宽度重分配（2026-09-30）
   用户：各列分布不均
   
   改前：331 / 220 / 220 / 242（gap 26）
     · 品牌列过宽（内容少）
     · 联系列过窄（地址长，换行多）
   
   改后（按内容需要）：
     品牌 1.1fr / 导航 0.75fr / 联系 1.35fr / 关注 0.85fr
   ============================================================ */

.ft-in{
  display:grid !important;
  grid-template-columns:1.1fr 0.75fr 1.35fr 0.85fr !important;
  gap:32px !important;
  align-items:start !important;
}

/* 品牌列 */
.ft-in > .ft-col:nth-child(1){
  min-width:0 !important;
}
.ft-in > .ft-col:nth-child(1) .ft-logo{
  font-size:21px !important;
  margin-bottom:9px !important;
}
.ft-in > .ft-col:nth-child(1) .ft-desc{
  font-size:12.5px !important;
  line-height:1.8 !important;
  max-width:200px !important;   /* 限制宽度，避免过长 */
}

/* 导航列 */
.ft-in > .ft-col:nth-child(2){
  min-width:0 !important;
}
.ft-in > .ft-col:nth-child(2) a{
  display:block !important;
  margin-bottom:7px !important;
}

/* ⭐ 联系列：加宽，地址不再挤 */
.ft-in > .ft-col:nth-child(3){
  min-width:0 !important;
}
.ft-in > .ft-col:nth-child(3) p{
  font-size:12.5px !important;
  line-height:1.85 !important;
  margin-bottom:7px !important;
  word-break:break-word !important;
}

/* 关注列 */
.ft-in > .ft-col:nth-child(4){
  min-width:0 !important;
}
.ft-in > .ft-col:nth-child(4) .ft-qr{
  width:104px !important;
  height:104px !important;
}

/* 所有列标题等高 */
.ft-in > .ft-col h5{
  font-size:14px !important;
  font-weight:700 !important;
  margin:0 0 14px !important;
  line-height:1.4 !important;
  min-height:20px !important;
}

/* 底部版权条 */
.ft-bar{
  margin-top:26px !important;
  padding-top:16px !important;
  font-size:12px !important;
}

/* ========== 移动端 ========== */
@media (max-width:900px){
  .ft-in{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:22px 18px !important;
  }
  .ft-in > .ft-col:nth-child(1) .ft-desc{max-width:100% !important}
  .ft-in > .ft-col:nth-child(1) .ft-logo{font-size:18px !important}
  .ft-in > .ft-col h5{font-size:13px !important;margin-bottom:11px !important}
  .ft-in > .ft-col:nth-child(2) a{margin-bottom:5px !important}
  .ft-in > .ft-col:nth-child(3) p{font-size:11.5px !important;line-height:1.75 !important;margin-bottom:5px !important}
  .ft-in > .ft-col:nth-child(4) .ft-qr{width:88px !important;height:88px !important}
  .ft-bar{margin-top:20px !important;padding-top:13px !important;font-size:11px !important}
}
@media (max-width:420px){
  .ft-in{gap:18px 14px !important}
  .ft-in > .ft-col:nth-child(4) .ft-qr{width:76px !important;height:76px !important}
}


/* ============================================================
   ⭐ 修：4 列占满容器宽度（2026-09-30）
   实测：品牌271+gap32+导航184+gap32+联系332+gap32+关注209 = 1092
        容器 1140 → 【右侧空 48px】
   
   原因：fr 分配时内容 min-width 撑破 → 用 minmax(0, fr) 强制收缩
   ============================================================ */

.ft-in{
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(0, 0.7fr)
    minmax(0, 1.3fr)
    minmax(0, 0.9fr) !important;
  gap:32px !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* 每列禁止内容撑破 */
.ft-in > .ft-col{
  min-width:0 !important;
  overflow-wrap:break-word !important;
  word-break:break-word !important;
}

/* 地址：允许断行但在"号"后断（用更小的字号避免挤） */
.ft-in > .ft-col:nth-child(3) p{
  font-size:12px !important;
  line-height:1.8 !important;
}

/* QR 列内容居中，避免"标题在左、图在右"的错位 */
.ft-in > .ft-col:nth-child(4){
  text-align:left !important;
}
.ft-in > .ft-col:nth-child(4) .ft-qr{
  width:100px !important;
  height:100px !important;
  margin:0 !important;
}
.ft-in > .ft-col:nth-child(4) p,
.ft-in > .ft-col:nth-child(4) .ft-qr-tip{
  max-width:100px !important;
  font-size:11.5px !important;
  line-height:1.6 !important;
  text-align:left !important;
  margin-top:9px !important;
}

/* 移动端 */
@media (max-width:900px){
  .ft-in{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:22px 16px !important;
  }
  .ft-in > .ft-col:nth-child(4) p,
  .ft-in > .ft-col:nth-child(4) .ft-qr-tip{max-width:100% !important}
}