/* Keep the shared footer independent of rem rules on individual pages. */
body .bottom-slogan { box-sizing:border-box; height:auto; min-height:240px; padding:58px 20px; display:flex; align-items:center; justify-content:center; text-align:center; }
body .bottom-slogan figure { width:100%; margin:0; }
body .bottom-slogan img { width:300px; max-width:70%; height:auto; }
body .bottom-slogan h3 { color:#003f8c; font-size:28px; line-height:1.6; padding-top:16px; margin:0; }
html[lang=zh-CN] body .bottom-slogan h3 { white-space:nowrap; }
body .footer-container .footer-qr { background:#fff; border-radius:16px; overflow:hidden; padding:8px; box-sizing:border-box; }
body .footer-container .weixin-mp { display:block; width:144px; max-width:100%; height:auto; margin:0; background:#fff; border-radius:0; }
@media(max-width:768px) {
  body .bottom-slogan { min-height:180px; padding:40px 16px; }
  body .bottom-slogan img { width:220px; }
  html[lang=zh-CN] body .bottom-slogan h3 { font-size:clamp(14px,3.7vw,24px); letter-spacing:0; padding-top:12px; }
  html[lang=en] body .bottom-slogan h3 { font-size:18px; }
  body .footer-container .footer-qr { grid-column:1; grid-row:auto; justify-self:center; }
  body .footer-container .weixin-mp { width:144px; }
}