/* =========================
   FOOTER 基础
========================= */
.footer{
    background:#f5f5f5;
    color:#111;
    margin-top:120px;
}

/* =========================
   内部容器（和header统一宽度）
========================= */
.footer-inner{
    max-width:1400px;
    margin:0 auto;

    padding:80px 60px;

    display:flex;
    justify-content:space-between;
    gap:80px;
}

/* =========================
   品牌区
========================= */
.footer-brand h2{
    font-size:20px;
    letter-spacing:3px;
    margin-bottom:20px;
}

.footer-brand p{
    font-size:14px;
    color:#666;
    max-width:300px;
    line-height:1.6;
}

/* =========================
   链接区
========================= */
.footer-links{
    display:flex;
    gap:80px;
}

.footer-col{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.footer-col h4{
    font-size:12px;
    letter-spacing:1px;
    margin-bottom:10px;
    color:#666;
}

.footer-col a{
    text-decoration:none;
    font-size:14px;
    color:#111;
    opacity:0.8;
    transition:0.3s;
}

.footer-col a:hover{
    opacity:1;
}

/* =========================
   底部
========================= */
.footer-bottom{
    border-top:1px solid rgba(0,0,0,0.08);
    text-align:center;
    padding:20px;
    font-size:13px;
    color:#777;
}

/* =========================
   移动端
========================= */
@media(max-width:768px){

    .footer-inner{
        flex-direction:column;
        gap:40px;
        padding:60px 20px;
    }

    .footer-links{
        flex-direction:column;
        gap:30px;
    }
}