/* ==================== 页脚动物装饰 ==================== */
#footer-animal {
    position: relative;
    width: 100%;
}

#footer-animal .animal-wall {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 36px;
    max-width: none;
    background: #bcb0a4 url(/meihua/footer/footer_wall.avif) repeat center;
    background-size: auto 100%;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}

#footer-animal img.animal {
    position: relative;
    max-width: min(974px, 100%);
    margin: 0 auto;
    display: block;
}

/* ==================== 页脚主体 ==================== */
#footer {
    position: relative;
    background: #e68282;
    background-attachment: scroll;
    background-position: bottom;
    background-size: cover;
}

#footer-wrap {
    position: relative;
    padding: 40px 20px;
    text-align: center;
    padding: 50px 5% 35px 5%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

#footer-wrap > div {
    width: 50%;
}

/* ==================== 页脚左侧 ==================== */
#footer-left {
    text-align: left;
}

.footer-title {
    font-size: 30px;
    color: #fff;
}

/* ==================== 页脚右侧 ==================== */
#footer-right {
    text-align: right;
    margin-top: auto;
}

#footer-right p,
#footer-right a {
    color: #fff;
}

/* ==================== 回到顶部按钮 ==================== */
.footer-totop {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.footer-totop i {
    font-size: 2rem;
    animation: footerToTop 1.2s linear infinite;
    color: #fff;
}

/* ==================== 页脚信息与友情链接 ==================== */
.footer-info a {
    margin-left: 20px;
    transition: 0.2s;
    text-decoration: none;
}

.footer-info a:hover img {
    filter: none !important;
    transition: 0.2s;
}

.footer-service img {
    height: 30px;
    filter: brightness(1000%);
    margin-left: 20px;
    margin-top: 10px;
    transition: 0.2s;
}

.footer-service img:hover {
    filter: brightness(100%);
    transition: 0.2s;
}

/* ==================== 回到顶部动画 ==================== */
@keyframes footerToTop {
    0% {
        transform: translateY(0);
    }
    60% {
        transform: translateY(-25%);
    }
    100% {
        transform: translateY(0);
    }
}

/* ==================== 页脚文字 ==================== */
.wordcount {
    color: #F8F9F9;
}

/* ==================== 响应式适配 ==================== */

/* 平板及以下（≤768px） */
@media screen and (max-width: 768px) {
    #footer-wrap > div {
        width: 100%;
        text-align: center;
    }

    .wordcount {
        margin: 0 auto;
    }
}

/* 中等屏幕（≤1023px） */
@media screen and (max-width: 1023px) {
    #footer-animal .animal-wall {
        height: 4vw;
    }

    .wordcount {
        width: 100%;
        margin: 10px 0;
        padding: 0 5px;
        color: #F8F9F9;
        text-align: justify;
        text-align-last: center;
        line-height: 1.6;
        box-sizing: border-box;
    }
}

/* 大屏幕（≥998px） */
@media screen and (min-width: 998px) {
    .wordcount {
        width: 70%;
    }
}