body {
    font-family: Arial, sans-serif; /* 设置页面默认字体 */
    margin: 0; /* 去除页面外边距 */
    padding: 20px; /* 设置页面内边距 */
    background-color: #333; /* 设置背景颜色 */
    color: #fff; /* 设置文本颜色 */
}
.container {
    max-width: 600px; /* 设置最大容器宽度 */
    margin: 0 auto; /* 居中显示容器 */
    position: relative; /* 设置容器定位为相对定位 */
}
.password-form {
    margin-bottom: 20px; /* 设置密码表单与其他元素之间的距离 */
    padding: 20px; /* 设置密码表单内边距 */
    border-radius: 10px; /* 设置密码表单边框圆角 */
    background-color: rgba(255, 255, 255, 0.1); /* 设置密码表单背景颜色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 设置密码表单阴影 */
}
.record-view {
    display: none; /* 默认隐藏密码查看框 */
    position: absolute; /* 设置密码查看框绝对定位 */
    top: 100%; /* 设置密码查看框距离上方的位置 */
    left: 50%; /* 设置密码查看框距离左边的位置 */
    transform: translateX(-50%); /* 水平居中 */
    margin-top: 20px; /* 设置密码查看框与其他元素之间的距离 */
    width: calc(80% + 10px); /* 设置密码查看框宽度 */
    padding: 10px; /* 设置密码查看框内边距 */
    border-radius: 5px; /* 设置密码查看框边框圆角 */
    background-color: rgba(255, 255, 255, 0.1); /* 设置密码查看框背景颜色 */
    resize: none; /* 禁止手动调整大小 */
    overflow: auto; /* 设置自动滚动 */
    max-height: 300px; /* 设置最大高度 */
}
.copy-button {
    display: none; /* 默认隐藏复制按钮 */
    position: absolute; /* 设置复制按钮绝对定位 */
    bottom: 0; /* 设置复制按钮距离底部的位置 */
    right: 0; /* 设置复制按钮距离右侧的位置 */
    margin-bottom: 10px; /* 设置复制按钮与其他元素之间的距离 */
    margin-right: 10px; /* 设置复制按钮与其他元素之间的距离 */
    padding: 10px 20px; /* 设置复制按钮内边距 */
    background-color: #007bff; /* 设置复制按钮背景颜色 */
    border: none; /* 去除边框 */
    border-radius: 5px; /* 设置复制按钮边框圆角 */
    color: #fff; /* 设置复制按钮文本颜色 */
    cursor: pointer; /* 设置鼠标指针为手型 */
}
.password-form div {
    margin-bottom: 15px; /* 设置密码表单项之间的距离 */
}
input[type="checkbox"] {
    margin-right: 5px; /* 设置复选框与文本之间的距离 */
}
button[type="submit"], button[type="button"] {
    padding: 10px 20px; /* 设置按钮内边距 */
    background-color: #007bff; /* 设置按钮背景颜色 */
    border: none; /* 去除边框 */
    border-radius: 5px; /* 设置按钮边框圆角 */
    color: #fff; /* 设置按钮文本颜色 */
    cursor: pointer; /* 设置鼠标指针为手型 */
}
button[type="submit"]:hover, button[type="button"]:hover {
    background-color: #0056b3; /* 设置按钮鼠标悬停时的背景颜色 */
}
textarea {
    width: 100%; /* 设置文本框宽度 */
    resize: none; /* 禁止手动调整大小 */
}
h1 {
    text-align: center; /* 设置标题居中对齐 */
}