*{box-sizing:border-box}
body{margin:0;background:#efeff4;color:#262626;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}
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{height:373px;background:#4467ff url('/assets/header.png') center top/cover no-repeat;display:flex;align-items:center;flex-direction:column;color:white;text-align:center}
.shield{width:66px;height:79px;margin:46px 0 20px;fill:none;stroke:#90a5ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
h1{font-size:32px;line-height:1.25;font-weight:600;margin:12px 0 8px}
header>p{font-size:12px;letter-spacing:.02em;margin:0 0 20px;opacity:.9}
.pill{border:0;border-radius:20px;background:rgba(0,0,0,.12);color:#fff;padding:7px 24px;margin:8px 0 18px;font-size:12px}
main{position:relative;max-width:375px;margin:-70px auto 0;padding:0 12.5px 30px}
.card{background:white;border-radius:4px;margin-bottom:12px;overflow:hidden}
.card>h2{font-size:14px;font-weight:500;background:#f8f9ff;margin:0;padding:15px 18px;display:flex;align-items:center;gap:10px}
.card>h2:before{content:"";width:4px;height:10px;border-radius:3px;background:#4164ff}
dl{margin:0;padding:4px 15px 10px}
dl>div{display:flex;align-items:flex-start;gap:12px;padding:10px 0;line-height:22px}
dt{flex:0 0 96px;color:#999}
dt span{color:#aaa}
dd{margin:0;flex:1;overflow-wrap:anywhere}
.query{padding:22px 18px 24px;text-align:center}
.product{font-size:16px;line-height:24px;margin:0 0 35px}
.query h2{font-size:18px;font-weight:500;margin:0 0 10px}
.hint{color:#999;font-size:12px;margin:0 0 24px}
input{width:100%;border:0;border-bottom:1px solid #d9d9d9;border-radius:0;padding:15px 0;color:#333;font-size:20px;text-align:center;letter-spacing:6px;background:white}
input::placeholder{font-size:11px;letter-spacing:0;color:#aaa}
#error{color:#e14444;font-size:12px;min-height:18px;line-height:18px;margin:8px 0}
.submit{border:0;color:white;background:#4164ff;border-radius:4px;width:100%;height:44px}
.timeline{padding:16px}
.node h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin:0}
.node-icon{color:#4164ff;font-size:20px;width:22px;text-align:center}
small{font-size:14px}
.info{border:0;padding:2px;background:none;color:#888;font-size:14px}
.node-details{margin:8px 0 8px 10px;border-left:1px solid #dfe3ee;padding:2px 0 10px 20px}
.node-details p{font-size:12px;color:#999;line-height:22px;margin:5px 0;display:flex;gap:4px}
.node-details span{color:#333;overflow-wrap:anywhere}
.node:last-child{padding-bottom:4px}
footer{padding:28px 7px 0;color:#999;font-size:12px;line-height:20px}
.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.footer-top>span{color:#666;font-size:14px}
footer button{border:0;background:none;color:#888;padding:0;text-decoration:underline;font-size:12px}
footer h3{font-weight:500;font-size:14px;color:#666;margin:0 0 8px}
footer p{margin:0 0 14px}
dialog{width:300px;max-width:calc(100% - 32px);border:0;padding:0;border-radius:12px;color:#333}
dialog::backdrop{background:#0007}
dialog h2{text-align:center;font-size:17px;padding:22px 20px 0;margin:0}
dialog p{white-space:pre-line;font-size:14px;line-height:23px;padding:16px 22px;margin:0;max-height:55vh;overflow:auto}
dialog button{border:0;border-top:1px solid #eee;width:100%;background:white;padding:15px;color:#4164ff;font-weight:600}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:374px){h1{font-size:28px}
.node-details p{font-size:11px}
dt{flex-basis:70px}
}
@media(min-width:512px){main{max-width:375px}
}


/* 输入页数值来自原站公开CSS，375px为基准。 */
:root{font-size:13.333333vw}
.entry-state{background:#fff}
.entry-state header{height:auto;background:none;position:relative;padding:0 .25rem .36rem}
.entry-state header::before{content:"";position:absolute;z-index:0;width:100%;height:7.46rem;top:0;left:0;background:#4467ff url('/assets/header.png') center top/cover no-repeat}
.entry-state header>*{position:relative}
.entry-state .shield{width:1.36rem;height:auto;aspect-ratio:201/238;margin:1.12rem 0 0}
.entry-state h1{font-size:.48rem;line-height:.56rem;margin:.64rem 0 0;font-weight:700}
.entry-state #subtitle{font-size:.24rem;line-height:.28rem;margin:.16rem 0 0;opacity:.9;letter-spacing:.02em}
.entry-state main{max-width:none;padding:0 .25rem .6rem;margin:0 auto}
.product{position:relative;text-align:center;font-size:.28rem;line-height:.48rem;padding:.48rem;border-radius:.16rem;background:#fff;box-shadow:0 .04rem .16rem rgba(37,41,49,.05);margin:0}
.query{position:relative;padding:2.52rem 0 1.16rem;background:transparent;text-align:center}
.query h2{font-size:.36rem;font-weight:500;line-height:.52rem;color:#262626;margin:0}
.hint{font-size:.24rem;line-height:.32rem;color:#a6a6a6;margin:.16rem 0 0}
#form{display:flex;flex-direction:column;margin:.48rem .25rem 0}
input{width:100%;height:1.08rem;font-size:.88rem;line-height:1.08rem;letter-spacing:.44rem;padding:0;border:0;border-bottom:0;font-family:"PingFang SC",sans-serif;color:#000;text-align:center}
input::placeholder{font-size:.32rem;letter-spacing:normal;color:#a6a6a6;opacity:.54}
#error{margin:.24rem 0 0;font-size:.24rem;line-height:.32rem;min-height:0;color:#ff3826}
#error:empty{display:none}
.submit{font-size:.3rem;font-weight:500;height:.88rem;border-radius:.16rem;margin-top:.9rem;background:linear-gradient(135deg,#4b72fc,#4c73ff)}
@media(min-width:512px){#form{margin-top:16px}}

.underlines{width:100%;height:.02rem;background:#4a72ff}
.submit{display:flex;align-items:center;justify-content:center;flex-shrink:0}

@media(min-width:512px){.entry-state h1{font-size:32px}}

input{caret-color:auto}
input:placeholder-shown{caret-color:#cfcfcf}
input:focus,input:focus-visible{outline:none}
@media(min-width:512px){:root{font-size:50px}.entry-state main{max-width:375px}}