#splash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(./images/bg_zjo9v0.png) no-repeat center;
    background-size: cover;
}

/* Logo1样式 - logo1.png尺寸：668x246，显示为334x123 */
.logo1 {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 334px;
    height: 123px;
    background: url(./images/logo1_0b722g.png) no-repeat center;
    background-size: contain;
}

.logo1.bdt{
    background: url(./images/logo1-bdt.png) no-repeat center;
    background-size: contain;
}

/* Logo2样式 - logo2.png尺寸：644x459，显示为322x229.5 */
.logo2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 322px;
    height: 229px;
    background: url(./images/logo2_2qk0dm.png) no-repeat center;
    background-size: contain;
}

.logo2.bdt{
    background: url(./images/logo2-bdt.png) no-repeat center;
    background-size: contain;
}

/* 进度条容器 - 页面下半部分 */
.progress-bar {
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 285px;
    height: 16px;
    background: url('./images/progress-bg_cm5ly5.png') no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    border-radius: 13px;
}

/* 进度条填充 - 使用width控制，避免图片变形 */
.progress-fill {
    position: relative;
    width: 0%;
    height: 100%;
    background: url('./images/progress-bar_cbglwq.png') no-repeat left center;
    background-size: 285px 100%;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}

/* 百分比文字样式 */
.progress-text {
    position: absolute;
    top: -15px;
    left: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #FFE826;
    font-size: 12px;
    white-space: nowrap;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    font-weight: 900;
}

/* 兼容旧版本的动画 */
@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}