/*
 * Copyright: YC-2025Copyright
 * Description: 全站页脚（多栏富页脚）样式，内容来自后台“页脚配置”
 * 配套：common/site_footer.php（标记）
 * 自包含：不依赖宿主页面的 CSS 变量
 */

.hp-footer {
    margin-top: 8px;
    background: #f7f9fc;
    border-top: 1px solid #eef1f6;
}
.hp-footer-container { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
@media (max-width: 575.98px) { .hp-footer-container { padding: 0 14px; } }

/* ===== H5 页脚（≤767px，对齐改版设计稿）=====
   结构：logo → 分隔线 → 协议链接行 → 联系方式行 → 版权行；
   友情链接 / 商务合作 / 二维码栏在 H5 不展示，邮箱项按设计稿隐藏 */
@media (max-width: 767.98px) {
    .hp-footer { margin-top: 0; background: #f6f7fc; border-top: 0; }
    .hp-footer-grid { flex-direction: column; align-items: stretch; gap: 0; padding: 28px 0 0; }
    .hp-footer-col { width: 100%; text-align: center; }
    .hp-footer-col--links,
    .hp-footer-col--qr { display: none; }

    /* logo 居中，下缘通栏细分隔线 */
    .hp-footer-brand-logo { padding-bottom: 24px; border-bottom: 1px solid #e4eaf3; }
    .hp-footer-brand img { height: 28px; margin: 0 auto; }

    /* 协议链接：一行两个，深色加大 */
    .hp-footer-agreements {
        margin: 26px 0 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 40px;
    }
    .hp-footer-agreements a { color: #454f63; font-size: .95rem; font-weight: 600; }
    .hp-footer-agreements a:hover { color: #3d7bfd; }

    /* 联系方式：去标题，「联系电话丨公司地址」单行排布 */
    .hp-footer-col--contact { margin-top: 30px; }
    .hp-footer-col--contact h4 { display: none; }
    .hp-footer-col--contact ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 4px 0;
    }
    .hp-footer-col--contact li { display: inline-flex; align-items: center; }
    .hp-footer-col--contact li + li::before { content: '丨'; margin: 0 6px; color: #c9d2df; }
    .hp-footer-li-email { display: none; }
    .hp-footer-col--contact li,
    .hp-footer-col--contact li a { color: #8b95a7; font-size: .8rem; }

    /* 版权行：与上方无分隔线，弱灰小字 */
    .hp-footer-bottom { margin-top: 26px; border-top: 0; padding: 0 0 30px; font-size: .78rem; color: #9aa4b8; }
    .hp-footer-bottom .hp-footer-sep { margin: 0 6px; }
}

.hp-footer-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 90px;
    /* 水平方向不再加内边距：.hp-footer-container 已有 24px，避免双重内边距 */
    padding: 44px 0 30px;
    text-align: left;
}
/* 桌面端三栏两端对齐：页脚内容铺满整个内容列（左右边缘与页面内容区一致） */
@media (min-width: 992px) {
    .hp-footer-grid { justify-content: space-between; }
}
.hp-footer-brand img { height: 32px; width: auto; display: block; }
.hp-footer-col h4 {
    margin: 0 0 14px;
    font-size: .95rem;
    font-weight: 700;
    color: #17233d;
}
.hp-footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hp-footer-col li, .hp-footer-col a {
    color: #64748b;
    font-size: .85rem;
    text-decoration: none;
    line-height: 1.6;
    word-break: break-all;
}
.hp-footer-col a:hover { color: #3d7bfd; }
.hp-footer-agreements { margin-top: 20px; }
.hp-footer-qr { display: flex; align-items: center; gap: 12px; }
.hp-footer-qr img {
    width: 92px;
    height: 92px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e9edf3;
}
.hp-footer-qr p { margin: 0; color: #64748b; font-size: .82rem; line-height: 1.6; white-space: pre-line; }
.hp-footer-bottom {
    border-top: 1px solid #e9edf3;
    padding: 16px 0 22px;
    text-align: center;
    color: #94a3b8;
    font-size: .8rem;
}
.hp-footer-bottom a { color: inherit; text-decoration: none; }
.hp-footer-bottom a:hover { color: #3d7bfd; }
.hp-footer-bottom .hp-footer-sep { margin: 0 10px; color: #d4dae3; }

@media (max-width: 991.98px) {
    .hp-footer-grid { gap: 32px 56px; }
}
/* 575px 以下不再单独定义：H5 页脚统一走下方 ≤767px 设计稿布局 */

/* ===== H5 页脚（≤767px，对齐改版设计稿）=====
   结构：logo → 分隔线 → 协议链接行 → 联系方式行 → 版权行；
   友情链接 / 商务合作 / 二维码栏在 H5 不展示，邮箱项按设计稿隐藏 */
@media (max-width: 767.98px) {
    .hp-footer { margin-top: 0; background: #f6f7fc; border-top: 0; }
    .hp-footer-grid { flex-direction: column; align-items: stretch; gap: 0; padding: 28px 0 0; }
    .hp-footer-col { width: 100%; text-align: center; }
    .hp-footer-col--links,
    .hp-footer-col--qr { display: none; }

    /* logo 居中，下缘通栏细分隔线 */
    .hp-footer-brand-logo { padding-bottom: 24px; border-bottom: 1px solid #e4eaf3; }
    .hp-footer-brand img { height: 28px; margin: 0 auto; }

    /* 协议链接：一行两个，深色加大（双类名压过基础 .hp-footer-col ul 列向布局） */
    .hp-footer-col .hp-footer-agreements {
        margin: 26px 0 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px 40px;
    }
    .hp-footer-agreements a,
    .hp-footer-col .hp-footer-agreements a { color: #454f63; font-size: .95rem; font-weight: 600; }
    .hp-footer-agreements a:hover { color: #3d7bfd; }

    /* 联系方式：去标题，「联系电话丨公司地址」单行排布（10px 小字可整行放下） */
    .hp-footer-col--contact { margin-top: 30px; }
    .hp-footer-col--contact h4 { display: none; }
    .hp-footer-col--contact ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 4px 0;
    }
    .hp-footer-col--contact li { display: inline-flex; align-items: center; }
    .hp-footer-col--contact li + li::before { content: '丨'; margin: 0 4px; color: #c9d2df; }
    .hp-footer-col--contact li.hp-footer-li-email { display: none; }
    .hp-footer-col--contact li,
    .hp-footer-col--contact li a { color: #8b95a7; font-size: 10px; }

    /* 版权行：与上方无分隔线，弱灰小字单行（与联系方式行间距收紧） */
    .hp-footer-bottom { margin-top: 12px; border-top: 0; padding: 0 0 24px; font-size: 10px; color: #9aa4b8; }
    .hp-footer-bottom .hp-footer-sep { margin: 0 4px; }
}