.main-footer {
    background-color: #F8F9FA; /* 深灰黑色背景，显得高端 */
    color: #fff;
    padding-top: 80px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

/* === 左侧：Logo 区域 === */
.footer-left {
    flex: 0 0 35%; /* 占宽 35% */
    padding-right: 40px;
}

.footer-logo-img {
    height: 60px; /* Logo 高度加大 */
    width: auto;
    object-fit: contain;
    margin-bottom: 25px;
    /* 如果Logo是黑色的，可以用滤镜反白，如果是透明底白色Logo则不需要 */
    /* filter: brightness(0) invert(1); */
    background: #fff; /* 临时给Logo加个白底背景框，防止黑色Logo看不见，如果你有白色Logo可去掉 */
    padding: 5px;
    border-radius: 4px;
}

.footer-slogan {
    font-size: 16px;
    color: #888;
    line-height: 1.8;
    margin-bottom: 30px;
    max-width: 400px;
}

.social-links {
    display: flex;
    gap: 15px;
}

.social-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.3s;
    text-decoration: none;
}
.social-btn:hover {
    background: #007AFF;
    transform: translateY(-3px);
}

/* === 右侧：信息区域 === */
.footer-right {
    flex: 1; /* 占满剩余空间 */
    display: flex;
    justify-content: flex-end; /* 内容靠右对齐 */
    gap: 60px; /* 列间距 */
}

.footer-col {
    min-width: 200px;
}

.footer-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}

/* 标题下的小短线 */
.footer-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background-color: #007AFF;
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-list li {
    margin-bottom: 18px;
    font-size: 15px;
    color: #b0b0b0;
    display: flex;
    align-items: flex-start;
    line-height: 1.6;
}

.contact-list li i {
    color: #007AFF;
    margin-right: 12px;
    margin-top: 4px; /* 图标微调 */
    width: 16px;
    text-align: center;
}

.contact-list li span {
    flex: 1;
}

/* === 底部版权条 === */
.footer-bottom {
    margin-top: 70px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 25px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
}

/* === 响应式 === */
@media (max-width: 992px) {
    .footer-content { flex-direction: column; }
    .footer-left { flex: 0 0 100%; margin-bottom: 50px; }
    .footer-right { flex-direction: column; width: 100%; gap: 40px; }
    .footer-col { width: 100%; }
    .main-footer { padding-top: 50px; }
}