/* 雅之林® 全站唯一「底部蓝色落款」样式源 —— 严禁在其他任何 CSS 或页面内联 <style> 里再写 .ux-footer-* 规则
   全站 7 站 / 30+ 页统一引用 /footer.css，结构由 run_deploy.py 的 build_footer() 注入。
   本文件 + build_footer() = 唯一来源，改这一处即全站生效，不存在第二份。
   设计（2026-09-13 定稿）：12 项全站导航 + 左下角柱状图统计图标（无文字）+ 版本/IPC/版权/免责声明。 */
.ux-footer{
  position:relative;
  background:#002FA7;
  border-top:1px solid rgba(255,255,255,.25);
  /* 🔴🔴🔴 2026-10-23 用户令（原话）：「官网主页底部导航栏下面去掉空白，所有页面都要去掉。」
     安全区（iPhone 底部 Home 指示条那 34px）**必须由落款自己吸收**，写成
     `calc(30px + env(safe-area-inset-bottom))`：蓝色一路铺到屏幕最底边，
     最后一行小字又不会被指示条压住。
     ⚠️ 配套改动：`assets/style.css` 里 body 的 `padding-bottom:env(safe-area-inset-bottom)`
        已删除 —— 那条会把 34px 浅色空带留在蓝色落款**底下**，正是用户截图里那块空白。
        ⛔ 两处必须成对：只删 body 不补这里 ⇒ 文字压指示条；只补这里不删 body ⇒ 空白还在。 */
  /* 🔴🔴 2026-10-24 用户令：「所有页面的底部不要有没有用的留白。」
     30px → 24px（手机 26 → 20）。⚠️ **不能再往下收了**，卡住它的是左下角那个百度统计小图标
     （`.ux-footer-tongji`：14px 高，`bottom:10px` ⇒ 占 10..24）：
     页脚底部内边距必须 ≥ 图标底距 + 图标高，否则图标会盖到最后一行免责声明上。
     要再收紧，就得先动那个图标的位置/高度 —— ⛔ 别只改 padding 不看图标。 */
  padding:34px 20px calc(24px + env(safe-area-inset-bottom));
  color:#fff;
  font-size:13px;
  line-height:1.6;
  font-family:-apple-system,"system-ui","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ux-footer-inner{max-width:1000px;margin:0 auto;}
/* 全站导航：**固定 4 列**（每项宽度用 calc 精确扣掉 3 个列间距，
   所以 4×4＝16 项以内都稳定 4 列一行，不随屏宽变）。
   🔴🔴🔴 2026-10-21 夜（第 43 轮补修）用户令（原话）：
     「官网底部的导航栏，**会员打卡站和会员中心要居中**。」
   事故背景：原来是 `display:grid; grid-template-columns:repeat(4,1fr)`。
   落款从 12 项减到 **10 项**（下架两条 AI 链接）后，末行只剩 2 项，
   grid 会把它们放在**第 1、2 列**＝贴着左边，用户一眼就看出来歪了
   （实测坐标：末行两项在 col1/col2，右侧空两格）。
   ⇒ 改用 `flex-wrap + justify-content:center`：满行仍是 4 列（宽度 calc 锁定），
     **不满的最后一行自动整体居中**。这样以后增删项也不用再写 nth-child 补丁。
   ⛔ 别改回 grid：grid 对"不满的最后一行"只能靠 nth-child 硬指列号，
      项数一变就又错位（这正是这次踩的坑）。
   ⚠️ 改列数时三处一起改：本 calc 的除数、扣掉的间距、下面 ≤480 那条媒体查询。 */
.ux-footer-nav{
  display:flex;flex-wrap:wrap;
  justify-content:center;align-items:center;
  gap:10px 22px;margin:0 auto 18px;max-width:760px;
}
.ux-footer-nav a{
  color:rgba(255,255,255,.92);text-decoration:none;font-size:13px;
  text-align:center;transition:color .2s;
  flex:0 0 calc((100% - 66px) / 4);   /* 66px = 3 个列间距 × 22px */
}
.ux-footer-nav a:hover{color:#C9A24A;}
.ux-footer-nav a sup{font-size:9px;line-height:1;vertical-align:super;margin-left:1px;}
/* 信息条：版本 + 备案。顶部 1px 横杠做视觉分隔（用户 2026-09-13「版本的上面，加个横杠分开」）
   🔒 white-space:nowrap 锁死（用户 09-14：「下面3排小字应该固定格式锁死，不能换行」） */
.ux-footer-row{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:nowrap;
  margin:0 0 8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);white-space:nowrap;}
.ux-footer-version{font-weight:800;color:#fff;font-size:13px;letter-spacing:.3px;}
.ux-footer-record{color:rgba(255,255,255,.85);font-size:13px;}
.ux-footer-copy{color:rgba(255,255,255,.6);font-size:12px;margin-bottom:10px;text-align:center;white-space:nowrap;}
.ux-footer-disclaimer{color:rgba(255,255,255,.45);font-size:11px;max-width:720px;margin:0 auto;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere;padding:0 12px;box-sizing:border-box;}
/* 网站访问统计（百度统计）：仅柱状图图标，左下角，无文字 */
.ux-footer-tongji{
  position:absolute;left:16px;bottom:10px;
  display:inline-flex;align-items:flex-end;gap:2px;height:14px;
  color:rgba(255,255,255,.55);text-decoration:none;cursor:pointer;
  transition:opacity .2s;
}
.ux-footer-tongji:hover{opacity:.85;}
@media(max-width:480px){
  /* ⚠️ 与上面那条成对：这里也要把安全区加进 padding-bottom，否则小屏上又会出现空白带 */
  .ux-footer{padding:28px 16px calc(20px + env(safe-area-inset-bottom));font-size:12px;}
  .ux-footer-nav{gap:8px 14px;margin-bottom:14px;}
  /* ⚠️ 与上面 22px 那条对齐：这里 gap 变 14px ⇒ 3 个间距合计 42px，宽度必须跟着改，
     否则每项偏宽、4 列会掉成 3 列（落款行数就变了）。 */
  .ux-footer-nav a{font-size:12px;flex:0 0 calc((100% - 42px) / 4);}
  .ux-footer-version,.ux-footer-record{font-size:12px;}
  .ux-footer-copy{font-size:11px;}
  .ux-footer-tongji{left:12px;bottom:6px;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   防「双击放大」—— **全站兜底**（2026-10-02 移到本文件）
   ---------------------------------------------------------------------------
   🔴 用户报：「点的时候很容易自动就放大了，就跟一个图片自动放大了一样。」
   ⇒ 那是移动端**双击缩放**（double-tap zoom）。

   🔴🔴 为什么规则放在 `footer.css`（一个叫"页脚"的文件里）：
      这条防护必须**8 个页面全部生效**，而 `商品详情.html` / `支付.html`
      **没有引 yzl.css**（它们自带一套 .shell/.wrap，见本文件顶部说明），
      所以整套前台里只有 `footer.css` 是**8 页全引**的样式文件。
      ⛔ 别把它挪回 yzl.css —— 挪回去那两页立刻又会双击放大。
      ⚠️ 实测过的现状（2026-10-02）：8 页里**只有会员中心.html 自己写了这一条**，
         其余 7 页全裸 ⇒ 用户在商品详情页双击就放大。

   `touch-action:manipulation` = 关掉双击缩放，但**保留单指滚动与双指捏合**
   （比 `user-scalable=no` / `maximum-scale=1` 更不伤无障碍：想放大还是能捏合放大）。
   ⛔ 别改成 `none` —— 那样连滚动都没了。
   =========================================================================== */
html,body{touch-action:manipulation}
button,a,[role="button"],input,select,textarea,label,summary{touch-action:manipulation}