.footer_mini_logo {
    width: 50px;
    height: 50px;
    margin: 0 1rem;
    cursor: pointer;
    /*transition: cubic-bezier(0,0,0,1.29) .5s;*/
    -webkit-user-select: none;
    border-radius: 50px;
    overflow: hidden;
}
#footer-bar {
    color: #363636;
    /* margin-top: 1rem; */
    /*background: var(--main-bg-color);*/
    display: flex;
    overflow: hidden;
    /*transition: .3s;*/
/*     border-top: 1px solid #e3e8f7; */
    width: 100%;
    
}
/* 手机端隐藏 */
@media screen and (max-width: 768px) {
  #footer-bar,
  #footer-bar * {  /* 隐藏整个footer-bar及其所有子元素 */
    display: none !important;
  }
  
  /* 确保底部footer可见 */
  #footer {
    display: block !important;
  }
}

#footer-bar .footer-bar-links {
    display: flex;
    justify-content: space-between;
    max-width: var(--mian-max-width);
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    padding: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#footer-bar .footer-bar-left {
    display: flex;
    flex-wrap: wrap;
    min-height: 32px;
    align-items: center;
}
div#footer-bar-tips {
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.copyright {
    display: flex;
    flex-direction: row;
    align-items: center;
  color: var(--key-color);
}
.footer-bar-link .author-avatar {
    width: 20px;
    border-radius: 20px;
    min-height: 20px;
    min-width: 20px;
}
#footer-bar .beian-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--key-color);
}
#footer-bar .beian-group .footer-bar-link {
    font-weight: 400;
    color: var(--key-color);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 3px;
}
img.beian-icon {
    height: 14px;
    min-width: 13px;
    min-height: 14px;
}
.status-light {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #99999996;
    display: flex;
    align-items: center;
    justify-content: center;
}
.allsite_ok .status-light {
    background: #57bd6a56;
    display: flex;
    align-items: center;
    justify-content: center;
  animation: breathing 2s infinite;
  animation: status-pulse-normal 2s infinite;
}
.status-light::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #57bd6a;
}
.allsite_ok .status-light::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #57bd6a;
}
#allsite_status.allsite_ok:hover span {
    color: #57bd6a;
}
/*#footer-bar .beian-group .footer-bar-link span {*/
/*    transition: .3s;*/
/*}*/
.footer-bar-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#footer-bar .footer-bar-link {
    /*margin: 0 4px;*/
    color: var(--key-color);
    white-space: nowrap;
    padding: 4px;
    border-radius: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}
#footer-bar .footer-bar-link.cc {
    margin-right: 0;
}
/*#footer-bar .footer-bar-link.cc i {
    font-size: 18px;
}*/
#footer-bar .footer-bar-link.cc {
    margin-right: 0;
}
.footer-links {
    max-width: var(--mian-max-width);
    color: var(--key-color);
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: 1rem;
    gap: 5px;
    margin: 0 auto;
    border-bottom: 1px solid var(--footer-color);
}
a.links {
    color: var(--key-color);
}
@media (hover: hover) {
  #footer-bar .footer-bar-link:hover {
      color: #425AEF;
      background: #4259EF23;
  }
  #footer-bar .footer-bar-link.allsite_ok {
      background: 0 0;
  }
  #footer-bar .beian-group a:hover {
      background: 0 0;
  }
  #footer-bar .footer-bar-right a:hover {
      color: #425AEF!important
  }
  .footer-links a:hover {
      color: #425AEF!important
  }
  a.deal_link:hover {
      color: var(--main-bg-color);
      background: #425AEF!important;
      transform: scale(1.1);
  }
}

@media screen and (max-width:430px) {
    a.deal_link {
        margin: .12rem;
    }
    #footer-bar .footer-bar-links {
        gap: 8px;
    }
}