body{

margin:0;

font-family:
Arial,
"Microsoft YaHei",
sans-serif;

background:#f5f7fb;

color:#222;

}


.container{

max-width:420px;

margin:80px auto;

padding:20px;

}


h1{

text-align:center;

font-size:36px;

}


.sub{

text-align:center;

color:#777;

}


.card{

background:white;

padding:35px;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

text-align:center;

}


.speed{

font-size:55px;

font-weight:bold;

margin:30px 0;

}


.items{

display:flex;

justify-content:space-around;

margin:30px 0;

}


.items div{

font-size:14px;

color:#666;

}


.items strong{

display:block;

font-size:28px;

color:#111;

}


button{

width:100%;

padding:16px;

border:0;

border-radius:12px;

background:#0066ff;

color:white;

font-size:18px;

cursor:pointer;

}


button:disabled{

opacity:.5;

}


#status{

margin-top:20px;

color:#666;

}