/* 页脚 */
.footer_custom_text a{
    margin:0 5px;
}

#footer::before{
    content:none;
}

#footer-wrap{
    color: #FFFFFFB3;
    padding:50px 5% 35px 5%;
    display:flex;
    flex-wrap:wrap;
    background:var(--june-theme);
    position:relative;
}

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

#footer-left{
    text-align:left
}

.footer-title{
    font-size:1.5rem;
    font-weight:bold;
}

.footer-copyright{
    font-size:1rem;
    font-weight:normal;
}

#footer-wrap .footer-button {
    display: flex;
    margin: 15px 0;
}

#footer-wrap .footer-button > a {
    font-size: 1.3rem;
    margin-right:24px;
    transition: 0.2s;
    background: #566573;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    color: white;
    transition:0.2s;
}

#footer-wrap .footer-button > a:hover{
    background: #FFFFFFB3;
    transition:0.2s;
}

#footer-wrap .footer-button > a i{
    margin:auto;
    line-height:42px;
    transition:0.2s;
}

#footer-wrap .iconfont{
    font-size:1.3rem;
}

#footer-right {
    text-align: right;
    height: max-content;
    margin-top: auto;
}

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

.footer-totop {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

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

.footer-info p{
    font-size:14px;
    margin:0;
}

.footer-info a{
    margin-left:20px;
    transition:0.2s;
}

.footer-info a:hover{
    color: #0E6B89 !important;
    transition:0.2s;
}

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

.footer-service img {
    height: 20px;
    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);
    }
}

@media screen and (max-width:768px) {
    #footer-wrap > div {
        width: 100%;
        text-align:center;
    }

    #footer-wrap .footer-button > a{
        margin:0 auto;
    }
}

/* ===== 方案一：Flexbox 推底（推荐） ===== */
/* 让 body 占满视口高度，并纵向排布 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

/* #page 作为中间容器，同样纵向排布并自动撑满 */
#page {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 100vh;
}

/* 主要内容区域：自动占据剩余空间，把页脚推下去 */
#content-wrap,        /* Butterfly 常用 */
#main,                /* 备选 */
.main-content,        /* 备选 */
.post-content {       /* 备选 */
  flex: 1 0 auto;
}

/* 页脚容器：禁止收缩，确保始终在底部 */
div#foot-wrap {
  flex-shrink: 0;
  /* 可保留原样式，无需额外改动 */
}
/*************分类标签页面页脚的修改******************/
body.is-banner_img #body-wrap.page {
  background: #121212 !important;
}
body.tags #body-wrap.page {
  background: #121212 !important;
}
.footer-service img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}
/* hover沿用你之前自定义的滤镜配色 */
.footer-service img:hover{
  filter: brightness(0) saturate(100%) invert(34%) sepia(74%) saturate(748%) hue-rotate(162deg) brightness(95%) contrast(91%);
}
body.is-banner_img #body-wrap.page {
    background: var(--theme-color-blue) !important;
  }
[data-theme="light"] {
  body.is-banner_img #body-wrap.page {
    background: var(--theme-color-blue) !important;
  }
  body.is-banner_img #footer-wrap {
    color: var(--text-color);
  }
  body.is-banner_img #footer-right p{
    color: var(--text-color);
  }
  body.is-banner_img #footer-right a{
    color: var(--text-color);
  }
  body.is-banner_img .footer-service img {
  /* 目标色 #4c4948，rgb(76,73,72) */
    filter: brightness(0) saturate(100%) invert(22%) sepia(3%) saturate(300%) hue-rotate(354deg) brightness(92%) contrast(91%);
  }
  body.is-banner_img .footer-service img:hover{
    filter: brightness(0) saturate(100%) invert(34%) sepia(74%) saturate(748%) hue-rotate(162deg) brightness(95%) contrast(91%);
  }
}