/* 重置默认样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Arial', 'Microsoft YaHei', sans-serif;
        }

        /* 页面基础样式 - 相对定位用于承载视频背景 */
        body {
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow-x: hidden; /* 防止视频宽度溢出 */
        }

        /* MP4背景容器 - 高度为窗口80%，宽度全屏，固定定位且上下居中 */
        .video-bg {
            position: fixed;
            top: 50%;          /* 垂直居中第一步：顶部定位到50% */
            left: 0;
            transform: translateY(-50%); /* 垂直居中第二步：向上偏移自身50% */
            width: 100vw;      /* 宽度拉满全屏 */
            height: 80vh;      /* 高度为窗口总高度的80% */
            overflow: hidden;  /* 隐藏超出部分 */
            z-index: -1;       /* 放在内容下方 */
        }

        /* 视频样式 - 宽度全屏，高度自适应，保持比例 */
        .video-bg video {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持视频比例，覆盖容器 */
            display: block;
        }

        /* 主容器样式 - 扩满屏幕 */
        .redirect-container {
            width: 100vw;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            border-radius: 0;
            box-shadow: none;
            text-align: center;
            position: relative; /* 确保在视频上方 */
            z-index: 1;
        }

        /* Logo 样式 */
        .logo-container {
            margin-bottom: 30px;
        }

        .logo {
            max-width: 280px;
            width: 100%;
            height: auto;
            margin: 0 auto;
            display: block;
        }

        /* 提示文本样式 - 改为白色 */
        .message {
            color: #ffffff;    /* 文字改为纯白色 */
            font-size: 16px;
            margin-bottom: 25px;
            line-height: 1.6;
            text-shadow: 0 0 5px rgba(0,0,0,0.3); /* 加轻微文字阴影，提升可读性 */
        }

        /* 链接样式 - 按钮文字保持白色，优化背景色对比度 */
        .redirect-link {
            display: inline-block;
            background-color: #3dcd58;
            color: #ffffff;    /* 按钮文字改为纯白色 */
            text-decoration: none;
            padding: 12px 24px;
            border-radius: 6px;
            font-size: 15px;
            transition: background-color 0.3s ease;
            text-shadow: 0 0 2px rgba(0,0,0,0.2); /* 轻微阴影增强辨识度 */
        }

        .redirect-link:hover {
            background-color: #2eaa48; /* hover时颜色稍深，保持对比 */
        }

        /* 加载动画（单向） */
        .loader {
            width: 400px;
            height: 4px;
            background-color: rgba(255,255,255,0.5); /* 加载条背景改为半透明白色 */
            border-radius: 2px;
            margin: 0 auto 20px;
            overflow: hidden;
        }

        .loader::after {
            content: '';
            display: block;
            width: 0; /* 初始宽度为0 */
            height: 100%;
            background-color: #ffffff; /* 加载进度条改为纯白色 */
            border-radius: 2px;
            /* 单向加载动画：3秒内宽度从0到100%，完成后停在末尾 */
            animation: loading 3s ease-out forwards;
        }

        /* 单向加载动画关键帧 */
        @keyframes loading {
            0% { width: 0; }          /* 开始：宽度0 */
            100% { width: 100%; }     /* 结束：宽度100% */
        }

        /* 响应式调整 */
        @media (max-width: 480px) {
            .redirect-container {
                padding: 30px 15px;
            }

            .message {
                font-size: 14px;
            }

            .redirect-link {
                padding: 10px 20px;
                font-size: 14px;
            }

            /* 移动端保持视频高度为窗口80%且居中 */
            .video-bg {
                height: 80vh;
                top: 50%;
                transform: translateY(-50%);
            }
        }