/* 基础飘窗样式：自适应核心 */
        .float-window {
            position: fixed;
            right: 50vw; /* 用vw单位，随视口宽度自适应 */
            bottom: 10vw;
            width: clamp(200px, 20vw, 400px); /* 最小150px，最大250px，中间按20vw缩放 */
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 9999;
            overflow: hidden;
            background: #fff;
        }

        /* 图片自适应：保持比例 */
        .float-img {
            width: 100%;
            height: auto; /* 高度自动，保持宽高比 */
            aspect-ratio: 1/1; /* 固定图片比例（如2:3），可选 */
            display: block;
            cursor: pointer;
        }

        /* 关闭按钮自适应 */
        .close-btn {
            position: absolute;
            top: 1vw;
            right: 1vw;
            width: clamp(18px, 3vw, 24px); /* 按钮尺寸自适应 */
            height: clamp(18px, 3vw, 24px);
            border-radius: 50%;
            border: none;
            background: rgba(255,255,255,0.9);
            color: #333;
            font-size: clamp(12px, 2vw, 16px);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 媒体查询：针对小屏手机优化 */
        @media (max-width: 480px) {
            .float-window {
                width: clamp(120px, 30vw, 180px); /* 手机端更窄 */
                right: 1vw;
                bottom: 1vw;
            }
        }

        /* 媒体查询：针对大屏桌面优化 */
        @media (min-width: 1200px) {
            .float-window {
                width: 220px; /* 大屏固定宽度 */
            }
        }