.overlay {
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
}
.overlay:before {
    background:url(https://iw233.cn/api.php?sort=random) no-repeat;
    background-size:cover;
    background-position:center 0;
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    -webkit-filter:blur(0px);
    filter:blur(0px);
    margin:0;
    padding:0;
    position:fixed;
}
.text-bg {
    background-color:rgba(255,255,255,0.6);
    padding:24px;
}
.input_control {
    width:360px;
    margin:20px auto;
}
button[id='download'] {
    color:rgb(0,0,0);
    border:2px solid rgb(0,0,0);
    cursor:pointer;
}
button[name='show'] {
    width:100px;
    margin:20px auto;
    height:40px;
    border:0px solid #32EB00;
    border-radius:3px;
    background:#32EB00;
    cursor:pointer;
    outline:none;
    font-family:Microsoft YaHei;
    color:white;
    font-size:17px;
    -webkit-appearance:none;
}
button[name='pool'] {
    width:100px;
    margin:20px auto;
    height:40px;
    border:0px solid #FFB31E;
    border-radius:3px;
    background:#FFB31E;
    cursor:pointer;
    outline:none;
    font-family:Microsoft YaHei;
    color:white;
    font-size:17px;
    -webkit-appearance:none;
}
button[id='gacha'] {
    width:152px;
    margin:20px auto;
    height:40px;
    border-width:0px;
    border-radius:3px;
    background:#1E83FF;
    cursor:pointer;
    outline:none;
    font-family:Microsoft YaHei;
    color:white;
    font-size:17px;
    -webkit-appearance:none;
}
button[id='gacha']:hover {
    background:#3C8DFF;
    -webkit-appearance:none;
}
::-moz-placeholder {
    color:#6a6f77;
}
::-moz-placeholder {
    color:#6a6f77;
}
input::-webkit-input-placeholder {
    color:#6a6f77;
}
.notice {
    margin:10%auto;
    background-color:rgba(255,255,255,0.8);
    padding:2%5%;
}
p {
    line-height:2;
}
table {
    margin:auto;
    border:none;
    border-spacing:0;
    border-collapse:collapse;
}
td {
    z-index:300;
    margin:auto;
    text-align:center;
    vertical-align:middle;
}
#loading {
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:80px;
    height:100px;
    background-color:rgba(255,255,255,0.8);
}
@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(359deg)}
}
@-o-keyframes rotate{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(359deg)}
}
@keyframes rotate{
    from{transform:rotate(0deg)}
    to{transform:rotate(359deg)}
}
#loading-animate {
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:1s;
    -moz-transition-property:-moz-transform;
    -moz-transition-duration:1s;
    -webkit-animation:rotate 3s linear infinite;
    -moz-animation:rotate 3s linear infinite;
    -o-animation:rotate 3s linear infinite;
    animation:rotate 3s linear infinite;
}
footer{
    position:fixed;
    color:#808080;
    bottom:0;
    width:100%;
    height:100px;
    line-height:100px;
    text-align:center;
}

body{
   background-image: url('https://pancake.zzmelon.com/share/67487ee27fd88/bg.jpg');  /*图片路径*/
    background-size: cover; /*拉伸图片以覆盖整个背景 */
    background-repeat: no-repeat; /*防止图片重复*/
    background-attachment: fixed; /* 背景图片固定 */
    background-position: center; /*图片居中对齐*/ 
}
#summon_result {
    align-items:center;
    justify-content:center;
    gap: 10px;
}