:root{    --custom-body-min-width: 600px;    --custom-body-max-width: 1800px;    /*    --custom-background-color-gradient-darker: #5e30c1;    --custom-background-color-gradient-lighter: #697ded;    */    --custom-background-color-gradient-darker: #1e3799;    --custom-background-color-gradient-lighter: #4a69bd;    --custom-emphasize-color: var(--custom-background-color-gradient-lighter);    --custom-button-background-color: #ffa426;    --custom-button-text-color: white;}#modal-window {    visibility: hidden;    position:fixed;    margin: auto;    width: 100%;    height: 100%;    z-index: 1;    background-color: rgba(0,0,0, 0.5);    display: flex;    align-items: center;    justify-content: center;}#modal-window #modal-container{    width: 80%;    height: 50%;    background-color: white;    border: 1px solid lightgray;    border-radius: 10px;    box-shadow: 3px 3px 3px lightgray;}#modal-window #modal-container .title-zone{    width: 100%;    height: 20%;}#modal-window #modal-container .title-zone h1{    text-align: center;    line-height: 10vh;    font-size: 3vh;    color: gray;}#modal-window #modal-container .main-zone{    width: 100%;    height: 80%;}#modal-window #modal-container .main-zone .left-zone{    float: left;    width: 50%;    height: 100%;}#modal-window #modal-container .main-zone .left-zone .wx-qrcode-zone{    width: 100%;    height: 70%;    display: flex;    align-items: center;    justify-content: center;/*    border-width: 0 0.5px 0 0;    border-style: dashed;    border-color: rgba(128, 128, 128, 0.3);    box-sizing: border-box;*/}#modal-window #modal-container .main-zone .left-zone .wx-qrcode-zone img{    max-width: 80%;    max-height: 80%;    object-fit: contain;    width: 80%;    /* border-radius: 10px;    border:0.5px solid darkslategray; */}#modal-window #modal-container .main-zone .left-zone .modal-button-weixin{    width: 100%;    height: 30%;    display: flex;    align-items: flex-start; /*顶部居中*/    justify-content: center;    padding-top: 1vh;}#modal-window #modal-container .main-zone .left-zone .modal-button-weixin .content{    width: min(20vw, 20vh);    padding: min(1vw, calc(1 * var(--custom-body-max-width) / 100 ));    box-sizing: border-box;    font-size: min(3vw, 3vh);    text-align: center;    user-select: none;    color: var(--custom-button-text-color);    background-color: var(--custom-button-background-color);    border-color: var(--custom-button-background-color);    border-radius: min(4vw, calc(4 * var(--custom-body-max-width) / 100 ));}#modal-window #modal-container .main-zone .left-zone .modal-button-weixin .content:hover{    box-shadow: 5px 5px 5px lightgray;    box-sizing: border-box;}#modal-window #modal-container .main-zone .right-zone{    float: right;    width: 50%;    height: 100%;}#modal-window #modal-container .main-zone .right-zone .kefu-icon-zone{    width: 100%;    height: 70%;    display: flex;    align-items: center;    justify-content: center;}#modal-window #modal-container .main-zone .right-zone .kefu-icon-zone img{    max-width: 80%;    max-height: 80%;    object-fit: contain;    width: 80%;    /* border-radius: 10px;    border:0.5px solid darkslategray; */}#modal-window #modal-container .main-zone .right-zone .modal-button-kefu{    width: 100%;    height: 30%;    display: flex;    align-items: flex-start; /*顶部居中*/    justify-content: center;    padding-top: 1vh;}#modal-window #modal-container .main-zone .right-zone .modal-button-kefu .content{    width: min(20vw, 20vh);    padding: min(1vw, calc(1 * var(--custom-body-max-width) / 100 ));    box-sizing: border-box;    font-size: min(3vw, 3vh);    text-align: center;    cursor: pointer;    user-select: none;    color: var(--custom-button-text-color);    background-color: var(--custom-button-background-color);    border-color: var(--custom-button-background-color);    border-radius: min(4vw, calc(4 * var(--custom-body-max-width) / 100 ));}#modal-window #modal-container .main-zone .right-zone .modal-button-kefu .content:hover{    box-shadow: 5px 5px 5px lightgray;    box-sizing: border-box;}