body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #f0f7f9; /* 更自然的背景颜色 */
            font-family: Arial, sans-serif; /* 使用常见字体 */
            flex-direction: column; /* 元素垂直居中排列 */
        }

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

button {
    margin: 10px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #4CAF50; /* 绿色 */
    color: white;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease; /* 添加悬停效果 */
}

button:hover {
    background-color: #45a049; /* 绿色，悬停时稍微加深 */
}
        .reminder {
            font-size: 14px; /* 稍微小一些的字体 */
            color: #ff5555; /* 红色文本 */
            position: absolute; /* 绝对定位 */
            bottom: 20px; /* 距离底部的距离 */
            left: 50%; /* 水平居中 */
            transform: translateX(-50%); /* 水平居中 */
        }