* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* ================================================
       PC端样式
    ================================================ */
    .contact-module {
        position: relative;
        width: 100%;
        /* ✅ 修复关键：移除 aspect-ratio，改用 min-height + padding
           让容器高度由内容撑开，永远不会裁切文字 */
        min-height: 300px;
        padding: 50px 40px;
        background-image: url('//ueeshop.ly200-cdn.com/u_file/UPBA/UPBA911/2606/01/photo/-PC11.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-family: Arial, "Microsoft YaHei", sans-serif;
        text-align: center;
        overflow: hidden;
    }

    /* 主标题 */
    .contact-module .title {
        color: #004599;
        font-size: 55px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 20px;
    }

    /* 副标题 */
    .contact-module .subtitle {
        color: #004599;
        font-size: 29px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 55px;
    }

    /* 内容 */
    .contact-module .content {
        color: #000000;
        font-size: 20px;
        line-height: 38px;
    }

    .contact-module .content p {
        margin: 0;
    }

    /* ================================================
       移动端图片区域：PC端完全隐藏
    ================================================ */
    .mobile-img-area {
        display: none;
    }


    /* ================================================
       ★ 移动端专属样式
       ✅ 断点从 768px 提升至 1024px：
          确保在窗口缩小、文字即将被遮挡之前提前切换，
          并用百分比 / auto 自动匹配当前页面尺寸
    ================================================ */
    @media (max-width: 1024px) {

        /* 移动端：纵向排列，白色背景，高度由内容自动撑开 */
        .contact-module {
            aspect-ratio: auto;
            min-height: auto;
            padding: 0;
            background-image: none;
            background-color: #ffffff;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            overflow: visible;
            /* ✅ 宽度100%自动匹配页面尺寸 */
            width: 100%;
        }

        /* ── 文字内容区域 ── */
        .contact-module .text-area {
            width: 100%;
            background-color: #ffffff;
            text-align: center;
            padding: 25px 20px;
        }

        /* 主标题：根据视口宽度流式缩放 */
        .contact-module .title {
            /* ✅ clamp(最小值, 流式值, 最大值) 自动适配各种窗口尺寸 */
            font-size: clamp(24px, 4vw, 32px);
            margin-bottom: 14px;
        }

        /* 副标题 */
        .contact-module .subtitle {
            font-size: clamp(15px, 2.5vw, 18px);
            margin-bottom: 20px;
            line-height: 1.5;
        }

        /* 内容正文 */
        .contact-module .content {
            font-size: clamp(13px, 1.8vw, 15px);
            line-height: 1.8;
            color: #000000;
        }

        /* ── 移动端图片：显示在文字正下方，宽度100%自适应 ── */
        .mobile-img-area {
            display: block;
            width: 100%;
            line-height: 0;
        }

        .mobile-img-area img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }
    }