* {
    padding: 0;
    margin: 0;
}

html,body {
    height: 100%;
}

body {
    /* 修改背景色调 */
    background: rgba(223, 223, 255, 0.39);
    display: flex;
    justify-content: center; /*body内容水平居中显示*/
    align-items: center;     /*body内容垂直居中显示*/
}

.main-container {
    /*width: 90%;*/
    /*max-width: 1000px;*/
    /*max-height: 500px;*/
    /*min-width: 600px;*/
    /*background-color: white;*/
    font-size: 0;
    /*border-radius: 20px;*/
    /*box-shadow: 0 0 50px 0 rgba(146, 146, 146, 0.63);*/
}
.main-container .container-item {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.main-container .img-container {
    /*background-color: rgba(253, 216, 168, 0.692);*/
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.main-container .img-container img {
    max-width: 100%;
}

.main-container .text-container .code {
    /*font-size: clamp(150px,20vw,200px);*/
    /*font-family: 'Arial Narrow';*/
    /*color: rgb(86, 86, 253);*/
    /*font-weight: bolder;*/
    /*text-align: center;*/
}

.main-container .text-container .code img {
    max-height: 600px;
    max-width: 100%;
}

.main-container .text-container .msg {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.main-container .text-container .action {
    color: #0f0f0f;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration-line: none;
    margin-bottom: 30px;
}
.main-container .text-container a:hover{
    color: #5bc0de;
}