﻿<html>
	<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />
<title>title_temp</title>

		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<style>* { box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; background: #fff; color: #0c0d0e; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; } .page { min-height: 100vh; padding: min(300px, 22vh) 20px 40px; display: flex; flex-direction: column; align-items: center; } .card { width: 432px; max-width: 100%; padding: 20px; border: 1px solid #ebf1ff; border-radius: 12px; background: linear-gradient( 50.55deg, rgba(241, 249, 255, 0.2) -3.67%, rgba(237, 243, 255, 0.2) 51.14%, rgba(250, 244, 255, 0.2) 99.1% ); margin-bottom: 40px; } .brand { display: flex; align-items: center; color: #162033; font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; margin-bottom: 20px; } .brand img { margin-right: 8px; display: block; width: 18px; height: 16px; } .brand span { letter-spacing: 0; } .title { display: flex; align-items: center; margin: 0; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: 0; } .spinner { margin-right: 6px; display: flex; align-items: center; justify-content: flex-end; animation: spin 1.5s linear infinite; width: 15px; height: 15px; border-radius: 50%; background: conic-gradient( from 114.04deg at 50% 50%, #165dff -3.75deg, rgba(22, 93, 255, 0) 331.83deg, #165dff 339.88deg, #165dff 356.25deg, rgba(22, 93, 255, 0) 691.83deg ); } .spinner::before { content: " "; height: 10px; width: 10px; border-radius: 50%; background: #fff; } .spinner::after { content: " "; height: 2.5px; width: 2.5px; border-radius: 50%; background: #165dff; } @keyframes spin { 0% { transform: rotate(0deg) rotateX(180deg); } 50% { transform: rotate(180deg) rotateX(180deg); } 100% { transform: rotate(360deg) rotateX(180deg); } } .desc { color: #42464e; margin: 8px 0 0; font-size: 14px; line-height: 20px; letter-spacing: 0; }</style>
	</head>
  
  	<body><main class="page"> <section class="card"> <div class="brand"> <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA1CAMAAAAqLXiIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACKUExURUdwTADa/wBp/wDc/wBv/wBp/wBq/wDb/wBq/wBr/wBo/wDc/wBq/wDc/wBq/wDb/wDb/wDf/wDb/wDf/wBp/wBq/wBq/wDc/wBr/wCR/wDf/wB1/wBs/wCw/wDb/wDc/wCP/wDc/wBq/wC//wCf/wB5/wCG/wDM/wCU/wCy/wBy/wDV/wCq/wBx/038P5AAAAAhdFJOUwDvIN8Q799Av0Bwv5+QYJ9wEIAggJAwYM/nMK9Qz1CvYCd7SXUAAAGxSURBVEjHpdXbkoIwDIBhUFFAPC/q6p4SRXR13//1FtqKtCkQay9D/plvEMTzOk869NxPgJFzGyG+OccJort7iOjsLtTu7qSMhy+oEXvuald3IuPwBbWbW6nd3Ok9ZrvXEVEjDpjxNrhvrqsWY17bezyO6SNmumPEhKi57i1iQNRMdw+r1yiuxyFTjZh63kIYnnSH5WLgbWDU01qOWxXRGJaxHjPcU7m5B+iHehwMeGrEMwCc9BinTDUeiviIT7qV+q9o4YA292zOUQNkFvcK/C71RcSmu3xq5wAjhtruHgNMzGo3qavfZUzcUaEG6v4WmIGmtrk35dhwLyRGqfEKDe5STdwbidnX73V5fo36R0wN90xgTDV1q5uhu32B+TDU1K1+hmW9/ZIY9Xk4ATS6D2LaN9UFJjDV1H2kbl9MPtVCXou73SM5OVM1wz3T9i5afLa7V1Xc14S5Fne529RwtbvHhjqzqTvdbWrqzuR4zlB3uXX1zYzJn6hyLxhqgEuLW1dnpKXu/OGedKhb3VKdqwu+Jb4Z8aly77S3x6Iu3Njk1tVHW0zct7tbV+fWuMn9D1aO1PSeGdU4AAAAAElFTkSuQmCC" /> <span>火山引擎</span> </div> <p class="title"> <span class="spinner"></span> <span>正在进行安全检测...</span> </p> <p class="desc"> 为保障您的访问安全，系统正在检测当前网络环境，该过程通常需要几秒钟，请耐心等待 </p> </section> </main></body>	

	

	
</html>