html,body{width:100%;height:100%;margin:0;padding:0}
body{background-color:#fff;font-family:Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:100%}
h1{font-size:1.5em;color:#404040;text-align:center;margin:0}
h2{font-size:1.1em;color:#404040;text-align:center;font-weight:400;margin:8px 0 0}
p{font-size:1em;color:#404040;text-align:center;margin:10px 0 0}
.wrap{display:flex;align-items:center;justify-content:center;min-height:100%;padding:20px;box-sizing:border-box}
.stage{text-align:center}
.spin-area{position:relative;width:206px;height:206px;margin:0 auto 40px}
.fallback{margin-top:28px;font-size:.9em}
.fallback a{color:#e81512}
.cssload-loader{width:206px;height:206px;border:1px rgb(0,0,0) solid;position:absolute;left:0;top:0;border-radius:50%;-webkit-border-radius:50%}
.cssload-loader .cssload-loading{font-size:14px;position:absolute;width:100%;text-align:center;line-height:19px;font-family:'Century Gothic',sans-serif;font-style:italic;left:0;top:50%;margin-top:28px;color:rgb(0,0,0);font-weight:bold;text-transform:uppercase}
.cssload-loader-circle-1{width:190px;height:190px;left:7px;top:7px;border:1px rgb(0,0,0) solid;position:absolute;border-right-color:transparent;border-radius:50%;-webkit-border-radius:50%;animation:spin 3.45s linear infinite;-webkit-animation:spin 3.45s linear infinite}
.cssload-loader-circle-2{width:173px;height:173px;left:7px;top:7px;border:1px transparent solid;position:absolute;border-right-color:rgb(232,21,18);border-radius:50%;-webkit-border-radius:50%;animation:spin 5.75s linear infinite;-webkit-animation:spin 5.75s linear infinite}
.cssload-loader .cssload-line{width:14px;height:3px;background:rgb(0,0,0);position:absolute}
.cssload-loader .cssload-line:nth-child(1){left:22px;top:50%;margin-top:-1px}
.cssload-loader .cssload-line:nth-child(2){transform:rotate(45deg);-webkit-transform:rotate(45deg);left:45px;top:45px}
.cssload-loader .cssload-line:nth-child(3){top:22px;left:50%;width:3px;height:14px}
.cssload-loader .cssload-line:nth-child(4){transform:rotate(135deg);-webkit-transform:rotate(135deg);right:45px;top:45px}
.cssload-loader .cssload-line:nth-child(5){right:22px;top:50%;margin-top:-1px}
.cssload-loader .cssload-line:nth-child(6){transform:rotate(45deg);-webkit-transform:rotate(45deg);right:45px;bottom:45px;background:rgb(232,21,18)}
.cssload-loader .cssload-subline{position:absolute;width:4px;height:3px;background:rgb(0,0,0)}
.cssload-loader .cssload-subline:nth-child(7){transform:rotate(22.5deg);-webkit-transform:rotate(22.5deg);left:29px;top:69px}
.cssload-loader .cssload-subline:nth-child(8){transform:rotate(67.5deg);-webkit-transform:rotate(67.5deg);left:69px;top:29px}
.cssload-loader .cssload-subline:nth-child(9){transform:rotate(112.5deg);-webkit-transform:rotate(112.5deg);right:69px;top:29px}
.cssload-loader .cssload-subline:nth-child(10){transform:rotate(157.5deg);-webkit-transform:rotate(157.5deg);right:29px;top:69px}
.cssload-loader .cssload-subline:nth-child(11){transform:rotate(22.5deg);-webkit-transform:rotate(22.5deg);right:28px;bottom:67px;background:rgb(232,21,18)}
.cssload-loader .cssload-needle{width:19px;height:19px;border:1px rgb(0,0,0) solid;position:absolute;left:50%;top:50%;margin:-11px 0 0 -11px;z-index:1;border-radius:50%;-webkit-border-radius:50%;animation:pegIt 3.45s infinite ease-in-out;-webkit-animation:pegIt 3.45s infinite ease-in-out}
.cssload-loader .cssload-needle:before{content:"";width:0;height:0;border-style:solid;border-width:4.5px 69px 4.5px 0;border-color:transparent rgb(232,21,18) transparent transparent;position:absolute;right:50%;top:50%;margin:-4.5px 0 0 0;border-radius:0 50% 50% 0;-webkit-border-radius:0 50% 50% 0}
@keyframes pegIt{0%{transform:rotate(0)}16%{transform:rotate(75deg)}25%{transform:rotate(55deg)}30%{transform:rotate(90deg)}36%{transform:rotate(170deg)}42%{transform:rotate(150deg)}50%{transform:rotate(227deg)}100%{transform:rotate(0)}}
@-webkit-keyframes pegIt{0%{-webkit-transform:rotate(0)}16%{-webkit-transform:rotate(75deg)}25%{-webkit-transform:rotate(55deg)}30%{-webkit-transform:rotate(90deg)}36%{-webkit-transform:rotate(170deg)}42%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(227deg)}100%{-webkit-transform:rotate(0)}}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cssload-loader-circle-1,.cssload-loader-circle-2,.cssload-needle{animation:none!important;-webkit-animation:none!important}}
@media (max-width:480px){.spin-area{transform:scale(.8);margin-bottom:20px}}
.hidden{display:none!important}
#fail{max-width:460px;margin:0 auto;text-align:left}
#fail h1{color:#bd2426;text-align:center;margin-bottom:6px}
#fail .lead{text-align:center;color:#666;font-size:.95em;margin-bottom:22px}
#fail ul{list-style:none;padding:0;margin:0}
#fail li{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:8px;font-size:.92em}
#fail li .dot{width:9px;height:9px;border-radius:50%;background:#ccc;flex:none}
#fail li.up .dot{background:#0a0}
#fail li.down .dot{background:#d33}
#fail li.up{border-color:#bde5bd;background:#f6fdf6}
#fail li.down{opacity:.5}
#fail li .u{flex:1;word-break:break-all;color:#333}
#fail li .go{flex:none;color:#fff;background:#0a0;border-radius:5px;padding:4px 12px;font-size:.85em;text-decoration:none}
#fail li.down .go,#fail li .go.wait{display:none}
#fail li .st{flex:none;font-size:.8em;color:#999}
#fail .acts{text-align:center;margin-top:20px}
#fail .acts a,#fail .acts button{display:inline-block;margin:0 6px;font-size:.9em;color:#666;background:none;border:1px solid #ddd;border-radius:5px;padding:7px 16px;cursor:pointer;font-family:inherit;text-decoration:none}
#fail .note{text-align:center;font-size:.85em;color:#888;margin-top:18px;line-height:1.7}
#fail .note a{color:#e81512}