/* ============================================================
   _shared/appfooter.css — 工作台统一轻量单行页脚

   适用:全站所有页面 —— 业务内页(样品列表 / 样品工单详情 / 消息中心 / 帮助中心 /
   账号中心 / 采购上传流程)、官网落地页(landing/index.html)、法律文档页(legal/*.html)

   配套运行时组件:_shared/appfooter.js(唯一来源)
   页面只需:
     <div data-appfooter></div>
     <script src="../_shared/appfooter.js?v=..."></script>
   由 buyer/tools/unify_appfooter.py 统一挂载(支持 --rollback 回滚)

   设计约束(产品要求):
     - 浅灰底 #F8F9FA,高度压缩,只有一行
     - 只放版权声明 + 必要法律链接,禁止营销内容(公司介绍 / 社交 / 资源导航)
     - 静态定位,不悬浮、不常驻可视区;内容不足一屏时压在最底部
     - 桌面端与移动端表现一致(≤720px 居中换行)
   ============================================================ */

/* ---- 短页面撑满视口,把页脚压到底部(不悬浮) ---- */
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body > main{flex:1 0 auto;}

/* ---- 单行页脚本体 ---- */
.appfooter{
  flex:0 0 auto;
  margin-top:auto;
  background:#F8F9FA;
  border-top:1px solid var(--ink-100);
  padding:14px 24px;
  font-size:12.5px;
  line-height:1.5;
  color:var(--ink-600);
}
.appfooter__inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px 20px;
  flex-wrap:wrap;
}
.appfooter__copy{margin:0}
.appfooter__links{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0;
}
.appfooter__links a{
  color:var(--ink-600);
  font-weight:600;
  text-decoration:none;
}
.appfooter__links a:hover{
  color:var(--brand-700);
  text-decoration:underline;
}
.appfooter__sep{color:var(--ink-300)}

@media (max-width:720px){
  .appfooter{padding:14px 16px;font-size:12px}
  .appfooter__inner{justify-content:center;text-align:center;gap:4px 14px}
}