body { padding: 0; margin: 0 }
#unity-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 172.2667%; /* (图片高度 / 图片宽度) * 100% */
  background-color: #333; /* 可以设置一个背景色作为占位符 */
}

#unity-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('加载页.png') center top / contain no-repeat;
}
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { 
  position: absolute; 
  left: 50%; 
  bottom: 100px; /* 距离容器底部200px */
  transform: translateX(-50%); 
  display: none; 
  /* 确保z-index足够高，以显示在canvas之上 */
  z-index: 10;
}
#unity-logo {display: none; }
/* --- 示例：现代化的圆角、纯色进度条样式 --- */

/* 进度条的空槽 (背景) */
#unity-progress-bar-empty {
    /* 您可以自定义进度条的宽度和高度 */
    width: 300px;
    height: 22px;

    /* 移除旧的、基于图片的边距 */
    margin: 0;

    /* 设置背景颜色和边框 */
    background-color: #0f1f00; /* 深灰色背景 */
    border: 2px solid #275100;   /* 添加一个边框 */
    border-radius: 11px;      /* 圆角效果，值设为高度的一半 */
}

/* 进度条的填充部分 */
#unity-progress-bar-full {
    /* 宽度由JS控制，高度继承父级 */
    width: 0%;
    height: 100%;

    /* 移除旧的、基于图片的边距 */
    margin: 0;

    /* 设置填充颜色 */
    background-color: #6fed6f; /* 亮绿色填充 */
    border-radius: 9px;      /* 圆角要比背景稍小，以适应边框 */
}
#unity-footer { position: none }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { display: none }
#unity-build-title { display: none}
#unity-fullscreen-button { display: none}
#unity-warning { display: none }