*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:14px Arial,"Microsoft YaHei",sans-serif;color:#3d4d44;background:#f1f5f2}.page{min-height:100vh;display:grid;grid-template-rows:48px 1fr auto}header{display:flex;align-items:center;padding:0 20px;gap:8px;background:linear-gradient(90deg,#00a83a,#08c64d);color:#fff}header i{width:21px;height:21px;border:2px solid;border-radius:50%;position:relative}header i:after{content:"✓";position:absolute;left:3px;top:-2px;font-size:16px}header b:after{content:"安全监测中心"}header em{margin-left:auto;font-style:normal;font-size:12px;opacity:.9}header em:after{content:"浏览器环境防护"}main{display:grid;place-items:center;padding:28px 16px}section{width:min(520px,100%);overflow:hidden;background:#fff;border-radius:5px;box-shadow:0 3px 15px #10251515;text-align:center}.seal{display:grid;place-items:center;width:72px;height:72px;margin:29px auto 14px;border:2px solid #00b240;border-radius:50%;color:#00a83a;box-shadow:0 0 0 4px #00b24013}.seal:after{content:"✓";font-size:35px}h1{margin:0;color:#26332b;font-size:18px}h1:after{content:"浏览器安全监测加载进度"}p{margin:8px 20px 0;color:#849087;line-height:1.65}p:after{content:"正在检测当前浏览器运行环境与访问安全策略\A 请勿关闭窗口，监测完成后将自动继续";white-space:pre}.bar{height:11px;margin:24px 28px 10px;overflow:hidden;border:1px solid #dce6df;border-radius:3px;background:#eaf0ec}.bar i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#00a838,#00c853,#5ddea0);animation:l 7s ease-out forwards}.state{display:flex;justify-content:space-between;margin:0 28px 23px;color:#718077;font-size:12px}.state span:after{content:"网络链路与证书校验"}.state b{color:#00a83a}.state b:after{content:"进行中"}form{display:flex;gap:8px;padding:18px 28px;background:#f8fbf9;border-top:1px solid #e7eee9}.page label{position:relative;flex:1}.page label:before{content:"请输入邮箱";position:absolute;left:12px;top:11px;color:#9aa59e;font-size:13px;pointer-events:none}.page label:focus-within:before{display:none}.page input{width:100%;height:37px;padding:0 10px;border:1px solid #cbd9cf;border-radius:3px;background:#fff;outline:0}.page input:focus{border-color:#00b240}.page button{height:37px;padding:0 18px;border:0;border-radius:3px;background:#00ae40;color:#fff;font-weight:700}.page button:after{content:"订阅新网址"}.msg{min-height:17px;margin:8px 28px;color:#00a83a;font-size:12px}.ok .msg:after{content:"订阅成功"}.bad .msg:after{content:"请输入有效邮箱"}.limit .msg:after{content:"该网络已订阅"}.fail .msg:after{content:"提交失败"}footer{padding:15px;text-align:center;color:#9ca69f;font-size:12px}footer:after{content:"浏览器安全监测服务"}@keyframes l{from{transform:scaleX(.04)}to{transform:scaleX(.99)}}@media(max-width:500px){header em{display:none}main{padding:20px 12px}form{padding:15px;flex-wrap:wrap}.page label{flex-basis:100%}.page button{width:100%}}
.ad-slot{width:min(100%,728px);margin:16px auto}.ad-slot:empty{display:none}.ad-slot img{display:block;width:100%;height:auto;border:0}