.md5-container {
    max-width: 1000px; /* 设置容器最大宽度 */
    margin: 20px auto; /* 居中对齐并增加上边距 */
    padding: 40px; /* 内边距 */
    background-color: #ffffff; /* 背景颜色 */
    border-radius: 10px; /* 圆角效果 */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}

.md5-title {
    font-size: 30px; /* 标题字体大小 */
    font-weight: bold; /* 加粗 */
    text-align: center; /* 居中对齐 */
    margin-bottom: 20px; /* 下边距 */
}

.md5-description {
    font-size: 16px; /* 描述字体大小 */
    text-align: center; /* 居中对齐 */
    margin-bottom: 30px; /* 下边距 */
    color: #666; /* 描述字体颜色 */
}

.md5-input-group {
    display: flex; /* 使用弹性布局 */
    justify-content: center; /* 居中对齐 */
}

.md5-form-control {
    flex: 1; /* 输入框占据剩余空间 */
    padding: 15px; /* 输入框内边距 */
    font-size: 16px; /* 字体大小 */
    border: 1px solid #ddd; /* 输入框边框颜色 */
    border-radius: 5px; /* 输入框圆角 */
    transition: border-color 0.3s; /* 边框颜色过渡效果 */
}

.md5-form-control:focus {
    border-color: #007bff; /* 输入框聚焦时的边框颜色 */
    outline: none; /* 去掉默认聚焦轮廓 */
}

.md5-btn-primary {
    padding: 0 15px; /* 按钮内边距 */
    background-color: #2655ff; /* 按钮背景色 */
    color: white; /* 按钮文字颜色 */
    border: none; /* 去掉按钮边框 */
    border-radius: 5px; /* 按钮圆角 */
    cursor: pointer; /* 鼠标指针样式 */
    height: 45px; /* 设置按钮高度 */
    margin-left: 5px; /* 按钮左边距 */
    transition: background-color 0.3s; /* 鼠标悬停效果 */
    display: flex; /* 使按钮内容居中 */
    align-items: center; /* 垂直居中对齐按钮内容 */
}

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

.md5-alert {
    margin-top: 20px; /* 提示框上边距 */
    padding: 15px; /* 提示框内边距 */
    border-radius: 5px; /* 提示框圆角 */
    background-color: #e9f7fe; /* 提示框背景色 */
    color: #31708f; /* 提示框字体颜色 */
    border: 1px solid #bce8f1; /* 提示框边框颜色 */
}