/* 全站统一绿色页脚（2026-10-10）
   背景：index / page_rule / schools 等页面有完整的多列绿色 footer，但志愿填报组的
   page_advance / page_volunteer / page_prob / page_myplan / page_guide / page_tier
   只引了 nav.css（不含 footer 规则），底部只剩一行透明小字，视觉上「少了绿色页脚区域」。
   这里把页脚样式抽成公共文件，规则与 styles.css 的 footer 段保持一致，并补上窄屏栅格降级。
   用法：页面加 <link rel="stylesheet" href="footer.css?v=20261010a"> + 复用同一段 footer HTML。 */
footer{background:var(--green-deep,#0a5238);color:#cfe7dc;margin-top:30px;padding:30px 0 20px;font-size:13px}
/* 页脚改弹性居中（2026-11-01）：四列菜单 + 品牌列作为整体居中，列间只留 36px。
   原 grid 把品牌列推到最右，与菜单之间空出近 700px。 */
footer .wrap{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px 36px}
footer .wrap>div{flex:0 0 auto}
footer .wrap>div.foot-tagline,footer .wrap>div.copy{flex:0 0 100%}
footer h4{color:#fff;font-size:15px;margin:0 0 12px;font-weight:700}
footer p{margin:0;line-height:1.7}
footer a{display:block;color:#bfe0cf;padding:4px 0}
footer a:hover{color:#fff}
footer .copy a{display:inline;padding:0}
footer .copy{border-top:1px solid rgba(255,255,255,.12);margin-top:0;padding-top:10px;color:#9cc4b3;font-size:12px}
@media(max-width:900px){
  footer .wrap{gap:20px}
  footer .wrap>div{flex:0 1 calc(50% - 10px);min-width:0}
  footer .wrap>div:first-child{flex:0 0 100%}
}
@media(max-width:560px){
  footer .wrap{gap:18px}
  footer .wrap>div{flex:0 0 100%}
  footer{padding:24px 0 16px}
}