body { padding: 0; margin: 0 }
#unity-container { position: relative }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { 
  width: 100vw;
        
  height: 100vh;
        
  display: flex;
        
  justify-content: center;
        
  align-items: center; 
  background: url('./newImage/Bg_Loading_Bg.png') no-repeat center;
  background-size: cover; 
}
.unity-mobile #unity-logo
{
  background: url('./newImage/Bg_Loading_Bg2.png') no-repeat center;
  background-size: cover; 
}
#unity-progress-bar-empty { position: absolute; bottom: -10%;left: 0;width: 100%; height: 12px;  background: url('./newImage/ProBar_Loading_bar2.png') no-repeat center; background-size: cover; }
#unity-progress-bar-full {position: absolute;  bottom: -10%;left: 0; width: 0%; height: 12px;  background: url('./newImage/ProBar_Loading_bar1.png') no-repeat center;background-size: cover; }
.unity-mobile #unity-progress-bar-empty,
.unity-mobile #unity-progress-bar-full{
  bottom: -10%;
}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#loading-text {
  /* position: absolute;
  top: 45%; 
  left: 50%;
  transform: translateX(-50%); */
  width: 50%; /* 调整宽度以适应页面 */
  text-align: left;
  color: white; /* 文字颜色 */
  font-size: 18px; /* 字体大小 */
  font-family: Arial, sans-serif; /* 字体 */
  text-shadow: 1px 1px 2px black; /* 文字阴影，增强可读性 */
  z-index: 1001; /* 确保文字在最上层 */
  line-height: 2.5; /* 行间距 */
  opacity: 0.5;
}

.unity-mobile #loading-text {
  /* position: absolute;
  top: 45%; 
  left: 50%;
  transform: translateX(-50%); */
  width: 80%; /* 调整宽度以适应页面 */
  text-align: left;
  color: white; /* 文字颜色 */
  font-size: 16px; /* 字体大小 */
  font-family: Arial, sans-serif; /* 字体 */
  text-shadow: 1px 1px 2px black; /* 文字阴影，增强可读性 */
  z-index: 1001; /* 确保文字在最上层 */
  line-height: 1.5; /* 行间距 */
  opacity: 0.5;
}

#loading-title-text {
  width: 20%; /* 调整宽度以适应页面 */
  left: 40%;
  text-align: center;
  color: white; /* 文字颜色 */
  font-size: 18px; /* 字体大小 */
  font-family: Arial, sans-serif; /* 字体 */
  text-shadow: 1px 1px 2px black; /* 文字阴影，增强可读性 */
  z-index: 1001; /* 确保文字在最上层 */
  bottom: 20px;
  position: absolute;
}
#loading-pro-text {
  width: 12px; /* 调整宽度以适应页面 */
  text-align: left;
  color: white; /* 文字颜色 */
  font-size: 18px; /* 字体大小 */
  font-family: Arial, sans-serif; /* 字体 */
  text-shadow: 1px 1px 2px black; /* 文字阴影，增强可读性 */
  z-index: 1001; /* 确保文字在最上层 */
  bottom: -3px;
  right: -15px;
  position: absolute;
}
#loading-bar{
  bottom: 10%;
  position: absolute;
  left: 10%;
  width: 75%;
}