@charset "utf-8";
.loader-wrapper { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999; background: #000000; overflow:hidden;pointer-events: none; }	

.loader-container { position:absolute; width:170px; height:50px; top:50%; left:50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);}

.loader-container > div { position:absolute;  font-size: 35px; color: #fff; transform-origin:center; -moz-transform-origin:center; -webkit-transform-origin:center; -o-transform-origin:center; -ms-transform-origin:center;}

.large-header {	position: relative;	width: 100%; height: 100%; overflow: hidden;  }
.loader-title {	position: absolute;	margin: auto; padding: 0; color: #FFF; text-align: center; left: 0; bottom: 50%; right:0; font-size: 80px; text-transform: uppercase; font-family: Londrina Outline, sans-serif; z-index:1; }

.loader-title span { color: white; font-weight:300; font-family: Notosanshans Regular, sans-serif; text-transform: lowercase; margin: 0 0px 0 12px;text-shadow: 0.4px 1px 4px #111111; }

/*.loader-title::before { background: url("../images/loader-img.png") no-repeat scroll 100% 100%; bottom: 0; content: ""; height: 196px; left: 0; margin: auto; opacity: 0.8; position: absolute; right: 0; top: -50%; width: 110px; z-index: -1; 
animation: 2s linear 0s normal none infinite running floating; -webkit-animation: 2s linear 0s normal none infinite running floating; -moz-animation: 2s linear 0s normal none infinite running floating; 
-ms-animation: 2s linear 0s normal none infinite running floating; -o-animation: 2s linear 0s normal none infinite running floating; }*/
.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    transition: opacity 2s ease-in-out; /* 添加过渡效果 */
}

.text-container {
    position: relative;
    font-size: 40px;
    font-family: Notosanshans Regular, sans-serif;
    text-align: center;
    z-index: 1;
}

#cursor {
    display: inline-block;
    width: 10px;
    margin-left: 5px;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.expose-white {
    animation: bright_load 0.8s forwards;
}

.blutout{
    animation: bluroutanim 10s forwards cubic-bezier(0.22, 0.61, 0.36, 1);
    pointer-events: none;
}
@keyframes bluroutanim{
    0% {
        filter: brightness(1);
        opacity: 1;
    }
    2% {
        filter: brightness(20);
        opacity: 1;
    }
    5% {
        filter: brightness(1.1);
        opacity: 1;
    }
    100% {
        filter: brightness(1);
        opacity: 0;
    }
}

@keyframes bright_load{
    0% { filter: brightness(1) blur(0); opacity:1;}
    90% { filter: brightness(9) blur(100px); opacity: 0;}
    100% { filter: brightness(10);opacity: 0;}
}