*{margin:0;padding:0;box-sizing:border-box}
body{text-align:center}
.wrap{position:relative;max-width:720px;left:50%;transform:translateX(-50%);background: #000407;}
.head-box{position:absolute;width:720px;text-align:center;top:1%}
.head-title{font-size:42px;padding:30px;color:#fff;font-weight:bold}
.main-box{left:50%;transform:translate(-50%,-50%);color:#fff;position:absolute;width:80%;text-align:center;top:46.5%;font-size:30px;background:rgba(7,33,56,.8);height:350px;line-height:40px;border:5px solid #00d4d8;border-radius:25px;padding:20px 6px 6px}
.main-title{font-size:35px;font-weight:bold}
.main-rate{color:#ffea01;font-size:45px;font-weight:bold}
.main-desc{margin-top:2%}
.input-box{position:absolute;width:720px;text-align:center;top:61%}
.input-box img{padding:20px}
.btn-box{position:absolute;width:720px;text-align:center;top:75%}
.btn-box img{padding:20px}
.code-field{width:78%;height:8%;border-radius:1rem;border:2px solid rgba(78,147,234,1);margin-top:1rem;padding:1rem 2rem;text-align:center;font-size:23px;background:rgba(6,30,54,.8);color:#fff}
.alert-box{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;z-index:99999;align-items:center;justify-content:center;background:rgba(0,0,0,.7)}
.alert-content{padding:30px;line-height:1.5;word-break:break-word;overflow:auto;font-size:35px;color:#fff;background:rgba(0,0,0,.8);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.5);max-width:750px;text-align:center;width:100%;box-sizing:border-box}
.pulse{animation:pulse2 1s linear infinite}
@keyframes pulse2{0%{transform:scale(.9)}50%{transform:scale(1)}100%{transform:scale(.9)}}
.fx-modal{position:fixed;display:none;right:0;left:0;top:0;bottom:0;justify-content:center;width:100vw;height:100vh;z-index:9999;align-items:center;background:rgba(0,0,0,.7);color:#fff}
.prog-box{background:rgb(9,76,137);border-radius:12px;padding:32px 18px;max-width:680px;margin:60px auto}
.p-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.p-word{font-size:30px;font-weight:bold}
.prog-item{margin-bottom:16px}
.prog-title{font-size:25px}
.prog-bar{background:#eee;border-radius:8px;height:16px}
.prog-fill{width:0;background:#00dcf4;height:100%;border-radius:8px}
.res-box{background:rgb(9,76,137);border-radius:12px;padding:32px 18px;height:inherit;margin:26px;max-width:680px}
.res-head{margin-bottom:18px}
.res-word{font-size:30px;font-weight:bold}
.res-body{font-size:25px;margin-bottom:18px}
.res-text{margin-bottom:18px}
.act-btn{background:#15a223;color:#fff;padding:12px 0;border-radius:8px;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto;font-size:30px}
.footer{width:100%;margin:0 auto;padding:0 16px 24px;box-sizing:border-box;text-align:center;font-size:1.3rem;color:#b8c6e0;background:#000407;max-width:720px}
.footer a{color:#3eeaff;text-decoration:underline;margin:0 8px}
.footer p{margin:10px}