body { padding: 0; margin: 0 ;background-color: #000;}
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: url('webbg.jpg');background-size: cover; background-position: center; background-repeat: no-repeat;}
.unity-mobile #unity-canvas { width: 100%; height: 100% }

#unity-loading-bar { position: absolute; left: 50%; top: 48.5%; transform: translate(-50%, -50%); display: none ;width: 100%; height:26.5%}
#unity-logo {display:none;}/*margin:-18% auto auto auto;  height: 100%; background: url('game-logo.png') no-repeat center; background-size: contain; }*/
#loading-indicator {position:absolute; top: 85%; 
   left:50%;
     transform: translate(-50%, -50%);
    height: 40px; height:40px; }

#unity-progress-bar-empty {display:none;margin:0 auto;  width: 50%; height: 18px; background-color: #00000033;   border-radius: 10px;}
#unity-progress-bar-full { display:none; width: 0%; height: 100%; margin-top: 0px; background-color: #00000077;   border-radius: 10px;}
#unity-footer { position: relative }

.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.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-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 旋转动画样式 */
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #ffffff;
    border-top: 5px solid #ff0099;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 10px;
}


/* 旋转动画定义 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}