/* 全局样式 */
body {
    font-family: 'Arial', sans-serif; /* 字体 */
    margin: 0;
    padding: 0;
    background-color: #f5f5f5; /* 背景色 */
}

/* 容器样式 */
.container {
    max-width: 600px; /* 最大宽度 */
    margin: 20px auto; /* 居中 */
    padding: 20px; /* 内边距 */
    background-color: white; /* 背景色 */
    border-radius: 10px; /* 圆角 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* 阴影 */
    text-align: center; /* 文本居中 */
}

/* 标题样式 */
h1, h2 {
    color: #333; /* 字体颜色 */
    margin-bottom: 20px; /* 下边距 */
}

/* 表单样式 */
form {
    margin: 20px 0; /* 上下边距 */
}

/* 文件输入样式 */
input[type="file"] {
    padding: 10px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    border: 1px solid #ccc; /* 边框 */
    background-color: #f0f0f0; /* 背景色 */
    cursor: pointer; /* 鼠标样式 */
}

/* 提交按钮样式 */
button {
    padding: 10px 20px; /* 内边距 */
    background-color: #007bff; /* 背景色 */
    color: white; /* 字体颜色 */
    border-radius: 5px; /* 圆角 */
    border: none; /* 无边框 */
    cursor: pointer; /* 鼠标样式 */
    transition: background-color 0.3s; /* 过渡效果 */
}

button:hover {
    background-color: #0056b3; /* 鼠标悬停时的背景色 */
}

/* 上传结果 */
#upload-result {
    margin-top: 20px; /* 上边距 */
    color: #333; /* 字体颜色 */
    font-weight: bold; /* 字体加粗 */
}

/* 音频控件样式 */
audio {
    width: 100%; /* 宽度占满 */
    margin-top: 20px; /* 上边距 */
    border: 1px solid #ddd; /* 边框 */
    border-radius: 5px; /* 圆角 */
}