/* ============================================================
   全站统一页脚模块 · #mod-footer
   ------------------------------------------------------------
   抽取自 index.html（2026-08-05）。此前 54 个页面各自内嵌简版
   单行页脚，配色与结构三套并存；本文件为唯一样式来源。

   HTML 结构（各页面 </body> 前）：
     <footer id="mod-footer">
       <div class="fi">
         <div class="ft">
           <div class="fc fb">…logo + 公司简介…</div>
           <div class="fc">…产品…</div>
           <div class="fc">…支持…</div>
           <div class="fc fcontact">…联系我们…</div>
         </div>
         <div class="fb-bottom">…版权 + 隐私政策…</div>
       </div>
     </footer>

   变量依赖均带字面回退值 —— 12 个页面（各 downloads 页、privacy、
   products 等）未定义 --red，4 个未定义 --max，缺失时按回退值渲染。
   选择器一律以 #mod-footer 起头，避免与各页残留的 footer{} 规则打架。
   ============================================================ */

#mod-footer{
  background:#eef1f4;
  color:var(--ink-3,#7a7e8e);
  padding:56px 1.5rem 24px;
  border-top:1px solid var(--line,#e2e4ec);
}

#mod-footer .fi{max-width:var(--max,1200px);margin:0 auto;}

#mod-footer .ft{
  display:grid;
  grid-template-columns:240px 1fr 1fr 1fr;
  gap:40px;
  margin-bottom:40px;
}

/* ── 品牌列 ── */
#mod-footer .logo-mark{
  width:36px;height:36px;
  border-radius:8px;
  background:var(--red,#e02020);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;color:#fff;
  letter-spacing:-0.5px;
  margin-bottom:14px;
}
#mod-footer .fb p{
  font-size:15px;line-height:1.75;
  color:var(--ink-3,#7a7e8e);
  margin-top:10px;
}

/* ── 导航列 ── */
#mod-footer .fc h4{
  font-size:12px;font-weight:700;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--ink-3,#7a7e8e);
  margin-bottom:14px;
}
#mod-footer .fc ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}
#mod-footer .fc li a{
  font-size:15px;margin:0;
  color:var(--ink-2,#3a3d4a);
  text-decoration:none;
  transition:color .15s;
}
#mod-footer .fc li a:hover{color:var(--red,#e02020);}

/* ── 联系列 ── */
#mod-footer .fcontact p{
  font-size:15px;line-height:1.9;
  color:var(--ink-3,#7a7e8e);
}
#mod-footer .fcontact a{
  margin:0;
  color:var(--ink-2,#3a3d4a);
  text-decoration:none;
  transition:color .15s;
}
#mod-footer .fcontact a:hover{color:var(--red,#e02020);}

/* ── 底栏 ── */
#mod-footer .fb-bottom{
  border-top:1px solid var(--line,#e2e4ec);
  padding-top:20px;
  display:flex;align-items:center;justify-content:space-between;
  font-size:14px;
  color:var(--ink-3,#7a7e8e);
}
#mod-footer .fb-bottom a{
  color:var(--ink-3,#7a7e8e);
  text-decoration:none;
  transition:color .15s;
}
#mod-footer .fb-bottom a:hover{color:var(--red,#e02020);}

/* ── 响应式 ── */
@media(max-width:1024px){
  #mod-footer .ft{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:640px){
  #mod-footer{padding:40px 1.25rem 20px;}
  #mod-footer .ft{grid-template-columns:1fr;gap:24px;}
  #mod-footer .fb-bottom{flex-direction:column;gap:8px;text-align:center;}
  #mod-footer .fc li a,
  #mod-footer .fcontact a{padding:4px 0;display:inline-block;}
}