/* ============================================================
   Windows 8 更新界面 —— 样式
   原站地址：https://www.bitsoo.cn/fakeupdate/system/win8/
   说明：本页背景为纯色（默认 #07466c），
        且原站支持用 URL 查询串动态改色，例：index.html?1e3a5f
   ============================================================ */

body {
  background: #07466c;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  vertical-align: middle;
  text-align: center;
  z-index: -1;
  margin: 0;
  padding: 0;
  cursor: url(../../img/gQyFbtU.png), auto;
}

.CT {
  vertical-align: middle;
  position: absolute;
  top: 50%;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 400px;
  margin-top: -5%;
  font-family: Segoe UI Light, Segoe UI, Arial;
  font-size: 23px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.image_block {
  position: absolute;
  bottom: 17px;
  left: 50%;
  width: 50%;
  margin: -5% 0 0 -25%;
}

p {
  display: block;
  float: middle;
  text-align: center;
  width: 100%;
}

.centeragain {
  width: 400px;
  margin: 0px auto;
  text-align: left;
}

.messageBox {
  display: block;
  color: #67A2E6;
  font-family: Segoe UI Light, Segoe UI, Arial;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 999;
}

/* ---- 五点轨道加载动画（原站纯 CSS 实现，参数原样保留） ---- */
.loader {
  position: relative;
  padding-top: 100px;
  width: 40px;
  margin: auto;
}

.loader .circle {
  position: absolute;
  width: 32px;
  height: 32px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 5.5s;
}

.loader .circle:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background: #fff;
}

.loader .circle:nth-child(2) { animation-delay: 240ms; }
.loader .circle:nth-child(3) { animation-delay: 480ms; }
.loader .circle:nth-child(4) { animation-delay: 720ms; }
.loader .circle:nth-child(5) { animation-delay: 960ms; }

@keyframes orbit {
  0%   { transform: rotate(225deg); opacity: 1; animation-timing-function: ease-out; }
  7%   { transform: rotate(345deg); animation-timing-function: linear; }
  30%  { transform: rotate(455deg); animation-timing-function: ease-in-out; }
  39%  { transform: rotate(690deg); animation-timing-function: linear; }
  70%  { transform: rotate(815deg); opacity: 1; animation-timing-function: ease-out; }
  75%  { transform: rotate(945deg); animation-timing-function: ease-out; }
  76%  { transform: rotate(945deg); opacity: 0; }
  100% { transform: rotate(945deg); opacity: 0; }
}