/* 新页脚样式 - 基于Figma设计 */
.new-footer {
    background-color: #000000;
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320422(1)_1769759163359.png');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffffff;
    /* padding: 60px 0 40px; */
    position: relative;
    overflow: hidden;
    min-height: 700px;
    padding-top: 100px;
}

/* 保持1920:700的宽高比 */
@media (max-width: 1920px) {
    .new-footer {
        background-size: cover;
        min-height: calc(100vw * 700 / 1920);
    }
}

@media (max-width: 768px) {
    .new-footer {
        min-height: calc(100vw * 700 / 1920);
        padding: 40px 0 30px;
    }
}

.new-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: #000000; */
    /* background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); */
    pointer-events: none;
}

.footer-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

/* Logo区域 */
.footer-logo {
    text-align: center;
    margin-bottom: 40px;
}

.footer-logo-img {
    height: 35px;
    width: auto;
}

/* 导航链接区域 */
.footer-nav {
    display: flex;
    /* justify-content: space-between; */
    margin-bottom: 50px;
    gap: 90px;
    flex: 1;
    max-width: 800px;
    /* margin-left: 60px; */
}

.footer-nav-column h4 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #ffffff;
    line-height: 32px;
}

.footer-nav-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav-column li {
    margin-bottom: 10px;
}

.footer-nav-column a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    line-height: 44px;
    /* opacity: 0.8; */
    transition: opacity 0.3s ease;
}

.footer-nav-column a:hover {
    opacity: 1;
}

/* 联系方式和二维码区域 */
.footer-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    margin-left: auto;
}

.footer-contact-info h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 32px;
}

.footer-contact-info p {
    font-size: 16px;
    color: #ffffff;
    margin: 0;
}

.footer-qrcode {
    display: flex;
    gap: 50px;
    text-align: center;
}

.qrcode-img {
    width: 120px;
    height: 120px;
    /* border-radius: 8px; */
    margin-bottom: 10px;
}

.footer-qrcode p {
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    line-height: 44px;
}

/* 主要内容区域 - 水平布局 */
.footer-main-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 110px;
}

/* 社交媒体图标 */
.footer-social {
    display: flex;
    justify-content: end;
    gap: 32px;
    margin-bottom: 30px;
}

.social-icon {
    width: 24px;
    height: 24px;
    /* background-color: rgba(255, 255, 255, 0.6); */
    border-radius: 4px;
    transition: background-color 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.social-icon.wechat {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320423_1768887883362.png');
}

.social-icon.qq {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320424_1768888237291.png');
}

.social-icon.douyin {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320425_1768888533761.png');
}

.social-icon.weibo {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320426_1768888583023.png');
}

.social-icon.kuaishou {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/快手1(1)_1768888659534.png');
}

.social-icon.xiaohongshu {
    width: 42px;
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320428_1768888697171.png');
}

.social-icon.zhihu {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320429_1768888741351.png');
}

.social-icon.toutiao {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320430_1768888779835.png');
}

.social-icon.facebook {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320431_1768888795253.png');
}

.social-icon.linkedin {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320432_1768888966015.png');
}

.social-icon.youtube {
    width: 45px;
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320433_1768888983455.png');
}

.social-icon.instagram {
    background-image: url('https://zhink.oss-cn-hangzhou.aliyuncs.com/temp/Frame427320434_1768889012548.png');
}

.social-icon:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

/* 版权信息 */
.footer-copyright {
    text-align: center;
    position: relative;
}

.copyright-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* margin-bottom: 30px; */
    margin-top: 20px;
}

.copyright-left {
    text-align: left;
    font-family: HarmonyOS Sans SC;
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    letter-spacing: 0%;

}

/* .copyright-left p {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.6;
    margin: 0;
    line-height: 32px;
} */

.copyright-right {
    text-align: right;
    font-family: HarmonyOS Sans SC;
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    color: #fff;

    line-height: 32px;
    letter-spacing: 0%;

}

/* .copyright-right p {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.6;
    margin: 0;
    line-height: 32px;
} */

.copyright-line {
    width: 1260px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 auto;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .footer-main-content {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .footer-nav {
        flex-direction: column;
        gap: 30px;
        margin-left: 0;
        max-width: 100%;
        text-align: center;
    }

    .footer-contact {
        align-items: center;
        text-align: center;
    }

    .footer-social {
        flex-wrap: wrap;
        gap: 20px;
    }

    .copyright-content {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .copyright-line {
        width: 100%;
    }
}