.preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #0d121c;/* 极深蓝色背景 */z-index: 10000;transition: opacity 0.8s ease, visibility 0.8s;color: #fff;}
.preloader.hidden {opacity: 0;visibility: hidden;pointer-events: none;}
.preloader-content {display: flex;flex-direction: column;align-items: center;text-align: center;}
.loading-video-box {z-index: -1;position: absolute;width: 100%;height: 75%;display: flex;justify-content: center;align-items: center;}
.loading-video-box video {width: 100%;height: 180%;object-fit: cover;}
.loading-video-box .percentage {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3.625rem;font-family: "Georgia", serif;/* 衬线字体 */font-style: italic;color: #fff;pointer-events: none;}
.preloader-text {font-size: 1.75rem;margin-top: 30%;font-style: italic;}
.preloader-logo {margin-top: 3rem;}
.preloader-logo img {height: 2rem;/* 根据实际logo高度调整 */width: auto;}
.skip-btn {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);color: rgba(255, 255, 255, 0.6);cursor: pointer;transition: color 0.3s;letter-spacing: 1px;}
.skip-btn:hover {color: #fff;}
.is-not-first-visit .preloader {display: none !important;}
/* 同时确保 body 不会因为锁定类名而无法滚动 */
.is-not-first-visit body {overflow: auto !important;touch-action: auto !important;}