/* 暗黑模式协议防御：CSS 根节点再次声明浅色主题 */
:root {
    color-scheme: light;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* 1. 背景图 */
body {
    background-color: #1a1a2e;
    background-image: url('LoadingBG.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }

/* 将游戏画布背景设为透明，以露出 body 的背景图 */
#unity-canvas { background: transparent; } 
.unity-mobile #unity-canvas { width: 100%; height: 100% }

#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }

/* 2. 替换正中间的 Logo */
#unity-logo { 
    /*width: 154px; 
    height: 130px; 
    /* 换成你自己的 Logo 图片 */
     /* background: url('my-center-logo.png') no-repeat center; 
    background-size: contain; */
    display: none;
}

/* 3. 修改进度条：变长、变宽 */
#unity-progress-bar-empty { 
    width: 300px;  /* 【修改】：控制进度条的总长度，从 141px 放大到 300px（可自行增减） */
    height: 30px;  /* 【修改】：控制进度条的粗细/高度，从 18px 放大到 30px */
    margin-top: 20px; 
    margin-left: 0; /* 【修改】：去掉了原来莫名其妙的 6.5px，让它完美居中 */
    background: url('progress-bar-empty-dark.png') no-repeat center; 
    background-size: 100% 100%; /* 【新增！极其关键】：强制让背景图片拉伸适配你修改后的新尺寸，否则图片会错位 */
}
#unity-progress-bar-full { 
    width: 0%; /* 注意：这里保持 0% 不变，代码会控制它 */
    height: 30px; /* 【修改】：必须和上面的 empty 高度保持绝对一致，改为 30px */
    margin-top: 20px; 
    background: url('progress-bar-full-dark.png') no-repeat center; 
    background-size: 100% 100%; /* 【新增！极其关键】：同理，强制拉伸填充图 */
}

/* 4. 修改百分比文字：变大 */
#unity-progress-text {
    color: #ffffff; 
    text-align: center; 
    font-family: Arial, sans-serif;
    font-size: 40px; /* 【修改】：控制字体大小，从 16px 放大到 28px（可自行增减） */
    margin-top: 21px; /* 【修改】：字变大了，稍微把向下的间距拉开一点，避免和进度条挤在一起 */
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8); /* 【修改】：字变大了，阴影也要稍微加重一点才好看 */
}

/* --- 下面是修改过的底栏相关代码 --- */
#unity-footer { position: relative; height: 120px; display: block; }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 120px; height: 120px; }
#unity-build-title { float: right; margin-right: 10px; line-height: 120px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; margin-top: 21px; cursor: pointer }

#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }