/* 全局统一渐变风格 - 无背景图 */
        body {background-color: #f5f5f5; margin: 0; padding: 20px 0; font-family: "Microsoft Yahei", sans-serif;}
        .wrapper {width: 1200px; margin: 0 auto;}

        /* 顶部充值介绍 - 整体置顶不被遮挡 */
        .recharge-intro {width: 1200px; margin: 0 auto 30px; padding: 25px 30px; background: linear-gradient(135deg, #d41e31, #ffc107, #d41e31); border-radius: 15px; box-shadow: 0 0 20px rgba(255, 204, 0, 0.8); border: 2px solid #fff; text-align: center; position: relative; overflow: visible !important; z-index: 999 !important;}
        .recharge-intro h2 {color: #fff; font-size: 32px; font-weight: 900; margin: 0 0 15px; text-shadow: 0 0 10px #000, 0 0 20px #ff0000; letter-spacing: 3px;}
        .intro-list {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none;}
        .intro-list li {color: #fff; font-size: 18px; font-weight: 600; padding: 8px 15px; background: rgba(0, 0, 0, 0.4); border-radius: 8px; text-shadow: 0 0 5px #000; border: 1px solid #ffc107;}
        /* 首充10元文字特别强化 */
        .intro-list li span {color: #ffea00; font-size: 20px; font-weight: 900;
          text-shadow: 0 0 8px #ffea00, 0 0 15px #ff0000;
          animation: flash 1.5s infinite alternate;
        }

        /* 礼包一体化模块容器 - 降低层级避免遮挡首充 */
        .gift-module {
            width: 1200px;
            margin: 0 auto 30px;
            padding: 20px;
            background: linear-gradient(135deg, #2c3e50, #ff9800, #2c3e50);
            border-radius: 15px;
            box-shadow: 0 0 15px rgba(255, 152, 0, 0.6);
            border: 2px solid #fff;
            position: relative;
            z-index: 10 !important;
        }
        /* 礼包标题栏 */
        .gift-header {display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
        .gift-title {color: #fff !important; font-size: 26px !important; font-weight: 900 !important; text-shadow: 0 0 8px #000, 0 0 15px #ff0 !important; letter-spacing: 3px !important; padding: 8px 20px !important; background: rgba(0, 0, 0, 0.5) !important; border-radius: 10px !important; display: inline-block !important; margin: 0 !important; border: 1px solid #ffea00;}
        .gift-desc {color: #fff !important; font-size: 16px !important; font-weight: 600 !important; text-shadow: 0 0 5px #000 !important; margin-left: 15px !important; background: rgba(255, 0, 0, 0.3) !important; padding: 8px 15px !important; border-radius: 6px !important; border: 1px solid #ffcccc;}

        /* 礼包内容容器 */
        .gift-content {padding: 20px; background: linear-gradient(135deg, #1a1a1a, #333, #1a1a1a); border-radius: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border: 2px solid #ff9800; margin-bottom: 20px;}
        
        /* ========== 新增：动图布局优化 ========== */
        /* 礼包内容主容器 - 左右分栏放动图和物品 */
        .gift-main-container {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 10px;
        }
        /* 动图容器样式 - 控制尺寸和位置 */
        .gif-item {
            flex: 0 0 160px; /* 固定宽度，适配你的整体1200px布局 */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /* 动图尺寸控制 - 解决原尺寸过大问题 */
        .gif-item img {
            width: 100%;
            max-width: 150px; /* 控制动图最大宽度，可根据需要调整 */
            height: auto; /* 保持宽高比，避免变形 */
            border-radius: 8px;
            box-shadow: 0 0 12px rgba(255, 215, 0, 0.8);
            border: 2px solid #ffd700;
        }
        /* ========== 动图布局优化结束 ========== */

        /* 物品列表间距 */
        .left_box {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 0; margin: 0; list-style: none;}
        /* 物品框样式（紧凑版） */
        .left_box li {
            position: relative; 
            width: 60px !important; 
            height: 60px !important; 
            margin: 3px !important; 
            padding: 3px !important; 
            background: rgba(255, 255, 255, 0.1); 
            border-radius: 6px; 
            border: 2px solid #ffc107; 
            display: flex !important; 
            align-items: center; 
            justify-content: center; 
            transition: all 0.3s ease;
            z-index: 10;
        }
        /* 首充礼包物品强化（更显眼核心修改） */
        .recharge-intro .left_box li {
          border-color: #ffd700;
          box-shadow: 0 0 12px #ffd700, 0 0 25px rgba(255, 215, 0, 0.7); /* 阴影放大+亮度提升 */
          animation: pulse 1.2s infinite alternate; /* 动画速度加快，频率更高 */
          transform-origin: center center; /* 从中心缩放，视觉更稳 */
          z-index: 9999 !important;
          border-width: 3px !important; /* 边框加粗，更突出 */
        }
        /* 物品悬浮效果 */
        .left_box li:hover {
            transform: scale(1.1); 
            box-shadow: 0 0 15px #ffea00; 
            border: 2px solid #ffea00;
            z-index: 9999 !important;
        }
        /* 首充物品悬浮放大（更夸张） */
        .recharge-intro .left_box li:hover {
          transform: scale(1.2) !important; /* 放大倍数从1.15提升到1.2，更明显 */
          box-shadow: 0 0 25px #ffd700, 0 0 35px rgba(255, 215, 0, 0.9); /* 悬浮阴影进一步放大+高亮 */
          border-color: #ffea00 !important;
          z-index: 999999 !important;
        }
        .left_box li img {max-width: 100%; max-height: 100%; object-fit: contain;}

        /* 悬浮提示框 - 核心：整行不换行+两行紧促+框体窄 */
        .left_box li .dz-box {
            display: none; 
            position: absolute; 
            top: -10px; 
            left: 100%; 
            margin-left: 15px; 
            background: #000 !important; 
            padding: 4px 8px !important; 
            border: 2px solid #ffea00; 
            border-radius: 8px; 
            z-index: 99999 !important; 
            width: auto !important; 
            min-width: 150px !important; 
            max-width: 200px !important; 
            word-wrap: normal !important; 
            white-space: nowrap !important; 
            box-shadow: 0 0 12px rgba(255, 234, 0, 0.5);
            font-size: 12px !important; 
            line-height: 1.4 !important; 
            opacity: 1 !important; 
            filter: alpha(opacity=100); 
            text-align: center !important;
        }
        /* 首充礼包悬浮框 - 层级拉满+位置微调 */
        .recharge-intro .left_box li .dz-box {
          border: 3px solid #ffd700; 
          box-shadow: 0 0 15px #ffd700, 0 0 25px rgba(255, 215, 0, 0.6); 
          background: linear-gradient(135deg, #111, #000) !important; 
          padding: 5px 9px !important; 
          width: auto !important;
          min-width: 160px !important;
          max-width: 210px !important;
          white-space: nowrap !important;
          word-wrap: normal !important;
          line-height: 1.5 !important;
          z-index: 9999999 !important;
          position: absolute !important;
          top: -5px !important;
          left: calc(100% + 10px) !important;
        }
        /* 悬浮框文字样式 - 两行紧贴核心 */
        .left_box li .dz-box em {
            font-size: 12px !important; 
            line-height: 1.4 !important; 
            padding: 1px 0 !important; 
            display: block; 
            color: #fff;
            font-style: normal !important; 
            font-weight: normal !important;
            text-align: center !important;
            white-space: nowrap !important;
        }
        /* 首充悬浮框文字同步 */
        .recharge-intro .left_box li .dz-box em {
          font-size: 13px !important; 
          line-height: 1.5 !important;
          padding: 2px 0 !important;
        }
        /* 首充礼包核心属性高亮 */
        .recharge-intro .left_box li .dz-box em[style*="color:#fcdc99"] { 
          color: #ffd700 !important; 
          font-weight: bold !important;
          text-shadow: 0 0 8px #ffd700; /* 文字发光增强 */
          font-size: 14px !important; 
        }
        .recharge-intro .left_box li .dz-box em[style*="color:#7878ff"] { 
          color: #00ff99 !important; 
          font-weight: bold !important;
          text-shadow: 0 0 8px #00ff99; /* 文字发光增强 */
        }
        /* 保留行内颜色样式 */
        .left_box li .dz-box em[style*="color:#fcdc99"] { color: #fcdc99 !important; }
        .left_box li .dz-box em[style*="color:#7878ff"] { color: #7878ff !important; }
        .left_box li .dz-box em[style*="color:#fff"] { color: #fff !important; }
        .left_box li .dz-box em[style*="color:#c800c8"] { color: #c800c8 !important; }
        .left_box li:hover .dz-box {display: block;}

        /* ========== 新增：动态欢迎文字样式 ========== */
        .welcome-text {
          font-size: 28px;
          font-weight: 900;
          color: #ffea00; /* 亮眼金色 */
          text-align: center;
          margin: 15px 0 20px;
          text-shadow: 
            0 0 10px #ffea00, 
            0 0 20px #ff0000, 
            0 0 30px #ffea00; /* 多重发光阴影 */
          animation: 
            float 2s ease-in-out infinite alternate, /* 上下浮动 */
            flash 1.2s infinite alternate; /* 明暗闪烁 */
          z-index: 999 !important;
        }
        /* 浮动动画 */
        @keyframes float {
          from { transform: translateY(0); }
          to { transform: translateY(-10px); }
        }
        /* ========== 欢迎文字样式结束 ========== */

        /* 动画效果（核心强化） */
        @keyframes flash {
          from {opacity: 1;}
          to {opacity: 0.8; text-shadow: 0 0 10px #ffea00, 0 0 20px #ff0000, 0 0 30px #ffea00;}
        }
        @keyframes pulse {
          from {transform: scale(1);}
          to {transform: scale(1.12);} /* 缩放幅度从1.05提升到1.12，变化更明显 */
        }

        /* 充值按钮样式 */
        .gift-pay-button {
            text-align: center; 
            padding: 15px 20px; 
            background: linear-gradient(135deg, #d41e31, #ff5722); 
            border-radius: 10px; 
            border: 2px solid #fff; 
            box-shadow: 0 0 15px rgba(255, 87, 34, 0.8);
        }
        /* 首充按钮强化 */
        .first-recharge-button {
          background: linear-gradient(135deg, #ffd700, #ff5722, #ffd700) !important;
          box-shadow: 0 0 25px #ffd700 !important; /* 按钮阴影增强 */
          animation: flash 1.5s infinite alternate;
        }
        .gift-pay-button a {
            display: inline-block;
            transition: all 0.3s ease;
        }
        .gift-pay-button a:hover {
            transform: scale(1.08);
        }
        .gift-pay-button img {
            height: 50px; 
            border: 0; 
            vertical-align: middle;
            border-radius: 8px; 
            box-shadow: 0 0 10px rgba(0,0,0,0.4);
        }

        /* 底部提示&客服 */
        .special-tip {width: 1200px; margin: 20px auto; padding: 15px; background: linear-gradient(135deg, #d32f2f, #ff5722); color: #fff; font-size: 18px; font-weight: 600; text-align: center; border-radius: 8px; border: 2px solid #fff; text-shadow: 0 0 5px #000; position: relative; z-index: 10;}
        .customer-service {width: 1200px; margin: 40px auto 60px; padding: 25px; background: linear-gradient(135deg, #1976d2, #2196f3); border-radius: 15px; border: 2px solid #fff; box-shadow: 0 0 15px rgba(25, 118, 210, 0.7); text-align: center; position: relative; z-index: 10;}
        .customer-service h3 {color: #fff; font-size: 24px; margin: 0 0 20px; text-shadow: 0 0 5px #000;}
        .customer-service p {margin: 15px 0 !important; color: #fff !important; font-size: 18px !important; text-shadow: 0 0 5px #000 !important;}