/* Footer 模块 - 所有 footer 变体共用的基础样式 */
.mod-footer { background: var(--dark, #111); color: rgba(255,255,255,.85); margin-top: 40px; }
.mod-footer__inner { max-width: 1100px; margin: 0 auto; padding: 50px 24px 30px; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 32px; }
.mod-footer__col h4 { color: #fff; font-size: 15px; margin: 0 0 16px; }
.mod-footer__col a { display: block; color: rgba(255,255,255,.7); text-decoration: none; font-size: 14px; margin-bottom: 10px; transition: color .2s; }
.mod-footer__col a:hover { color: var(--primary, #2563eb); }
.mod-footer__col p { font-size: 14px; color: rgba(255,255,255,.7); margin: 0 0 10px; }
.mod-footer__social { display: flex; gap: 14px; }
.mod-footer__social a { display: inline-flex; margin: 0; color: rgba(255,255,255,.7); }
.mod-footer__social a:hover { color: var(--primary, #2563eb); }
.mod-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 20px 24px; text-align: center; font-size: 13px; color: rgba(255,255,255,.5); }
.mod-footer__legal { margin-bottom: 8px; }
.mod-footer__legal a { color: rgba(255,255,255,.6); text-decoration: none; }
.mod-footer__legal a:hover { color: var(--primary, #2563eb); }
.mod-footer__legal span { margin: 0 8px; color: rgba(255,255,255,.3); }
@media (max-width: 600px) { .mod-footer__inner { grid-template-columns: 1fr 1fr; gap: 24px; } }