/* 全站页脚 / 商务合作区的微信二维码（2026-10-29）
   深色页脚版：白色卡片承载二维码，保证对比度与可扫描性；浅色盒子版（.qrbox）用在 about 商务合作区块。 */
.footqr{display:flex;gap:26px;margin-top:14px;flex-wrap:wrap}
.footqr-i{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border-radius:6px;padding:5px 5px 4px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.footqr-i img{display:block;width:72px;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:3px}
.footqr-i b{color:#0a5238;font-size:11.5px;font-weight:600;line-height:1.25;white-space:nowrap}
.footqr.qrbox{margin-top:12px;gap:30px}
.footqr.qrbox .footqr-i{background:#fff;border:1px solid #e3eae6;box-shadow:none;padding:5px 5px 4px}
/* 页脚二维码右移：把「品牌名 + 二维码」列排到页脚最右侧（2026-11-01）。
   仅作用于 footer 内的网格首列，不影响 about 商务合作区的 .qrbox。
   关键点：标语(.foot-tagline)与版权(.copy)是整行元素（grid-column:1/-1），
   若 order 值 ≤ 品牌列，会被插入到品牌列之前从而把品牌列挤到页脚最底部。
   故显式把它们排在品牌列(4)之后，保证四列同处首行、品牌列在最右。 */
footer .wrap>div:first-child{order:4}            /* 品牌名 + 二维码 → 第 4 列（最右） */
/* 品牌列（品牌名 + 二维码）排列位置由 order 决定，横向间距由页脚 flex 的 column-gap 控制（2026-11-01）。
   以前这里用 justify-self:end 把品牌列推到最右，导致与菜单列之间空出 690px。 */
footer .foot-tagline{order:5}                    /* 标语整行，置于四列之下 */
footer .copy{order:6}                            /* 版权整行，置于最底 */
@media(max-width:560px){
  .footqr{gap:18px}
  .footqr-i img{width:64px}
}