button {
    background-color: #add8e6; /* 初始浅蓝色 */
    border: none;
    color: #fff;
    padding: 10px;
    margin-left: 1em;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    animation: colorChange 5s infinite, fontSizeChange 5s infinite/* 同时应用两个动画 */
}

button:disabled {
    background-color: #d3d3d3; /* 禁用状态下的背景颜色 */
    cursor: not-allowed; /* 禁用状态下的光标 */
    pointer-events: none; /* 禁用按钮点击事件 */
    animation: none; /* 禁用动画效果 */
}
button.nochange {
    background-color: #007bff; /* 禁用状态下的背景颜色 */
    cursor: not-allowed; /* 禁用状态下的光标 */
    animation: none; /* 禁用动画效果 */
}
@keyframes colorChange {
    0% {
        background-color: #add8e6; /* 浅蓝色 */
    }
    100% {
        background-color: #007bff; /* 深蓝色 */
    }
}

@keyframes fontSizeChange {
    0% {
        font-size: 10px;
    }
    100% {
        font-size: 10px;
    }
}