.splash-screen{
    position: fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    background:#ffffff;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:1;
    transition: opacity 0.3s ease;
}
.splash-container{
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
}
.splash-img-wrap{
    position:relative;
    width:630px;
    height:100vh; /* 高度跟随首页视口高度 */
}
.splash-img-wrap img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain; /* 完整展示整张图片，不会裁切人物头部，不变形 */
}
.splash-count-wrap{
    position:absolute;
    top:16px;
    right:16px;
    width:48px;
    height:48px;
    z-index:10;
    cursor:pointer;
    pointer-events:auto;
}
.splash-svg-circle{
    width:100%;
    height:100%;
    pointer-events:none;
}
.splash-circle-bg{
    fill:transparent;
    stroke:#ddd;
    stroke-width:4;
    pointer-events:none;
}
.splash-circle-progress{
    fill:transparent;
    stroke:#ff6722;
    stroke-width:4;
    stroke-linecap:round;
    pointer-events:none;
}
.splash-count-text{
    position:absolute;
    left:0;
    top:0;
    width:48px;
    height:48px;
    text-align:center;
    line-height:48px;
    font-size:14px;
    color:#fff;
    font-weight:bold;
    pointer-events:none;
}

/* 手机端：宽度自动占满屏幕 */
@media (max-width:767px) {
    .splash-img-wrap{
        width:100%;
        height:100vh;
    }
}