/* ========================================================================
   页脚
   三栏：品牌（Logo、标语、社交按钮）/ 网站导航 / 联系我们。
   ======================================================================== */

/* ---- 三栏网格 ---- */
.footer{padding-block:clamp(56px,7vw,96px) 32px;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--night),#0b0714)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1fr);gap:48px clamp(40px,6vw,96px);align-items:start}

/* ---- 第一栏：品牌 + Instagram 长按钮 + 圆形社交按钮 ---- */
.foot-brand{display:grid;justify-items:start}
.foot-logo img{display:block;height:37px;width:auto}
.foot-brand p{margin:26px 0 0;font-size:15.5px;color:var(--ink)}
.ig-pill{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:14px 24px 14px 20px;border-radius:14px;border:1px solid var(--line-2);color:var(--ink);text-decoration:none;font-size:16px;white-space:nowrap;transition:background-color .2s,border-color .2s}
.ig-pill:hover{background:rgba(255,255,255,.05);border-color:rgba(242,164,182,.45)}
.ig-pill svg{width:22px;height:22px;flex:none}
.ig-pill .handle{margin-left:6px;color:var(--mute)}
.socials{display:flex;gap:12px;margin-top:16px}
.socials a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--ink);transition:background-color .2s,border-color .2s}
.socials a:hover{background:rgba(255,255,255,.06);border-color:rgba(242,164,182,.45)}
.socials svg{width:20px;height:20px}

/* ---- 第二、三栏：栏目标题 / 网站导航 / 联系我们 ---- */
.foot-grid h3{margin:0 0 26px;font-weight:500;font-size:15px;letter-spacing:.14em;color:var(--mute)}
.foot-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.foot-nav a,.foot-contact a{color:var(--mute);text-decoration:none;font-size:16px;transition:color .2s}
.foot-nav a:hover,.foot-contact a:hover{color:var(--ink)}
#contactus{scroll-margin-top:120px}
.foot-contact p{margin:0 0 18px;font-size:16px;color:var(--mute);font-variant-numeric:tabular-nums}
.foot-contact .company{color:var(--ink);letter-spacing:.02em}
.foot-contact address{margin:26px 0 0;font-style:normal;font-size:16px;line-height:1.85;color:var(--mute)}

/* ---- 版权行 ---- */
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}

/* ---- 响应式 ---- */
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}