/* ---------- 浮动面板核心样式 (正方形背景，间距缩小) ---------- */
        .kefu {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        /* 面板显示状态 (由js控制显示/隐藏) */
        .kefu.show {
            opacity: 1;
            visibility: visible;
        }

        /* 列表容器 - 间距缩小为 6px (原12px) */
        .kefu ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 6px;   /* 缩小间距 */
        }

        /* 每个功能块 - 正方形背景 (宽高相等，背景纯色) */
        .kefu li {
            position: relative;
            width: 54px;
            height: 54px;
            background: #2c2e3a;
            border-radius: 30px;   /* 保持圆角，但整体正方形视觉效果 #2c2e3a */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transition: all 0.25s ease;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .kefu li:hover {
            background: #1e88e5;
            transform: scale(1.02);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

        /* 图标容器 */
        .imgbox {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .imgbox a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
        }

        .imgbox img {
            width: 46px;
            height: 46px;
            object-fit: contain;
            display: block;
            transition: transform 0.2s;
        }

        /* 悬浮提示文字 (ds) - 向左弹出 */
        .ds {
            position: absolute;
            right: 56px;
            top: 50%;
            transform: translateY(-50%);
            background: #B60914;
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
            white-space: nowrap;
            padding: 6px 15px;
            border-radius: 40px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s ease, visibility 0.2s ease;
            pointer-events: none;
            font-family: inherit;
            letter-spacing: 0.5px;
            z-index: 1001;
        }

        /* 所有li悬浮时显示提示文本（向左弹出） */
        .kefu li:hover .ds {
            opacity: 1;
            visibility: visible;
        }

        /* 返回顶部单独样式微调 */
        #gotop {
            cursor: pointer;
        }

        /* 移动端微调 */
        @media (max-width: 768px) {
            .kefu {
                right: 12px;
            }
            .kefu li {
                width: 46px;
                height: 46px;
            }
            .imgbox img {
                width: 24px;
                height: 24px;
            }
            .ds {
                right: 58px;
                font-size: 12px;
                padding: 4px 10px;
            }
        }