/* 原站结果页公开样式，以375px宽、50px rem为基准。 */
.result-state{background:#eeeff2;min-height:100vh;color:#252931;font-family:"PingFang SC","Microsoft YaHei",Helvetica,sans-serif}
.result-state header{height:auto;background:none;position:relative;padding:0 .25rem .36rem}
.result-state header::before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:7.46rem;background:#4467ff url('/assets/header.png') center/cover no-repeat}
.result-state header>*{position:relative}
.result-state .shield{width:1.36rem;height:auto;aspect-ratio:201/238;margin:1.12rem 0 0}
.result-state h1{font-size:.48rem;line-height:.56rem;margin:.64rem 0 0;font-weight:700;outline:none}
.result-state .pill{display:flex;align-items:center;justify-content:center;font-size:.24rem;line-height:.28rem;padding:.16rem .48rem;margin:.4rem 0 .24rem;border-radius:1.56rem;background:rgba(34,60,153,.3);text-decoration:none}
.result-state .block-arrow{width:.24rem;height:.24rem}
.result-state #reference-note{display:flex;justify-content:center;flex-wrap:wrap;font-size:.28rem;line-height:.36rem;opacity:.9;margin:.16rem 0 0;letter-spacing:normal}
.result-state main{max-width:none;margin:0 auto;padding:0 .25rem;position:relative}
.result-state #result{padding-bottom:0}
.result-state .card{width:100%;background:#fff;border:.02rem solid #f1f6ff;border-radius:.16rem;margin:0 0 .24rem;overflow:visible}
.result-state .card>h2{padding:.24rem;font-size:.28rem;font-weight:400;line-height:.4rem;color:#252931;background:#f8f9fc;gap:.08rem;align-items:center}
.result-state .card>h2::before{width:.08rem;height:.2rem;margin:.06rem .12rem;border-radius:.04rem;flex-shrink:0;background:#355fff}
.result-state dl{padding:0;margin:0}
.result-state dl>div{padding:.24rem;font-size:.28rem;line-height:.4rem;justify-content:space-between;gap:0}
.result-state dt{display:flex;align-items:center;min-width:2rem;flex:0 0 auto;color:#898b8f}
.result-state dt .result-icon{margin-right:.08rem}
.result-state dd{flex:1;text-align:right;color:#252931;overflow-wrap:anywhere}
.result-state .result-icon,.result-state .node-icon{width:.32rem;height:.32rem;flex-shrink:0;object-fit:contain}
.result-state .timeline{padding:.24rem;font-size:.28rem;line-height:.4rem}
.result-state .node h3{gap:.24rem;font-size:.28rem;line-height:.4rem;font-weight:400;margin:0;color:#252931}
.result-state .info{padding:0;border:0;background:none;color:#666;width:.28rem;height:.28rem;font-size:.28rem;line-height:.28rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}
.result-state .info img{width:100%;height:100%}
.result-state .info-wrap{position:relative;display:flex;margin-left:-.1rem}
.result-state .tooltip{position:absolute;z-index:10;left:-.18rem;bottom:.5rem;width:max-content;max-width:60vw;color:#fff;font-weight:400}
.result-state .tooltip::before{content:"";position:absolute;inset:0;background:#000;opacity:.8;border-radius:4px}
.result-state .tooltip::after{content:"";position:absolute;top:100%;left:.22rem;width:.18rem;height:.09rem;background:#000;opacity:.8;clip-path:polygon(0 0,100% 0,50% 100%)}
.result-state .tooltip-text{display:block;position:relative;z-index:1;padding:.16rem .24rem;white-space:normal;word-break:break-all;font-size:.2rem;line-height:.32rem;text-align:left}
.result-state .card>h2{border-radius:.16rem .16rem 0 0}
.result-state .node-details{position:relative;display:flex;flex-direction:column;margin:.48rem 0 .48rem .56rem;padding:0;border:0;background:#f8f9fc}
.result-state .node-details::before{content:"";position:absolute;left:-.41rem;top:-.32rem;bottom:-.32rem;border-left:.02rem solid #9c94b3}
.result-state .node-details p{display:flex;gap:0;margin:0;padding:.24rem;font-size:.28rem;line-height:.4rem;color:#252931}
.result-state .node-details .detail-label{display:flex;align-items:center;white-space:nowrap;color:#898b8f;flex-shrink:0}
.result-state .detail-label .result-icon{margin-right:.16rem}
.result-state .node-details p>span:last-child{word-break:break-all;color:#252931}
.result-state .node:last-child{padding:0}
.result-state .card:last-of-type{margin-bottom:.8rem}
.result-state footer{display:flex;flex-direction:column;align-items:center;padding:0;color:#898b8f;text-align:justify}
.result-state .footer-top{width:100%;margin:0;align-items:flex-start}
.result-state .reference-logo{width:2.18rem;height:.6rem;object-fit:contain;margin-bottom:.32rem}
.result-state #statement{font-size:.24rem;line-height:.32rem;margin-bottom:.8rem;color:#1966ff;text-decoration:none}
.result-state footer h3{font-size:.32rem;font-weight:400;line-height:.4rem;text-align:center;margin:0 .48rem .24rem;color:#565960}
.result-state footer>p{font-size:.28rem;line-height:.4rem;margin:0 .48rem .96rem;color:#898b8f}
.result-state #reset{font-size:.24rem;line-height:.32rem;margin-bottom:.48rem}
.result-state dialog{width:5.6rem;border-radius:.04rem;color:#161823}
.result-state dialog::backdrop{background:rgba(0,0,0,.5)}
.result-state dialog h2{font-size:.34rem;line-height:.48rem;padding:.64rem .4rem 0;margin:0 0 .16rem;font-weight:700}
.result-state dialog p{font-size:.28rem;line-height:.4rem;padding:0 .4rem .48rem;color:rgba(22,24,35,.75);word-break:break-all;max-height:60vh}
.result-state dialog button{height:.94rem;padding:0;border-top:.02rem solid rgba(22,24,35,.12);font-size:.3rem;color:#161823;font-weight:700}
@media(min-width:512px){
  .result-state h1{font-size:32px}
  .result-state main{max-width:375px}
  .result-state .info-wrap{margin-left:-10px}
  .result-state .tooltip{bottom:22px;left:-10px;max-width:300px}
  .result-state .tooltip-text{padding:12px;font-size:12px;line-height:20px}
  .result-state .tooltip::after{width:10px;height:5px;left:12px}
}
@media(max-width:511px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none}
}