.part1 {
    display: flex;
    gap: 50px; /* 增加间距 */
    justify-content: center; 
    margin: 20px auto; /* 居中并增加外边距 */
    flex-wrap: wrap; /* 允许换行，增强响应式 */
    max-width: 1200px; /* 设置最大宽度 */
}

.sample, .post-form {
    width: 100%;
    max-width: 500px; /* 设置最大宽度 */
    border-radius: 15px;
    background-color: #fedd6b;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box; /* 包括内边距和边框在内 */
}

.sample h2 {
    margin-top: 0;
}

.sample h3 {
    color: #555;
}

.sample p {
    font-size: 14px;
    color: #777;
}

.post-form textarea {
    width: 100%;
    height: 150px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    resize: vertical; /* 允许垂直调整大小 */
    box-sizing: border-box;
}

.btn-group {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.btn-group select, .btn-group button {
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
}

.btn-group select {
    margin-right: 10px;
}

.btn-group button {
    background-color: #007BFF;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-group button:hover {
    background-color: #0056b3;
}


/* 容器样式 */
.part2 {
    border: 2px solid #ccc; /* 边框粗细 */
    border-radius: 10px; /* 圆角 */
    padding: 20px; /* 内边距 */
    background-color: #f9f9f9; /* 背景颜色 */
    max-width: 600px; /* 最大宽度 */
    margin: 0 auto; /* 居中 */
    margin-top: 100px; 
    margin-bottom: 50px;

}

/* 表单样式 */
.search-form {
    display: flex;
    align-items: center;
}

/* 输入框样式 */
.search-input {
    flex: 1; /* 输入框占据剩余空间 */
    padding: 10px;
    border: 2px solid #ccc; /* 边框粗细 */
    border-radius: 5px 0 0 5px; /* 圆角 */
    font-size: 16px;
}

/* 按钮样式 */
.search-button {
    padding: 10px 20px;
    border: 2px solid #fedd6b;; /* 按钮边框颜色 */
    background-color: #fedd6b; /* 按钮背景颜色 */
    color: rgb(0, 0, 0); /* 按钮文字颜色 */
    border-radius: 0 5px 5px 0; /* 圆角 */
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.search-button:hover {
    background-color: #dea300; /* 悬停时的背景颜色 */
}


.part3 {

    display: flex;
    flex-direction: column;
    align-items: center;
    
}
    
.region {
    
    padding-bottom: 50px;
    width: 82%; 
    
}
    
.post-list {
    border-radius: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fedd6b;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}