.container {
    text-align: center;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center; /* 中心对齐 */
}

.nav {
    text-align: center;
}

.nav a {
    margin: 0 60px; /* 增加间距为原来的三倍 */
    text-decoration: none;
    color: teal;
    font-size: 1.5em; /* 放大字体大小 */
}

form {
    display: block; /* 修改为块级元素 */
    text-align: left;
    width: 80%; /* 确保表单宽度适中 */
    margin: 0 auto; /* 居中对齐 */
}

.form-container {
    display: flex;
    justify-content: center; /* 水平居中对齐 */
    align-items: center; /* 垂直居中对齐 */
    width: 50%; /* 设置宽度为页面宽度的一半 */
    height: 40vh; /* 设置高度为页面高度的40% */
    border: 2px solid #ddd; /* 添加边框 */
    padding: 20px;
    box-sizing: border-box; /* 包括 padding 在内的边框 */
    margin-bottom: 8vh; /* 设置与图片的距离为页面高度的8% */
}

.form-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.form-group label {
    margin-right: 10px;
}

.file-input {
    margin-left: 30px; /* 调整为适当的值，使其与其他输入框对齐 */
}

.image-container {
    display: flex;
    width: 100%; /* 确保图片容器的宽度占据整个页面 */
    margin-top: 0; /* 取消顶部外边距 */
    align-items: center;
}

.image-box {
    text-align: center;
    width: 45%; /* 确保图片盒子宽度合适，使得两张图片水平放置 */
    background-color: #f9f9f9; /* 添加背景色 */
    padding: 10px;
    border: 1px solid #ddd; /* 添加边框 */
    border-radius: 5px; /* 圆角边框 */
    margin: 0 auto;
}

.image-container img {
    width: 100%; /* 根据容器大小自动调整图片大小 */
    height: auto;
}

.image-label {
    color: red;
    margin-bottom: 10px;
    align-items: center;
}

.home-content {
    margin: 0 auto; /* 居中对齐 */
    width: 75%;
}

.home-content p {
    color: rgb(10, 10, 10);
}

.home-content span {
    color: black;
}

.gray-lines {
    border: 2px solid gray;
    width: 80%;
    margin: 0 auto; /* 居中对齐 */
}

.line-gap {
    height: 15vh; /* 设置为页面高度的三分之一 */
    margin: 10px 0; /* 调整间隔的大小 */
}

.placeholder {
    color: black;
    text-align: justify; /* 如果需要对占位文本进行两端对齐 */
}

.submit-btn {
    width: 100%; /* 设置按钮宽度为100% */
    height: 50px; /* 增大按钮高度 */
    background-color: blue;
    color: white;
    font-size: 1.5em; /* 增大字体 */
}

.justified-text {
    text-align: justify;
    margin: 0 auto; /* 居中对齐 */
    line-height: 2;
    width: 70%;
    margin-bottom: 20px; /* 为段落之间增加一些额外的空间 */
    color: black;
}

.center-text {
    text-align: center;
}

.help-title {
    color: red;
    text-align: left;
    font-size: large;
}

.help-content {
    text-align: justify;
    width: 75%;
    color: black;
}

.hotmap {
    margin: 0 auto;  
}

.default-button {
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ccc;
    padding: 5px 10px;
    font-size: 0.8em;
    cursor: pointer;
    margin-bottom: 10px;
}

.default-button:hover {
    background-color: #e0e0e0;
}

.success-message {
    color: #333;
    font-size: 1.1em; /* 设置消息字体大小 */
    line-height: 1.5; /* 设置行高 */
}
.success-link {
    color: blue;
    text-decoration: underline;
    font-size: 1.1em; /* 增大字体大小 */
    cursor: pointer;
}

.success-link:hover {
    color: darkblue;
    text-decoration: none;
}