#heo-footer {
        margin-bottom: 1rem;
      }
      #heo-footer {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 1200px;
        margin: 1rem auto;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 3rem;
        padding: 0 1rem;
      }
      #heo-footer .footer-group {
        min-width: 120px;
      }
      #heo-footer .footer-title {
        color: rgba(60, 60, 67, 0.8);
        margin-left: 8px;
        font-size: 1.5em;
      }
      #heo-footer .footer-links {
        display: flex;
        flex-direction: column;
      }
      #heo-footer .footer-item {
        font-size: 1rem;
        line-height: 0.8rem;
        margin: 4px 0;
        color: #363636;
        margin-right: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 120px;
        padding: 8px;
        border-radius: 12px;
      }
      #footer-banner {
        padding: 1rem;
        color: #363636;
        background: #f7f7f9;
        display: flex;
        overflow: hidden;
        transition: 0.3s;
        border-top: 1px solid #e3e8f7;
      }
      #footer-banner .footer-banner-links {
        display: flex;
        justify-content: space-between;
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        flex-wrap: wrap;
        align-items: center;
        line-height: 1;
      }
      #footer-banner .footer-banner-left {
        display: flex;
        flex-wrap: wrap;
        min-height: 32px;
        align-items: center;
      }
      .footer-banner-right {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center;
        align-content: space-around;
      }
      #footer-banner .footer-banner-link {
        margin: 0 4px;
        color: #363636;
        font-size: 0.8rem;
        font-weight: 700;
        white-space: nowrap;
        padding: 8px;
        border-radius: 12px;
        line-height: 1;
      }
      /* 尾页样式 */
      footer {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        position: relative;
        margin-top: 10vh;
        z-index: 1;
      }
      footer::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: -1;
        position: absolute;
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0) 0%,
          #fff 25%
        );
      }
      footer.dark {
        background: black;
      }
      footer.dark::before {
        background: black;
      }
      footer.dark #heo-footer .footer-group .footer-title {
        color: #7b99b1;
      }
      #footer-banner.dark {
        background: black;
        color: white;
      }
      
      #footer-animal {
        position: relative;
        width: 100%;
        margin-top: 1rem;
      }
      #footer-animal .animal-wall {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 36px;
        max-width: none;
        background: #bcb0a4 url(/static/img/dwy1.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, 100vw);
        margin: 0 auto;
        display: block;
      }
      #ghbdages {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .github-badge {
        color: inherit;
        text-decoration: inherit;
        text-align: center;
      }
      #ghbdages .github-badge img {
        height: 20px;
        max-width: 150px;
        border-radius: 4px;
        pointer-events: none;
      }
       /* 新增移动端样式 */
  @media (max-width: 768px) {
    #footer-animal .animal-wall {

    height: 20px;
    }
     footer {
      display: none !important;
    }
    #ghbdages{
        margin-top: 30px !important;
    }
    #daysCounterDiv{
        margin-top: 30px !important;
    }
    #heo-footer {
      flex-direction: column;
      padding: 0 1rem;
      margin-bottom: 1rem;
    }
    
    #heo-footer .footer-group {
      width: 100%;
      margin-bottom: 1.5rem;
    }
    
    #heo-footer .footer-title {
      font-size: 1.2rem;
      margin-left: 0;
    }
    
    #heo-footer .footer-item {
      font-size: 1rem;
      padding: 10px;
      max-width: 100%;
      margin: 6px 0;
    }

    /* 徽章布局优化 */
    #ghbdages {
      width: 100% !important;
      flex-wrap: wrap;
      gap: 8px;
    }
    
    .github-badge img {
      max-width: 130px !important;
      height: 18px !important;
    }

    /* 底部备案信息优化 */
    #footer-banner {
      padding: 0.8rem;
    }
    
    .footer-banner-links {
      flex-direction: column;
      gap: 1rem;
    }
    
    .footer-banner-link {
      font-size: 0.7rem !important;
      padding: 6px !important;
    }
    
    .cloud img {
      height: 16px !important;
    }
  }