/* @import url('../base/color.css'); */

/* 全局样式 */
/* body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
} */

/* Loading 加载层容器 */
.loader-wrap {
    position: fixed;
    z-index: 9999;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; /* Allow clicks to pass through after animation */
}

/* Layers */
.loader-wrap .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.loader-wrap .layer-blue {
    z-index: 1;
}

.loader-wrap .layer-black {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG Backgrounds */
.loader-wrap svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 115vh; /* Taller to allow pull up effect */
}

.loader-wrap .layer-black svg path {
    fill: var(--deep-blue-bg); /* Site Main Blue */
}

/* 
.loader-wrap .layer-blue svg path {
    fill: #d0d0d0 !important; 
} 
*/ 

/* Loading 文字样式 - Only in Black Layer */
.loader-wrap .loader-wrap-heading .load-text {
    font-family: 'Montserrat', 'Microsoft YaHei', sans-serif !important; /* Explicit font to prevent FOUT/shifting */
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--white-color);
    z-index: 20;
    letter-spacing: -5px;
    position: relative;
}

/* 响应式适配：移动端缩小文字 */
@media only screen and (max-width: 767px) {
    .loader-wrap .loader-wrap-heading .load-text {
        font-size: 30px;
    }
}

/* 文字闪烁动画 */
.load-text span {
    animation: loading 1s infinite alternate;
    display: inline-block;
}

/* 动画延迟：为每个字母设置递增的延迟 */
.load-text span:nth-child(1) { animation-delay: 0s; }
.load-text span:nth-child(2) { animation-delay: 0.1s; }
.load-text span:nth-child(3) { animation-delay: 0.2s; }
.load-text span:nth-child(4) { animation-delay: 0.3s; }
.load-text span:nth-child(5) { animation-delay: 0.4s; }
.load-text span:nth-child(6) { animation-delay: 0.5s; }
.load-text span:nth-child(7) { animation-delay: 0.6s; }
.load-text span:nth-child(8) { animation-delay: 0.7s; }
.load-text span:nth-child(9) { animation-delay: 0.8s; }
.load-text span:nth-child(10) { animation-delay: 0.9s; }
.load-text span:nth-child(11) { animation-delay: 1.0s; }
.load-text span:nth-child(12) { animation-delay: 1.1s; }
.load-text span:nth-child(13) { animation-delay: 1.2s; }
.load-text span:nth-child(14) { animation-delay: 1.3s; }
.load-text span:nth-child(15) { animation-delay: 1.4s; }
.load-text span:nth-child(16) { animation-delay: 1.5s; }

/* 动画关键帧：透明度变化 */
@keyframes loading {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.loading_i {
    font-weight: 100;
    font-style: italic;
}