/* Global reset for html and body */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Container styles */
.container {
    text-align: center;
    margin-top: 50px;
}

/* List styles */
ul {
    list-style-type: none;
    padding: 0;
}

li {
    display: inline-block;
    margin: 10px;
}

/* Button styles */
a.button {
    display: flex;
    align-items: top;
    justify-content: center;
    width: 200px;
    height: 450px;
    border: 2px solid transparent;
    border-radius: 20px;
    margin-right: 20px;
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease;
    opacity: 1;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 1);
    text-align: center;
    font-size: 20px;
    padding: 10px;
    line-height: 2.5;
    padding-top: 50px; /* 增加顶部内边距 */
}

a.button.chinese {
    font-family: "楷体", KaiTi, serif; /* 指定楷体字体 */
    font-size: 25px;
}

a.button.english {
    font-family: 'Times New Roman', Times, serif;
    font-size: 25px;
}

a.button.french {
    font-family: Georgia, 'Century Schoolbook', Times, serif;
    font-size: 25px;
}

a.button.russian {
    font-family: "Arial", sans-serif;
    font-size: 19px;
}

a.button.AI {
    background-color: #ae5dff;
}

a.button.science {
    background-color: #00d0ff;
}

a.button.humanity {
    background-color: #b90000;
}

a.button.finance {
    background-color: #ab61ff;
}

a.button.diaries {
    background-color: #708f00;
}

a.button:hover {
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Footer styles */
footer {
    width: 100%;
    margin: 0; /* 移除 margin */
    padding: 20px;
    background-color: #ffea00;
    text-align: left;
    font-size: 16px;
    position: relative; /* 确保 footer 的定位 */
    box-sizing: border-box; /* 包含内边距和边框 */
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 9px solid #ffffff;
    border-radius: 0; /* 确保没有圆角 */
}



.footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 750px; /* 限制最大宽度，包括箭头 */
}

.footer-content {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    width: 70%; /* 设置宽度 */
    max-width: 650px; /* 限制最大宽度 */
    margin: 0; /* 去除内外边距 */
}

.footer-content.show {
    display: block;
    opacity: 1;
}

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

.footer-links {
    margin-right: 20px;
}

.footer-links a {
    text-decoration: none;
    color: blue;
    margin-right: 10px;
}


.chinese-text {
    font-family: "楷体", KaiTi, serif;
}

.english-text {
    font-family: 'Times New Roman', Times, serif;
}

.french-text {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.russian-text {
    font-family: Arial, sans-serif;
}

.arrow {
    cursor: pointer;
    font-size: 24px;
    user-select: none;
    padding: 0 10px; /* 缩小内边距 */
}


#footer-zh {
    display: block;
}



/* Default background image */
body {
    background-color: #fef7a7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='240' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='4.3' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
  }