body { 
    padding: 0; 
    margin: 0;
    background: linear-gradient(to top, #c9e6ff, #e6f2ff); /* 从底部(较深)到顶部(较浅)渐变 */
}
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { 
    background: linear-gradient(to top, #c9e6ff, #e6f2ff); /* 从底部(较深)到顶部(较浅)渐变 */
}
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
    display: none;
    width: 500px; /* 确保容器宽度与进度条一致 */
}
#unity-logo { 
    width: 450px; /* 从300px增加到450px (再增大0.5倍) */
    height: 405px; /* 从270px增加到405px (再增大0.5倍) */
    background: url('unity-logo-dark.png') no-repeat center;
    background-size: contain; /* 确保图片完整显示并保持比例 */
    margin: 0 auto; 
    position: absolute; 
    top: -420px; /* 调整顶部距离，适应更大的logo */
    left: 50%; 
    transform: translateX(-50%);
    z-index: 1; /* 确保logo在其他元素上方 */
}
#unity-progress-bar-empty { 
    width: 500px;
    height: 10px;
    margin-top: 0; /* 移除顶部边距 */
    margin-left: 0; /* 移除负边距 */
    background: #a2defa;
    border-radius: 4px;
    position: relative;
    left: 0; /* 确保位置正确 */
}
#unity-progress-bar-full { 
    width: 0%; 
    height: 10px;
    background: #0cacf7;
    border-radius: 4px;
    /* position: absolute; */
    top: 0; /* 调整为0 */
    left: 0;
}

html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
.webgl-content{width: 100%; height: 100%;}
.unityContainer{width: 100%; height: 100%;}

/* 移动设备上的额外调整 */
.unity-mobile #unity-loading-bar {
  width: 80%; /* 在移动设备上使用相对宽度 */
  max-width: 400px;
}

.unity-mobile #unity-logo {
  width: 60%; /* 相对宽度 */
  max-width: 300px;
  height: 180px !important; /* 明确设置固定高度，添加!important确保覆盖其他样式 */
  min-height: 120px; /* 确保至少有一定的高度 */
  top: -200px; /* 移动设备上减小顶部距离 */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.unity-mobile #unity-progress-bar-empty {
  width: 100%;
}

/* 适应不同屏幕方向 */
@media (orientation: portrait) {
  .unity-mobile #unity-loading-bar {
    top: 40%;
  }
}

@media (orientation: landscape) {
  .unity-mobile #unity-loading-bar {
    top: 50%;
  }
}

/* 针对不同屏幕尺寸的额外调整 */
@media screen and (max-width: 480px) {
  .unity-mobile #unity-logo {
    width: 80%;
    height: 150px !important;
    top: -170px;
  }
}

@media screen and (max-width: 320px) {
  .unity-mobile #unity-logo {
    width: 85%;
    height: 120px !important;
    top: -150px;
  }
}

#unity-loading-text {
  width: 100%;           /* 新增：让文字区域占满父容器 */
  display: block;        /* 确保是块级元素 */
  text-align: center;
  margin-top: 18px;
  font-size: 18px;
  color: #333;
  font-family: "微软雅黑", "Arial", sans-serif;
  letter-spacing: 2px;
}