body *{box-sizing:border-box}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a{color:#fff;text-decoration:none}
body{width:100%;height:100vh;background:#f8f8f8;max-width:750px;font-family:PingFangSC-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC-Light,Microsoft YaHei}
img{width:100%}
@media screen and (min-width:700px){html{display:flex;justify-content:center}}
.box{width:100%;height:100vh;position:relative;background-repeat:no-repeat;background-size:100% 100%}
.img-full{width:92%;margin-bottom:2%}
.clkmn{position:absolute;margin-top:-138%;left:50%;transform:translateX(-50%);width:83%;height:5rem;display:flex;justify-content:center;align-items:center}
#sy1{width:93%;height:auto;text-align:center;margin:0 auto;margin-top:-207%}
#sy2{width:93%;height:auto;text-align:center;margin:0 auto;margin-top:2%}
.inputcode{width:90%;height:8%;border:0;padding:1.4rem 1rem;text-align:center;font-size:1.3rem;background:url('../images/shuru.png');color:#fff;background-size:100% 100%;background-repeat:no-repeat;outline:none}
.aniu{width:90%;margin-top:4%;-webkit-animation:pulse2 1s linear infinite;-moz-animation:pulse2 1s linear infinite;animation:pulse2 1s linear infinite}
@-webkit-keyframes pulse2{0%{-webkit-transform:scale(0.9)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(0.9)}}
@keyframes pulse2{0%{transform:scale(0.9)}50%{transform:scale(1)}100%{transform:scale(0.9)}}
.ai-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,0.7);color:#fff}
.ai-progress{width:100%}
.pro-box{background:#05101a;border-radius:12px;padding:32px 18px;max-width:340px;margin:60px auto}
.pro-box .title{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.pro-box .word{font-size:20px;font-weight:bold}
.progress-box .item{margin-bottom:16px}
.i-title{font-size:15px;margin-bottom:6px}
.layui-progress{background:#eee;border-radius:8px;height:16px}
.layui-progress-bar{width:0;background:#00dcf4;height:100%;border-radius:8px}
.ai-result{display:none}
.result-box{background:#05101a;border-radius:12px;padding:32px 18px;max-width:340px;margin:60px auto}
.result-box .title{margin-bottom:18px}
.result-box .word{font-size:18px;font-weight:bold}
#tips-code{color:#15a223}
.result-con .con{font-size:15px;margin-bottom:18px}
#chat-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}
.error{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,0.7)}
.error-content{padding:30px;line-height:1.5;word-break:break-word;overflow:auto;font-size:18px;color:#fff;background:rgba(0,0,0,0.8);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.5);max-width:750px;text-align:center;width:100%}