/* ============================================
   底部组件样式
   ============================================ */
/*@font-face {*/
/*    font-family: 'pingfangsc-light';*/
/*    src: url('/fonts/PingFangSC-Light.otf') format('opentype');*/
/*    font-weight: 100;*/
/*}*/
/*@font-face {*/
/*    font-family: 'PingFang SC Semibold';*/
/*    src: url('/fonts/PingFangSC-Light.otf') format('opentype');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*!* Light - 用于链接、轻量文字 *!*/
/*@font-face {*/
/*    font-family: 'PingFang SC Light';*/
/*    src: url('/fonts/PingFangSC-Light.otf') format('opentype');*/
/*    font-weight: 100;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*!* Medium - 用于正文、常规文字 *!*/
/*@font-face {*/
/*    font-family: 'PingFang SC Medium';*/
/*    src: url('/fonts/PingFangSC-Light.otf') format('opentype');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'PingFang SC Regular';*/
/*    src: url('/fonts/PingFangSC-Light.otf') format('opentype');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
.footer {
    position: relative;
    background: url('/assets/design/foot/bg.png') no-repeat top center;
    background-size:min(1414px, calc(1414 / 1414 * 100vw)) min(463px, calc(463 / 1414 * 100vw));
    padding: 0;
    /* overflow: hidden; */
    width: min(1414px, calc(1414 / 1414 * 100vw));
    margin: 0 auto;
    /* width: 100%; */
}

.footer-content {
    margin: 0 auto;
    /* padding: min(38px, calc(38 / 1414 * 100vw)) min(40px, calc(40 / 1414 * 100vw)) 0; */
    position: relative;
    height: min(463px, calc(463 / 1414 * 100vw));
    width: 100%;
}

/* 第一行：LOGO */
.footer-logo-section {
    position: absolute;
    left: min(74px, calc(74 / 1414 * 100vw));
    top: min(75px, calc(75 / 1414 * 100vw));
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-logo img {
    width: min(52.79px, calc(52.79 / 1414 * 100vw));
    height: min(52.79px, calc(52.79 / 1414 * 100vw));
}

.footer-logo span {
    font-size: min(16px, calc(16 / 1414 * 100vw));
    color: #ffffff;
    font-family: 'pingfangsc-light';
    font-weight: 300;
}

/* 第二行：横向导航 - 一级菜单 */
.footer-nav {
    display: flex;
    position: absolute;
    top: min(212px, calc(212 / 1414 * 100vw));
    left: min(40px, calc(40 / 1414 * 100vw));
    right: min(40px, calc(40 / 1414 * 100vw));
}

.footer-nav-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-nav-link {
    font-family: 'PingFang SC Light', 'PingFang SC', sans-serif;
    font-weight: 300;
    font-size: min(16px, calc(16 / 1414 * 100vw));
    color: #ffffff;
    text-decoration: none;
    line-height: 1.5;
}

.footer-nav-link:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* 宽度设置 - 与顶部导航顺序对应 */
.footer-nav-item:nth-child(1) {
    width: min(80px, calc(80 / 1414 * 100vw));
}

.footer-nav-item:nth-child(2) {
    width: min(110px, calc(110 / 1414 * 100vw));
}

.footer-nav-item:nth-child(3) {
    width: min(80px, calc(80 / 1414 * 100vw));
}

.footer-nav-item:nth-child(4) {
    width: min(110px, calc(110 / 1414 * 100vw));
}

.footer-nav-item:nth-child(5) {
    width: min(110px, calc(110 / 1414 * 100vw));
}

.footer-nav-item:nth-child(6) {
    width: min(110px, calc(110 / 1414 * 100vw));
}

.footer-nav-item:nth-child(7) {
    width: min(80px, calc(80 / 1414 * 100vw));
}

.footer-nav-item .footer-title {
    margin: 0;
    padding: 0;
    font-family: 'PingFang SC Semibold';
    font-weight: 600;
    font-size: min(16px, calc(16 / 1414 * 100vw));
    color: #ffffff;
    line-height: 1.5;
    text-decoration: none;
}

/* 第三行：多列布局容器 - 二级菜单 */
.footer-columns {
    position: absolute;
    top: min(180px, calc(180 / 1414 * 100vw));
    left: min(84px, calc(84 / 1414 * 100vw));
    right: min(10px, calc(10 / 1414 * 100vw));
    display: flex;
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
    width: 100%;
    /* text-align: center; */
}

.footer-section {
    display: flex;
    flex-direction: column;
    gap: min(5px, calc(5 / 1414 * 100vw));
    flex-shrink: 0;
    /* min-width: min(80px, calc(80 / 1414 * 100vw)); */
}

/* 导航部分（前7个section）总宽度612，均匀排列 */
.footer-section:nth-child(1) {
    flex: 0 0 auto;
    width: min(calc(612px / 7 - 20px), calc((612 / 7 - 20) / 1414 * 100vw));
}

.footer-section:nth-child(2),
.footer-section:nth-child(3),
.footer-section:nth-child(5),
.footer-section:nth-child(6),
.footer-section:nth-child(7) {
    flex: 0 0 auto;
    width: min(calc(612px / 7), calc(612 / 1414 * 100vw / 7));
}

.footer-section:nth-child(4) {
    flex: 0 0 auto;
    width: min(calc(612px / 7 + 20px), calc((612 / 7 + 20) / 1414 * 100vw));
}

/* 有子菜单的section */
.footer-section .footer-link {
    max-width: min(150px, calc(150 / 1414 * 100vw));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 地址电话部分的section */
.footer-section .footer-contact {
    min-width: min(200px, calc(200 / 1414 * 100vw));
}

/* 地址电话 - 导航与地址电话的间距82px，地址电话宽度329px */
.footer-section:nth-child(8) {
    margin-left: min(82px, calc(82 / 1414 * 100vw));
    margin-right: 0;
    width: min(329px, calc(329 / 1414 * 100vw));
}

/* 二维码和按钮 - 与地址电话间距65px，宽度132px */
.footer-section:nth-child(9) {
    margin-left: min(65px, calc(65 / 1414 * 100vw));
    margin-right: min(99px, calc(99 / 1414 * 100vw));
    width: min(132px, calc(132 / 1414 * 100vw));
}

.footer-title {
    font-size: min(16px, calc(16 / 1414 * 100vw));
    font-family: 'PingFang SC Semibold';
    font-weight: 400;
    color: #ffffff;
    margin-bottom: min(5px, calc(5 / 1414 * 100vw));
    text-decoration: none;
}

.footer-link {
    font-family: 'pingfangsc-light';
    font-size: min(16px, calc(16 / 1414 * 100vw));
    font-weight: 100;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1;
    margin-bottom: 10px;
    text-decoration: none;
}

.footer-link:hover {
    color: #ffffff;
}

.contact-item {
    display: flex;
    gap: min(12px, calc(12 / 1414 * 100vw));
    align-items: flex-start;
    margin-bottom: min(5px, calc(5 / 1414 * 100vw));
}

.contact-item:last-child {
    margin-bottom: 0;
}

.contact-item img {
    flex-shrink: 0;
    margin-top: min(3px, calc(3 / 1414 * 100vw));
}

.contact-icon-location {
    width: min(25px, calc(25 / 1414 * 100vw));
    height: min(25px, calc(25 / 1414 * 100vw));
}

.contact-icon-phone {
    width: min(20px, calc(20 / 1414 * 100vw));
    height: min(20px, calc(20 / 1414 * 100vw));
}

.contact-item p {
    font-family: 'pingfangsc-light';
    font-weight: 400;
    font-size: min(16px, calc(16 / 1414 * 100vw));
    color: rgba(255, 255, 255, 0.63);
    line-height: 1.6;
    margin: 0;
    word-break: break-all;
}
.contact-item .contact-phone{
    color: #ffffff;
    font-family: 'pingfangsc-light';
    font-weight: 400;
}
.footer-contact {
    display: flex;
    flex-direction: column;
}

.footer-contact-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.qr-code {
    margin-bottom: min(15px, calc(15 / 1414 * 100vw));
}

.qr-code img {
    width: min(132px, calc(132 / 1414 * 100vw));
    height: auto;
    /* border-radius: min(10px, calc(10 / 1414 * 100vw)); */
}

.contact-team-btn {
    width: min(112px, calc(112 / 1414 * 100vw));
    height: min(37px, calc(37 / 1414 * 100vw));
    background: linear-gradient(180deg, rgba(10, 130, 255, 0.8) 0%, rgba(19, 60, 233, 0.8) 100%);
    border-radius: min(73.64px, calc(73.64 / 1414 * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(12px, calc(12 / 1414 * 100vw));
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.contact-team-btn:hover {
    opacity: 0.8;
}

.footer-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: min(0.74px, calc(0.74 / 1414 * 100vw));
    border-top: min(0.74px, calc(0.74 / 1414 * 100vw)) rgba(255, 255, 255, 0.22) solid;
    background: none;
}

@media (max-width: 768px) {

    .footer-content {
        display: none;
        padding: min(30px, calc(30 / 1414 * 100vw)) min(20px, calc(20 / 1414 * 100vw)) min(40px, calc(40 / 1414 * 100vw));
        height: auto;
        min-height: auto;
        max-width: min(375px, calc(375 / 1414 * 100vw));
        margin: 0 auto;
    }

    .footer-logo-section {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: min(25px, calc(25 / 1414 * 100vw));
        text-align: center;
    }

    .footer-logo {
        justify-content: center;
    }

    /* 隐藏底部导航 */
    .footer-nav {
        display: none;
    }

    .footer-columns {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        flex-direction: column;
        gap: min(20px, calc(20 / 1414 * 100vw));
        align-items: center;
    }

    /* 隐藏导航section（前7个），只保留地址电话和二维码 */
    .footer-section:nth-child(1),
    .footer-section:nth-child(2),
    .footer-section:nth-child(3),
    .footer-section:nth-child(4),
    .footer-section:nth-child(5),
    .footer-section:nth-child(6),
    .footer-section:nth-child(7) {
        display: none;
    }

    /* 地址电话section - 手机端居中适配 */
    .footer-section:nth-child(8) {
        width: 100% !important;
        margin-left: 0;
        margin-bottom: min(10px, calc(10 / 1414 * 100vw));
    }

    .footer-contact {
        width: 100%;
        align-items: center;
    }

    .contact-item {
        margin-bottom: min(12px, calc(12 / 1414 * 100vw));
        gap: min(10px, calc(10 / 1414 * 100vw));
        justify-content: center;
    }

    .contact-item img {
        width: min(18px, calc(18 / 1414 * 100vw));
        height: min(18px, calc(18 / 1414 * 100vw));
    }

    .contact-icon-location,
    .contact-icon-phone {
        width: min(18px, calc(18 / 1414 * 100vw));
        height: min(18px, calc(18 / 1414 * 100vw));
    }

    .contact-item p {
        font-size: min(13px, calc(13 / 1414 * 100vw));
        line-height: 1.5;
    }

    /* 二维码和按钮section - 手机端居中横向排列 */
    .footer-section:nth-child(9) {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .footer-contact-section {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: min(20px, calc(20 / 1414 * 100vw));
    }

    .qr-code {
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .qr-code img {
        width: min(70px, calc(70 / 1414 * 100vw));
        height: min(70px, calc(70 / 1414 * 100vw));
        /* border-radius: min(6px, calc(6 / 1414 * 100vw)); */
    }

    .contact-team-btn {
        width: min(90px, calc(90 / 1414 * 100vw));
        height: min(32px, calc(32 / 1414 * 100vw));
        font-size: min(11px, calc(11 / 1414 * 100vw));
        flex-shrink: 0;
    }
}
@media (max-width: 1150px) {
    .footer-contact-section{
        display: none;
    }
}
@media (max-width: 810px) {
    .footer-contact{
        display: none;
    }
}
@media (max-width: 480px) {
    /* 修复footer布局，确保没有右侧空白 */
    .footer {
        width: 100%;
        max-width: 100vw;
        left: 0;
        right: 0;
        overflow: hidden;
    }

    .footer-content {
        width: 100%;
        max-width: 100%;
        padding: min(20px, calc(20 / 1414 * 100vw)) min(15px, calc(15 / 1414 * 100vw)) 0;
        height: auto;
        left: 0;
        right: 0;
    }

    .footer-logo-section {
        width: 100%;
        left: 0;
        right: 0;
    }

    .footer-columns {
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
    }

    .footer-section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        left: 0;
        right: 0;
    }

    .footer-contact {
        width: 100%;
    }

    .contact-item img {
        width: min(20px, calc(20 / 1414 * 100vw));
        height: min(20px, calc(20 / 1414 * 100vw));
    }

    .contact-item p {
        font-size: min(14px, calc(14 / 1414 * 100vw));
    }

    .qr-code img {
        width: min(80px, calc(80 / 1414 * 100vw));
        height: min(80px, calc(80 / 1414 * 100vw));
    }

    .contact-team-btn {
        font-size: min(14px, calc(14 / 1414 * 100vw));
        padding: min(8px, calc(8 / 1414 * 100vw)) min(16px, calc(16 / 1414 * 100vw));
    }

    /* 确保footer-divider也占满宽度 */
    .footer-divider {
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
    }
}