* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        body {
            /* 需求3：全局背景整张图，多端自适应不拉伸 */
            background: url("../img/bg.jpg") center top / 100% auto no-repeat #ae1b16;
            font-family: "Microsoft Yahei", PingFangSC-Regular, sans-serif;
            color: #fff;
            max-width: 750px;
            min-height: 100vh;
            margin: 0 auto;
            padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
        }
        a{text-decoration:none}
        .cl{ clear: both; }
        .container1 {
        text-align: center;
        color: #fff;
        padding:15px 20px;
        margin-bottom:20px;
    }

        .container1 .title {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #ffd700;
    }

    .container1 .btn-group {
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
    }

    .container1 .btn {
        padding: 15px 36px;
        border: 2px solid #ffd700;
        border-radius: 8px;
        background: #7a0000;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        transition: 0.3s;
    }

    .container1 .btn:hover {
        background: #a00000;
    }

    .container1 .note {
        font-size: 14px;
        opacity: 0.9;
    }
        /* 顶部banner区域：需求2 整图banner */
        .top-banner {
            width: 100%;
            padding-top: 20px;
        }
        .banner-full-img {
            width: 100%;
            display: block;
            object-fit: cover;
        }
        /* 需求1：标题占位图，多端宽度自适应 */
        .title-wrap {
            width: clamp(80%, 90vw, 90%);
            margin: clamp(-12vw, -8vw, -6vw) auto 5vw;
            position: relative;
            z-index: 9;
        }
        .title-img {
            width: 100%;
            display: block;
            object-fit: contain;
        }
        /* 需求4：下载按钮占位图 */
        .download-btn-wrap {
            padding: 20px 0 0;
            width: clamp(70%, 80vw, 80%);
            margin: 0 auto;
            animation: opacityBreath 1.6s infinite;
        }
        .download-btn-img {
            width: 100%;
            display: block;
            object-fit: contain;
        }
        /* 三按钮行 弹性兼容 */
        .btn-row-3 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 92%;
            margin: 0 auto;
            gap: 2%;
        }
        .mini-btn {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #fff;
            background: #d80808;
            border: 2px solid #fff;
            border-radius: 999px;
            padding: clamp(8px, 2vw, 10px) 0;
            font-size: clamp(14px, 4vw, 18px);
            text-align: center;
            font-weight: bold;
        }
        /* 公告文字 字体限制最大最小值，PC不会超大 */
        .notice-title {
            font-size: clamp(18px, 6vw, 28px);
            color: #ffdd22;
            text-align: center;
            margin-bottom: clamp(15px, 3vw, 20px);
            letter-spacing: 2px;
        }
        .notice-text {
            width: 90%;
            margin: 0 auto clamp(30px, 5vw, 40px);
            font-size: clamp(13px, 3.8vw, 16px);
            line-height: 1.8;
            text-align: center;
        }
        /* 模块通用样式 多端边距自适应 */
        .module-wrap {
            width: 92%;
            margin: 0 auto clamp(30px, 4.5vw, 35px);
            background: #780505;
            border: 2px solid #ffcc66;
            border-radius: 30px;
            padding: clamp(40px, 7vw, 50px) 15px 20px;
            position: relative;
        }
        /* 需求5：模块标题背景占位图 */
        .module-title-wrap {
            position: absolute;
            top:-30px;
            left: 50%;
            transform: translateX(-50%);
            width: clamp(45%, 52vw, 52%);
        }
        .module-title-img {
            width: 100%;
            display: block;
            object-fit: contain;
        }
        .module-wrap .page {
    text-align: center;
}

/* 顶部 */
.module-wrap .header {
    font-size: 34px;
    font-weight: bold;
    color: #ffe600;
    margin-bottom: 25px;
}

.module-wrap .header span {
    font-size: 40px;
}

/* 中间卡片 */
.module-wrap .card {
    background: #ffe9d6;
    color: #b30000;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 10px 10px;
    border-radius: 18px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
}

.module-wrap .card small {
    font-size: 18px;
    font-weight: normal;
}

/* 底部 */
.module-wrap .footer {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}
        .module-text {
            font-size: clamp(13px, 3.8vw, 16px);
            line-height: 1.8;
            text-align: left;
            color: #fff;
        }
        .module-text h1{ color:#eeff2b; font-size: 20px; }
        /* 发包规则三列网格 兼容低版本浏览器 */
        .rule-grid {
            display: grid;
            display: -ms-grid;
            grid-template-columns: repeat(3, 1fr);
            gap: clamp(10px, 2vw, 15px);
            margin-bottom: clamp(15px, 3vw, 20px);
        }
        .rule-item {
            font-size: clamp(15px, 4.5vw, 20px);
            color: #ffdd22;
            text-align: center;
            font-weight: bold;
        }
        /* 两列规则列表 */
        .rule-list {
            display: grid;
            display: -ms-grid;
            grid-template-columns: repeat(2, 1fr);
            gap: clamp(8px, 1.5vw, 12px);
        }
        .rule-list-item {
            font-size: clamp(13px, 4.2vw, 17px);
            text-align: center;
            line-height: 1.6;
        }
        /* 截图占位区域 高度自适应屏幕，平板/手机均衡 */
        .img-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: clamp(6px, 1.2vw, 10px);
        }
        .img-placeholder {
            /* 替换vh固定高度，平板不会过高 */
            height:100%;
            border-radius: 6px;
        }
        .img-placeholder img{ width: 100%; height: 100%; padding:10px 0 0 0;}

        /* ========== 多终端媒体查询 ========== */
        /* 平板设备（768px ~ 1024px） */
        @media screen and (min-width:768px) and (max-width:1024px) {
            body {
                max-width: 680px;
            }
            .img-placeholder {
                height: 100%;
            }
        }
        /* PC大屏（大于1024px）页面居中，宽度锁定不拉伸 */
        @media screen and (min-width:1025px) {
            body {
                max-width: 650px;
            }
            .img-placeholder {
                height: 100%;
            }
        }
        /* 小屏手机（小于375px，如SE、折叠小屏） */
        @media screen and (max-width:374px) {
            .btn-row-3 {
                flex-wrap: wrap;
                gap: 8px;
            }
            .mini-btn {
                flex: 1 1 30%;
            }
            .rule-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @keyframes opacityBreath{
            0% {transform: scale(0.8);}
            50% {transform: scale(1);}
            100% {transform: scale(0.8);}
        }