/* 以既有蓝色模板及截图网页区域为准，375px 对应 50px rem。 */
*{box-sizing:border-box}
:root{font-size:13.333333vw}
body{margin:0;background:#fff;color:#252931;font:14px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid #2547e8;outline-offset:3px}
[hidden]{display:none!important}
header{display:flex;align-items:center;flex-direction:column;color:#fff;text-align:center;position:relative;padding:0 .25rem .36rem}
header::before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:7.46rem;background:url('/assets/header.png') center top/100% 100% no-repeat}
header>*{position:relative}
.shield{width:1.36rem;height:auto;aspect-ratio:201/238;margin:1.12rem 0 0}
h1{font-size:.56rem;line-height:.56rem;margin:.64rem 0 0;font-weight:700;outline:none}
#subtitle{font-size:.36rem;line-height:.4rem;margin:.16rem 0 0;opacity:.9;letter-spacing:.02em}
main{position:relative;margin:0 auto;padding:0 .25rem .6rem}
.product{text-align:center;font-size:.32rem;line-height:.56rem;padding:.48rem;border-radius:.16rem;background:#fff;box-shadow:0 .04rem .16rem rgba(37,41,49,.05);margin:0;overflow-wrap:anywhere}
.query{position:relative;padding:2.6rem 0 .3rem;background:transparent;text-align:center}
.query h2{font-size:.4rem;line-height:.52rem;font-weight:600;color:#262626;margin:0}
.hint{font-size:.24rem;line-height:.32rem;color:#a6a6a6;margin:.16rem 0 0}
#form{display:flex;flex-direction:column;margin:.64rem .25rem 0}
#code{width:100%;min-width:0;height:1.08rem;font-size:.88rem;line-height:1.08rem;letter-spacing:.44rem;padding:0;border:0;border-radius:0;color:#000;text-align:center;background:#fff;font-family:"PingFang SC",sans-serif;caret-color:auto;overflow:hidden}
#code::placeholder{font-size:.36rem;letter-spacing:normal;color:#a6a6a6;opacity:.54}
#code:placeholder-shown{caret-color:#cfcfcf}
#code:focus{outline:none}
.underlines{width:100%;height:.02rem;background:#4a72ff}
#code:focus-visible+.underlines{height:.04rem}
#error{margin:.24rem 0 0;font-size:.24rem;line-height:.36rem;color:#ce2519;overflow-wrap:anywhere}
#error:empty{display:none}
.submit{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.3rem;font-weight:500;height:.88rem;border:0;border-radius:.16rem;margin-top:.9rem;background:linear-gradient(135deg,#4b72fc,#4c73ff);color:#fff;width:100%}
.submit:disabled{cursor:wait;opacity:.65}
.page-link{font-size:.22rem;line-height:.34rem;color:#777e8e;text-align:center;margin:.24rem .25rem 0;overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:512px){
 :root{font-size:50px}
 header::before{background-size:100% 100%}
 main{max-width:375px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}