@charset "utf-8";
/* CSS Document */
/* 全局样式重置，避免影响原页面 */
        .activity-popup-wrapper {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }

        /* 遮罩层 */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.75);
            display: none; /* 默认隐藏，JS控制11秒后显示 */
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        /* 弹窗主体容器 - 自适应宽度 */
        .activity-popup {
            position: relative;
            width: 90%;
            max-width: 380px;
            text-align: center;
        }

        /* 流光文字效果 */
        .popup-title {
            font-size: clamp(25px, 5vw, 38px);
            font-weight: bold;
            margin-bottom: 12px;
            /* 五彩流光核心 */
            background: linear-gradient(90deg,
                #ff0000, #ff9900, #ffff00, #00ff00,
                #0099ff, #6633ff, #ff00ff, #ff0000);
            background-size: 200% auto;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            animation: shine 3s linear infinite;
        }
        @keyframes shine {
            to {
                background-position: 200% center;
            }
        }

        /* 弹窗图片容器 */
        .popup-img-wrap {
            position: relative;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 20px;
            overflow: hidden;
        }
        .popup-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #ffcc00;
            border: 3px solid #ff9500;
            font-size: 32px;
            font-weight: bold;
            color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
            z-index: 10;
        }

        /* 客服按钮 */
        .kefu-btn {
            position: fixed;
            right: 15px;
            top: 30%;
            transform: translateY(-50%);
            display: none; /* 默认不显示 */
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            z-index: 9998;
        }
        /* 客服图标（可替换图片） */
        .chat-icon {
            width: 75px;
            height: 86px;
            border-radius: 1px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 2秒晃动动画 */
            animation: shake 2s ease-in-out infinite;
        }
        .chat-icon::before {
            content: '';
            position: absolute;
            bottom: -10px;
        }
        .chat-icon span {
            width: 8px;
            height: 8px;
            background: #fff;
            border-radius: 50%;
            margin: 0 3px;
        }
        @keyframes shake {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(-10deg); }
            75% { transform: rotate(10deg); }
        }
        .kefu-text {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            margin-top: 8px;
            text-shadow: 0 1px 3px rgba(0,0,0,0.5);
        }
        /* 客服弹窗遮罩 */
        .popup-kefu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 10000;
        }
        /* 客服弹窗内容盒 */
        .kefu-box {
            width: 90%;
            max-width: 350px;
            background: #fff;
            border-radius: 16px;
            padding: 30px 20px;
            text-align: center;
            position: relative;
        }
        /* 客服弹窗5行文字 */
        .kefu-desc {
            font-size: 16px;
            color: #333;
            line-height: 2.2;
        }
        /* 客服弹窗关闭按钮 */
        .close-kefu {
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #ffcc00;
            border: 3px solid #ff9500;
            font-size: 20px;
            font-weight: bold;
            color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
            z-index: 10;
        }
        
        /* 响应式适配 */
        @media (max-width: 600px) {
        .chat-icon {
            width: 50px;
            height: 57px;
        }
        .chat-icon img{
            width: 50px;
            height: 57px;            
        }
        .kefu-desc {
            font-size: 14px;
        }
        }


/* 悬浮容器（整体定位，不动） */       
/* 悬浮容器（整体定位，不动） */       
/* 悬浮容器（整体定位，不动） */
        .float-wrap {
            position: fixed;
            top: 20%;
            left: 15px;
            z-index: 998;
            cursor: pointer;
            text-align: center;
			display: none; /* 默认不显示 */
        }
        /* 只有图标会晃动 */
        .shake-icon {
            width: 90px;
            height: 111px;
            object-fit: contain;
            display: block;
            margin: 0 auto 5px;
            /* 每2秒循环晃动 */
            animation: iconShake 2s infinite ease-in-out;
        }

        /* 图标晃动动画 */
        @keyframes iconShake {
            0%, 100% { transform: rotate(0deg); }
            25%  { transform: rotate(-8deg); }
            50%  { transform: rotate(8deg); }
            75%  { transform: rotate(-4deg); }
        }

        /* 文字：不晃动！ */
        .icon-text {
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            white-space: nowrap;
            margin-top: 8px;
            text-shadow: 0 1px 3px rgba(0,0,0,0.5);
			display: none;
        }

        /* 弹窗遮罩 */
        .popup-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.75);
            z-index: 9999;
            display: none;
            justify-content: center;
            align-items: center;
        }

        /* 弹窗内容 */
        .popup-box {
            position: relative;
            width: 92%;
            max-width: 500px;
            border-radius: 12px;
            overflow: hidden;
        }

        /* 关闭按钮 */
        .close-btn2 {
            position: absolute;
            top: 12px;
            right: 12px;
            width: 32px;
            height: 32px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            cursor: pointer;
            z-index: 1000;
            border: none;
        }

        /* 轮播图容器 */
        .carousel {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
        }

        /* 图片组 */
        .carousel-images {
            display: flex;
            height: 100%;
            transition: transform 0.3s ease;
        }

        /* 图片 */
        .carousel-images img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            flex-shrink: 0;
        }

        /* 左右翻页 */
        .prev, .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background: rgba(0,0,0,0.3);
            color: #fff;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            z-index: 999;
        }
        .prev { left: 10px; }
        .next { right: 10px; }

        /* 手机自适应 */
        @media (max-width: 768px) {
            .carousel { height: 320px; }
            .shake-icon { width: 70px; height: 86px; }
        }