body {
    font-family: Arial, sans-serif; /* 设置全局字体 */
    background-color: #121212; /* 设置页面背景颜色为深色 */
    color: #ffffff; /* 设置字体颜色为白色 */
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 设置页面高度为视口高度 */
    margin: 0; /* 去掉默认的页面外边距 */
}

.container {
    background-color: #1f1f1f; /* 设置容器背景颜色为深灰色 */
    padding: 40px 20px; /* 设置容器内边距 */
    border-radius: 8px; /* 设置容器圆角 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* 设置容器的阴影效果 */
    width: 600px; /* 设置容器的宽度 */
    text-align: center; /* 设置容器内文本居中 */
}

h1 {
    font-size: 24px; /* 设置标题字体大小 */
    margin-bottom: 15px; /* 设置标题与下方元素的间距 */
    color: #ffffff; /* 设置标题的字体颜色 */
}

textarea {
    width: 560px; /* 设置文本区域的宽度 */
    height: 100px; /* 设置文本区域的高度 */
    margin-bottom: 20px; /* 设置文本区域与下方元素的间距 */
    padding: 15px; /* 设置文本区域的内边距 */
    border: 1px solid #333333; /* 设置文本区域的边框颜色 */
    border-radius: 4px; /* 设置文本区域的圆角 */
    background-color: #2c2c2c; /* 设置文本区域的背景颜色 */
    color: #ffffff; /* 设置文本区域的字体颜色 */
    font-size: 16px; /* 设置文本区域的字体大小 */
    resize: none; /* 禁用文本区域的拉伸功能 */
}

.buttons {
    margin-bottom: 20px; /* 设置按钮组与下方元素的间距 */
    display: flex; /* 使用Flexbox布局让按钮并排显示 */
    justify-content: center; /* 让按钮在容器内水平居中 */
    gap: 10px; /* 设置按钮之间的间距 */
    display: flex; /* 使按钮和标签内的内容居中 */
    font-size: 16px; /* 设置按钮和自定义文件标签的字体大小 */
    height: 46px; /* 设置按钮和自定义文件标签的高度，使其一致 */
}

button, .file-label {
    padding: 10px 20px; /* 设置按钮和自定义文件标签的内边距 */
    margin: 0; /* 去掉按钮和自定义文件标签的外边距 */
    border: none; /* 去掉按钮和自定义文件标签的边框 */
    border-radius: 4px; /* 设置按钮和自定义文件标签的圆角 */
    background-color: #007BFF; /* 设置按钮和自定义文件标签的背景颜色 */
    color: white; /* 设置按钮和自定义文件标签的字体颜色 */
    cursor: pointer; /* 设置鼠标悬停时的指针样式 */
    font-size: 16px; /* 设置按钮和自定义文件标签的字体大小 */
    display: flex; /* 使按钮和标签内的内容居中 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

button:hover, .file-label:hover {
    background-color: #0056b3; /* 设置按钮和自定义文件标签悬停时的背景颜色 */
}

/* 隐藏默认的文件输入框 */
input[type="file"] {
    display: none; /* 隐藏默认的文件输入框 */
}
