.icp{
    height: auto; /* 取消固定高度，适应内容 */
    display: inline-flex; /* 改为inline-flex，仅占用内容宽度 */
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 1.0rem;
    line-height: 1.5;
    padding: 5px 0; /* 上下内边距 */
    box-sizing: border-box;
    flex-wrap: wrap; /* 小屏幕自动换行 */
    gap: 8px; /* 元素间间距 */
    margin: 0 auto; /* 强制块级居中 */
}
.icp a{
    color: #ffffff;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}
.icp a:hover{
    color: #e28b01;
    /*color: #e28b01;*/
}

/* 页脚按钮样式 */
.footer-toggle-btn {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #e28b01;
    color: white;
    border: none;
    padding: 8px 20px;
    font-size: 1rem;
    border-radius: 15px 15px 0 0;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: 1001;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    letter-spacing: 1px;
}

.footer-toggle-btn.active {
    bottom: 50px;
}

.footer-toggle-btn:hover {
    background: #608c52;
    padding-bottom: 15px;
    box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.3);
}

/* 页脚样式 */
.footer {
    position: fixed;
    bottom: -200px;
    left: 0;
    width: 100%;
    height: auto; /* 改为自动高度，适应内容 */
    background: rgba(30, 30, 50, 0.92);
    transition: bottom 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: 1000;
    display: flex; /* 新增：footer自身作为flex容器 */
    justify-content: center; /* 强制水平居中 */
    align-items: center; /* 垂直居中 */
    padding: 10px 0; /* 上下留白，避免内容贴边 */
}

.footer.active {
    bottom: 0;
}

.footer-content {
    max-width: 100%; /* 取消最大宽度限制，确保内容能完整显示 */
    width: 100%;
    padding: 0 20px;
    text-align: center; /* 文本强制居中 */
}


/* 手机端（≤768px）：降低页脚高度，避免遮挡 */
@media (max-width: 768px) {
    .footer {
        height: 80px; /* 原180px→80px，大幅减少遮挡 */
        padding: 0 5px;
    }
    .icp {
        font-size: 0.8rem;
        line-height: 25px; /* 多行显示时降低行高 */
        white-space: normal; /* 允许文字换行 */
    }
    .footer-toggle-btn {
        padding: 6px 12px;
        font-size: 0.8rem;
        bottom: 5px; /* 按钮贴近底部 */
    }
    .footer-toggle-btn.active { bottom: 80px; /* 与页脚高度匹配 */ }
}

/* 超小手机端（≤480px）：进一步压缩文字 */
@media (max-width: 480px) {
    .icp { font-size: 0.7rem; }
    .footer-toggle-btn { font-size: 0.7rem; }
}