body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f2f2f2; /* 设置页面背景颜色 */
        }
        
        .container {
            max-width: 800px; /* 设置容器最大宽度 */
            margin: 0 auto; /* 居中 */
            padding: 20px; /* 内边距 */
            background-color: #def; /* 容器背景颜色 */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 设置阴影 */
            text-align: center; /* 文字居中 */
        }
        
        .password-container {
            margin-bottom: 10px; /* 增加密码框之间的间距 */
            display: flex; /* 使用 Flex 布局 */
            align-items: center; /* 垂直居中 */
            justify-content: space-between; /* 左右分布 */
        }
        
        .password {
            /*display: inline-block;
            padding: 10px;
            background-color: #f9f9f9; /* 密码框背景颜色 */
            /*border-top-left-radius: 5px; /* 左上圆角 */
            /*border-bottom-left-radius: 5px; /* 左下圆角 */
            /*border-right: none; /* 去除右边框 */
            /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* 阴影 */
            
            padding: 7px 10px;
            background-color: dodgerblue; /* 按钮背景颜色 */
            color: #000000; /* 按钮文字颜色 */
            border: none; /* 去除边框 */
            border-radius: 5px; /* 圆角 */
            cursor: pointer;
            transition: background-color 0.3s ease; /* 过渡效果 */
            border-top-right-radius: 0; /* 右上圆角 */
            border-bottom-right-radius: 0; /* 右下圆角 */
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* 阴影 */
            background-color: #f9f9f9; /* 密码框背景颜色 */
        }

        .password-text {
            flex: 1; /* 占据剩余空间 */
            border: 1px solid #ccc; /* 边框 */
            border-radius: 0px; /* 圆角 */
            /*margin-left: -1px; /* 左边距为负值以覆盖掉左边框 */
            flex: 1;
            padding: 10px;
            border: none;
            border-radius: 0 0 0 0;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 设置阴影 */
        }

        .copy-button {
            padding: 9px 20px;
            background-color: dodgerblue; /* 按钮背景颜色 */
            color: #fff; /* 按钮文字颜色 */
            border: none; /* 去除边框 */
            border-radius: 5px; /* 圆角 */
            cursor: pointer;
            transition: background-color 0.3s ease; /* 过渡效果 */
            border-top-left-radius: 0; /* 右上圆角 */
            border-bottom-left-radius: 0; /* 右下圆角 */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 设置阴影 */
        }

        .copy-button:hover {
            background-color: #007bff; /* 鼠标悬停时的背景颜色 */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 设置阴影 */
        }

        .copy-all-button {
            margin-top: 20px; /* 增加一键复制按钮与密码框之间的间距 */
            margin-bottom: 20px; /* 增加一键复制按钮与下方内容之间的间距 */
            padding: 10px 20px;
            background-color: dodgerblue; /* 按钮背景颜色 */
            color: #fff; /* 按钮文字颜色 */
            border: none; /* 去除边框 */
            border-radius: 5px; /* 圆角 */
            cursor: pointer;
            transition: background-color 0.3s ease; /* 过渡效果 */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 设置阴影 */
        }

        .copy-all-button:hover {
            background-color: #007bff; /* 鼠标悬停时的背景颜色 */
        }
#searchForm {
    /* 设置搜索表单样式 */
    align-items: center; /* 垂直居中 */
    width: 600px; /* 设置宽度 */
    margin: 0 auto; /* 水平居中 */
    padding: 15px 15px; /* 添加上下内边距 */
}

#searchInput {
    flex: 1; /* 占据剩余空间 */
    padding:  10px; /* 内边距 */
    border: none; /* 去除边框 */
    border-radius: 5px 0 0 5px; /* 圆角 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 设置阴影 */
    transition: background-color 0.3s ease; /* 过渡效果 */
}

#searchButton {
    padding: 10px 20px; /* 按钮内边距 */
    background-color: dodgerblue; /* 按钮背景颜色 */
    color: #fff; /* 按钮文字颜色 */
    border: none; /* 去除边框 */
    border-radius: 5px 5px 5px 5px; /* 圆角 */
    cursor: pointer; /* 光标样式 */
    transition: background-color 0.3s ease; /* 过渡效果 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 设置阴影 */
}

#searchButton:hover {
    background-color: #007bff; /* 鼠标悬停时的背景颜色 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 设置阴影 */
}

#searchInputwq{
    flex: 1; /* 占据剩余空间 */
    padding: 10px; /* 内边距 */
    border: none; /* 去除边框 */
    border-radius: 5px 0 0 5px; /* 圆角 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 设置阴影 */
}

.search-select {
    flex: 1;
    padding: 9px; /* 内边距 */
    border: none; /* 去除边框 */
    border-radius: 0 5px 5px 0; /* 圆角 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 设置阴影 */
    transition: background-color 0.3s ease; /* 过渡效果 */
}

.search-input {
    padding: 10px; /* 内边距 */
    border: none; /* 去除边框 */
    border-radius: 5px 5px 5px 5px; /* 圆角 */
    width: 20%; /* 设置宽度 */
    transition: background-color 0.3s ease; /* 过渡效果 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 设置阴影 */
}

.search-input2 {
    padding: 10px; /* 内边距 */
    border: none; /* 去除边框 */
    border-radius: 5px 5px 5px 5px; /*圆角 */
    width: 20%; /* 设置宽度 */
    transition: background-color 0.3s ease; /* 过渡效果 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 设置阴影 */
}
.hhh{
    height: 10px;
}
/* 移动端样式 */
@media screen and (max-width: 600px) {
    /* 设置搜索表单样式 */
    #searchForm {
        width: 90%; /* 设置宽度 */
    }

    /* 输入框样式 */
    .search-input,
    .search-input2 {
        width: calc(50% - 5px); /* 设置宽度 */
        margin-right: 5px; /* 设置右边距 */
        margin-bottom: 5px; /* 设置下边距 */
    }

    /* 复选框样式 */
    .checkbox-container input[type="checkbox"] {
        margin-right: 5px; /* 设置右边距 */
    }

    /* 一键复制按钮样式 */
    .copy-all-button {
        width: 100%; /* 设置宽度 */
    }
}