/* 公共页脚：所有 site-footer 统一采用新版首页的四栏布局、蓝色文字及纵向品牌。 */
.site-footer { padding: 50px 100px; color: var(--blue); background: #fff; }
.footer-inner { min-height: 260px; margin: 0 auto; display: grid; grid-template-columns: 398px 538px 346px 180px; gap: 86px; }
.footer-brand { height: 260px; padding: 35px 84px 0 0; display: flex; flex-direction: column; align-items: center; border-right: 4px solid var(--blue); }
.footer-brand img:first-child { width: 303px; height: 82px; }
.footer-brand img:last-child { width: 304px; height: 70px; }
.footer-brand span { flex: 0 0 1px; width: 310px; height: 1px; margin: 20px 0; background: #b2c9db; }
.footer-contact { padding-top: 10px; }
.footer-contact section + section { margin-top: 58px; }
.site-footer h2 { margin: 0; font-size: 16px; font-weight: 400; line-height: 22px; }
.site-footer h2::after { display: block; width: 100px; height: 1px; margin-top: 11px; content: ""; background: var(--blue); }
.site-footer p { margin: 12px 0 0; color: inherit; font-size: 16px; line-height: 30px; }
.phone-grid { display: grid; grid-template-columns: 200px 1fr; gap: 60px; }
.phone-grid p { white-space: nowrap; }
.footer-links { padding-top: 10px; }
.footer-links > div { display: grid; grid-template-columns: 164px 1fr; gap: 40px; }
.footer-links p { line-height: 40px; }
.footer-links a { display: block; white-space: nowrap; transition: color .2s ease; }
.footer-links a:hover { color: var(--blue); }
/* 关注区域按设计稿保留灰色方块，后续替换正式二维码。 */
.footer-social { padding-top: 10px; }
.footer-social-name { margin-left: 12px; white-space: nowrap; }
.footer-social-code { width: 180px; height: 180px; margin-top: 20px; background: #d9d9d9; }

/* 手机端沿用新版首页的纵向布局，品牌、联系信息、链接和关注区依次显示。 */
html.is-mobile .site-footer { padding: 42px 16px; }
html.is-mobile .footer-inner { min-height: 0; display: block; }
html.is-mobile .footer-brand { height: auto; padding: 0 0 36px; border-right: 0; border-bottom: 1px solid var(--line); }
html.is-mobile .footer-brand span { width: 310px; margin: 20px 0; }
html.is-mobile .footer-contact { padding-top: 36px; }
html.is-mobile .footer-contact section + section { margin-top: 32px; }
html.is-mobile .phone-grid, html.is-mobile .footer-links > div { display: block; }
html.is-mobile .phone-grid p { white-space: normal; }
html.is-mobile .footer-links { padding-top: 36px; }
html.is-mobile .footer-links p + p { margin-top: 0; }
html.is-mobile .footer-social { padding-top: 36px; }