    <!DOCTYPE html>
    <html lang="zh-Hans">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>请在微信中打开</title>
        <style>
            body {
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                background-color: #f5f7fa;
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 100vh;
                margin: 0;
                padding: 20px;
            }
            .guide-card {
                background: #fff;
                padding: 40px 30px;
                border-radius: 12px;
                box-shadow: 0 4px 20px rgba(0,0,0,0.08);
                text-align: center;
                max-width: 500px;
                width: 100%;
            }
            .guide-card .icon { font-size: 48px; margin-bottom: 20px; }
            .guide-card h2 { font-size: 22px; color: #333; margin: 0 0 15px; }
            .guide-card p { font-size: 15px; color: #666; line-height: 1.6; margin: 0 0 25px; }
            .guide-card .qr-container {
                margin: 20px auto;
                padding: 15px;
                background: #f9f9f9;
                border-radius: 8px;
                display: inline-block;
                border: 1px solid #eee;
            }
            .guide-card .qr-container img { width: 200px; height: 200px; display: block; }
            .guide-card .steps {
                text-align: left;
                margin: 25px 0;
                font-size: 14px;
                color: #444;
                line-height: 1.8;
                background: #fafafa;
                padding: 15px 20px;
                border-radius: 8px;
            }
            .guide-card .steps li { margin-bottom: 8px; }
            .guide-card .steps strong { color: #07C160; }
            .guide-card .note { margin-top: 15px; font-size: 13px; color: #999; }
        </style>
    </head>
    <body>
        <div class="guide-card">
            <div class="icon">🔔</div>
            <h2>请关注服务号进行招聘登记</h2>
            <p>本平台所有功能均在微信服务号内完成，请使用手机微信扫描下方二维码关注我们。</p>
            <div class="qr-container">
                <img src="https://tongtukejijiazezhongjia.com/wp-content/uploads/2026/07/qrcode_for_gh_8f8633466440_258.jpg" alt="微信服务号二维码">
            </div>
            <div class="steps">
                <ol>
                    <li><strong>扫码关注</strong>：使用微信扫描上方二维码。</li>
                    <li><strong>进入菜单</strong>：关注后，点击底部菜单的「招聘登记」。</li>
                    <li><strong>填写提交</strong>：在微信内完成信息填写与支付。</li>
                </ol>
            </div>
            <p class="note">温馨提示：请在手机微信中操作，电脑端无法直接完成支付。</p>
        </div>
    </body>
    </html>
    