footer {
    width: 100%;
    height:120px;   /* footer的高度一定要是固定值*/ 
    position:absolute;
    bottom:0px;
    left:0px;
    background: #9243924b;
    overflow: hidden;
    max-width: 100%;         /* 防止溢出视口 */
    padding: 10px;
    box-sizing: border-box;  /* 包含内边距 */
}
#icp {
    color: white;
    font-weight: 10px;
    text-decoration: none;
}
#pp {
    color: white;
    font-weight: 10px;
    text-decoration: none;
}
#copyright {
    color: #ffffff;
    size: 1cap;
    font: bold;
}

.footer-links {
display: flex;
flex-wrap: wrap;         /* 允许换行 */
gap: 15px;               /* 链接间距 */
justify-content: center; /* 内容居中 */
}
  
.footer-item {
display: inline-flex;    /* 行内弹性容器 */
align-items: center;     /* 垂直居中 */
text-decoration: none;
color: inherit;
white-space: nowrap;     /* 默认不换行 */
}
  
.footer-item img {
max-width: 100%;         /* 图片响应式 */
height: auto;
margin-right: 2%;
}


/* 窄屏适配（小于 600px 时） */
@media (max-width: 600px) {
    .footer-links {
        flex-direction: column; /* 垂直排列 */
        align-items: center;
        gap: 8px;
    }

    .footer-item {
        white-space: normal;   /* 允许文本换行 */
        text-align: center;
        padding: 5px;
        background: #a02828;   /* 可选：增加可视性 */
        border-radius: 4px;
        width: 100%;           /* 撑满容器 */
    }

    #copyright {
        font-size: 0.9em;      /* 缩小字体 */
        word-break: break-word;/* 强制换行 */
    }
}