/* 遮罩层 */
.overlay_0 {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
    z-index: 1000; /* 确保遮罩层在最上层 */
}

/* 弹窗 */
.popup1 {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 1050px; !* 与 .card 的宽度一致 *!*/
    /*height: 600px; !* 与 .card 的高度一致 *!*/
    box-sizing: border-box;
    padding: 50px;
    background-color: #FFF0A9 !important; /* 与 .card 的背景色一致 */
    border-radius: 45px !important; /* 与 .card 的圆角一致 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1001; /* 确保弹窗在遮罩层之上 */
}

.popup_0 {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 1050px; !* 与 .card 的宽度一致 *!*/
    /*height: 600px; !* 与 .card 的高度一致 *!*/
    box-sizing: border-box;
    padding: 50px;
    background-color: #FFF0A9 !important; /* 与 .card 的背景色一致 */
    border-radius: 45px !important; /* 与 .card 的圆角一致 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1001; /* 确保弹窗在遮罩层之上 */
}

.popup2 {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 1050px; !* 与 .card 的宽度一致 *!*/
    /*height: 600px; !* 与 .card 的高度一致 *!*/
    box-sizing: border-box;
    padding: 50px;
    background-color: #FFF0A9 !important; /* 与 .card 的背景色一致 */
    border-radius: 45px !important; /* 与 .card 的圆角一致 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1001; /* 确保弹窗在遮罩层之上 */
}

/* 分割线样式 */
.popup1 hr {
    border: none; /* 移除默认边框 */
    height: 2px; /* 分割线高度 */
    background-color: #F98C53; /* 分割线颜色，与按钮背景色一致 */
    margin: 30px 0; /* 分割线的上下间距 */
}

/* 弹窗内容 */
.popup1-content {
    position: relative;
    text-align: center;
}
.popup2-content {
    position: relative;
    text-align: center;
}
/* 关闭按钮 */
.close {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 50px; /* 增大关闭按钮的字体 */
    cursor: pointer;
    color: #011978; /* 与 .card p 的文字颜色一致 */
}

.close:hover {
    color: #F98C53; /* 与按钮的背景色一致 */
}

/* 弹窗标题 */
.popup1 h3 {
    font-size: 50px; /* 与 .card p 的字体大小一致 */
    color: #011978; /* 与 .card p 的文字颜色一致 */
    margin-bottom: 30px; /* 调整标题与内容的间距 */
}
.popup2 h3 {
    font-size: 50px; /* 与 .card p 的字体大小一致 */
    color: #011978; /* 与 .card p 的文字颜色一致 */
    margin-bottom: 30px; /* 调整标题与内容的间距 */
}

/* 弹窗文本 */
.popup1 p {
    font-size: 40px; /* 与 input.form-control 的字体大小一致 */
    color: #011978; /* 与 .card p 的文字颜色一致 */
    margin-bottom: 30px; /* 调整文本与输入框的间距 */
}
.popup2 p {
    font-size: 40px; /* 与 input.form-control 的字体大小一致 */
    color: #011978; /* 与 .card p 的文字颜色一致 */
    margin-bottom: 30px; /* 调整文本与输入框的间距 */
}

/* 输入框 */
.popup2 input {
    height: 117px; /* 与 input.form-control 的高度一致 */
    font-size: 40px; /* 与 input.form-control 的字体大小一致 */
    margin-bottom: 30px; /* 调整输入框与按钮的间距 */
    border-radius: 45px; /* 与 input.form-control 的圆角一致 */
    padding-left: 40px; /* 与 input.form-control 的内边距一致 */
    color: grey; /* 与 input.form-control 的文字颜色一致 */
    border: 2px solid #F98C53; /* 添加边框 */
    width: 100%; /* 输入框宽度占满容器 */
}

/* 按钮 */
.popup2 button {
    background-color: #F98C53; /* 与 button.btn.btn-primary 的背景色一致 */
    border-color: #F98C53; /* 与 button.btn.btn-primary 的边框颜色一致 */
    height: 117px; /* 与 button.btn.btn-primary 的高度一致 */
    font-size: 50px; /* 与 button.btn.btn-primary 的字体大小一致 */
    border-radius: 45px; /* 与 button.btn.btn-primary 的圆角一致 */
    color: white; /* 按钮文字颜色 */
    padding: 0 40px; /* 按钮内边距 */
    cursor: pointer;
    width: 100%; /* 按钮宽度占满容器 */
}

.popup2 button:hover {
    background-color: #e07a42; /* 按钮悬停时的背景色 */
    border-color: #e07a42; /* 按钮悬停时的边框颜色 */
}

.popup_0 p {
    font-size: 40px; /* 与 input.form-control 的字体大小一致 */
    color: #011978; /* 与 .card p 的文字颜色一致 */
    margin-bottom: 30px; /* 调整文本与输入框的间距 */
}

/* 输入框 */
.popup_0 input {
    height: 117px; /* 与 input.form-control 的高度一致 */
    font-size: 40px; /* 与 input.form-control 的字体大小一致 */
    margin-bottom: 30px; /* 调整输入框与按钮的间距 */
    border-radius: 45px; /* 与 input.form-control 的圆角一致 */
    padding-left: 40px; /* 与 input.form-control 的内边距一致 */
    color: grey; /* 与 input.form-control 的文字颜色一致 */
    border: 2px solid #F98C53; /* 添加边框 */
    width: 100%; /* 输入框宽度占满容器 */
}

/* 按钮 */
.popup_0 button {
    background-color: #F98C53; /* 与 button.btn.btn-primary 的背景色一致 */
    border-color: #F98C53; /* 与 button.btn.btn-primary 的边框颜色一致 */
    height: 117px; /* 与 button.btn.btn-primary 的高度一致 */
    font-size: 50px; /* 与 button.btn.btn-primary 的字体大小一致 */
    border-radius: 45px; /* 与 button.btn.btn-primary 的圆角一致 */
    color: white; /* 按钮文字颜色 */
    padding: 0 40px; /* 按钮内边距 */
    cursor: pointer;
    width: 100%; /* 按钮宽度占满容器 */
}

.popup_0 button:hover {
    background-color: #e07a42; /* 按钮悬停时的背景色 */
    border-color: #e07a42; /* 按钮悬停时的边框颜色 */
}