/* 触发弹窗的文字样式 */
        .qr-trigger {
            color: #2c7be5;
            cursor: pointer;
            font-weight: bold;
            text-decoration: none;
            transition: color 0.3s;
            text-align: center;
        }
        .qr-trigger:hover {
            color: #1a5bb8;
        }

        /* 弹窗背景层 */
        .qr-overlay {
            display: none; /* 默认隐藏 */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }

        /* 弹窗内容容器 */
        .qr-modal {
            background-color: #fff;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            position: relative;
            max-width: 90%;
            max-height: 90%;
            text-align: center;
        }

        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 1.5rem;
            cursor: pointer;
            color: #666;
            transition: color 0.3s;
        }
        .close-btn:hover {
            color: #ff3b30;
        }

        /* 二维码图片样式 */
        .qr-code {
            width: 250px;
            height: 250px;
            object-fit: contain;
            margin-bottom: 1rem;
        }

        /* 响应式调整 */
        @media (max-width: 400px) {
            .qr-code {
                width: 200px;
                height: 200px;
            }
        }