/* 基础重置 */
        * {
            margin: 0; 
            padding: 0; 
            box-sizing: border-box;
        }

        body {
            /* 全局字体 */
            font-family: "Microsoft YaHei", sans-serif; 
            color: #fff;
            /* 防止手机滚动抖动 */
            overflow-x: hidden; 
        }

        /* 背景容器：核心响应式实现 */
        .bg-container {
            /* 覆盖全屏 */
            width: 100vw; 
            height: 100vh;
            /* 背景图铺满，保持比例，居中显示 */
            background: url('../img/bg.webp') no-repeat center center / cover; 
            /* 弹性布局居中内容 */
            display: flex; 
            flex-direction: column;
            justify-content: center;
            align-items: center;
            /* 内边距随屏幕尺寸变化 */
            padding: clamp(20px, 5vw, 40px); 
            text-align: center;
        }

        /* 集团Logo样式 - 自适应设计 */
        .logo {
            display: flex;
            align-items: center;
            justify-content: center;
            /* 底部间距随屏幕尺寸变化 */
            margin-bottom: clamp(30px, 8vh, 60px);
            /* 最大宽度限制 */
            max-width: 80%;
        }
        .logo img {
            /* 关键：使用百分比宽度实现自适应 */
            width: 100%;
            /* 最大宽度限制，防止在超大屏幕上过大 */
            max-width: 500px;
            /* 最小宽度限制，防止在小屏幕上过小 */
            min-width: 80px;
            /* 保持图片比例 */
            height: auto;
        }

        /* 欢迎语样式 - 响应式字体 */
        .welcome {
            font-size: clamp(16px, 3vw, 22px);
            margin-bottom: clamp(8px, 2vh, 15px);
            text-shadow: 0 0 5px rgba(0,0,0,0.8); 
        }
        .instruction {
            font-size: clamp(12px, 2vw, 16px);
            margin-bottom: clamp(20px, 6vh, 40px);
            text-shadow: 0 0 5px rgba(0,0,0,0.8);
            max-width: 80%;
        }

        /* 按钮组样式 */
        .btn-group {
            display: flex;
            flex-direction: column;
            gap: clamp(10px, 3vh, 20px);
            width: 100%;
            padding: 0 10px;
        }
        .btn {
            background-color: #73c94c;
            color: #fff;
            padding: clamp(10px, 3vh, 15px) clamp(20px, 5vw, 40px);
            border-radius: 50px;
            text-decoration: none;
            font-size: clamp(14px, 2.5vw, 18px);
            transition: all 0.3s ease;
            width: 100%;
            box-sizing: border-box;
        }
        .btn:hover {
            /* hover 增强交互感 */
            transform: scale(1.03); 
            opacity: 0.9;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }

        /* 电脑端按钮横向排列 */
        @media (min-width: 768px) {
            .btn-group {
                flex-direction: row;
                justify-content: center;
                gap: clamp(15px, 3vw, 30px);
            }
            .btn {
                width: 20rem;
            }
        }