/* ============================================================
   页脚 v3 — 深色四栏（参考龙物视频版式）
   ============================================================ */
.site-footer.ft-dark{
  background:#17130f;
  color:rgba(255,255,255,.66);
  margin-top:80px;
  border-top:0;
}
.ft-grid{
  display:grid;
  grid-template-columns:1.85fr 1fr 1fr 1fr;
  gap:38px;
  padding:58px 28px 44px;
}
@media(max-width:1000px){.ft-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:560px){.ft-grid{grid-template-columns:1fr;padding:44px 20px 32px}}

.ft-brand .ft-logo{
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  font-weight:800;font-size:19px;letter-spacing:-.4px;color:#fff;margin-bottom:15px
}
.ft-logo span{font-size:22px;line-height:1}
.ft-logo em{
  font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.6px;
  color:rgba(255,255,255,.42)
}
.ft-brand p{
  margin:0;max-width:340px;font-size:13px;line-height:1.9;
  color:rgba(255,255,255,.55)
}

.ft-col h4{
  margin:0 0 17px;font-size:13.5px;font-weight:750;letter-spacing:.2px;color:#fff
}
.ft-col a{
  display:block;width:fit-content;margin-bottom:11px;font-size:13px;
  color:rgba(255,255,255,.62);transition:.15s
}
.ft-col a:hover{color:#ff8f6d;transform:translateX(2px)}

/* 社交图标 */
.ft-social{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}
.ft-social-label{
  font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;
  color:rgba(255,255,255,.32);margin-right:2px
}
.ft-social .soc{
  width:36px;height:36px;border-radius:11px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.7);transition:.16s
}
.ft-social .soc svg{width:17px;height:17px}
.ft-social .soc:hover{
  color:#fff;border-color:transparent;transform:translateY(-2px);
  box-shadow:0 10px 22px -12px rgba(0,0,0,.7)
}
.ft-social .soc.yt:hover{background:#ff2d2d}
.ft-social .soc.x:hover{background:#0f0f0f;border-color:rgba(255,255,255,.3)}
.ft-social .soc.fb:hover{background:#1877f2}
.ft-social .soc.tt:hover{background:#111;border-color:rgba(255,255,255,.3)}

.ft-friend{border-top:1px solid rgba(255,255,255,.08);padding:16px 0}
.ft-friend .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:12px}
.ft-friend-label{color:rgba(255,255,255,.32);letter-spacing:.8px;text-transform:uppercase}
.fr-link{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.62);transition:.15s}
.fr-link .fr-ic{
  width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:.15s
}
.fr-link .fr-ic svg{width:13px;height:13px}
.fr-link:hover{color:#ff8f6d}
.fr-link:hover .fr-ic{background:rgba(255,143,109,.16);border-color:rgba(255,143,109,.42)}
.ft-friend a{color:rgba(255,255,255,.55)}
.ft-friend a:hover{color:#ff8f6d}

.ft-copy{
  border-top:1px solid rgba(255,255,255,.08);
  padding:18px 20px 24px;text-align:center;
  font-size:12px;line-height:1.8;color:rgba(255,255,255,.4)
}
.ft-copy a{color:rgba(255,255,255,.62)}
.ft-copy a:hover{color:#ff8f6d}

/* 旧浅色页脚样式兜底（若仍被引用） */
.legacy-foot{display:none !important}