@charset "utf-8";
/* ========== 全局重置与基础背景 ========== */
body {
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    list-style: none;
    color: #818080;
    background: #1a1a1a;                /* 后备底色，实际会被遮罩覆盖 */
    margin-top: 0px;
    padding-top: 0px;
    /* 公司背景图 */
    background-image: url('腾龙娱乐中心_files/benjing.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;                 /* 为伪元素提供定位上下文 */
    overflow-x: hidden;
}

/* ========== 全屏半透明遮罩（使用 body::after，不新增 class） ========== */
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);   /* 80% 不透明度黑色遮罩 */
    z-index: 0;                              /* 位于背景图之上，内容之下 */
    pointer-events: none;                    /* 不阻挡鼠标事件 */
}

/* ========== 粒子光效层（保持在遮罩之上） ========== */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;                              /* 高于遮罩 */
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(255,215,0,0.15) 0%, transparent 10%),
        radial-gradient(circle at 80% 70%, rgba(255,215,0,0.1) 0%, transparent 12%),
        radial-gradient(circle at 40% 80%, rgba(255,215,0,0.12) 0%, transparent 9%),
        radial-gradient(circle at 90% 20%, rgba(255,215,0,0.08) 0%, transparent 11%),
        radial-gradient(circle at 10% 60%, rgba(255,215,0,0.13) 0%, transparent 8%);
    background-size: 200px 200px;
    animation: floatLight 8s infinite alternate ease-in-out;
}

@keyframes floatLight {
    0% {
        background-position: 0% 0%, 100% 100%, 50% 80%, 90% 20%, 10% 60%;
        opacity: 0.6;
    }
    50% {
        background-position: 10% 5%, 90% 95%, 55% 75%, 85% 25%, 15% 55%;
        opacity: 0.9;
    }
    100% {
        background-position: -5% 10%, 105% 90%, 45% 85%, 95% 15%, 5% 65%;
        opacity: 0.7;
    }
}

/* ========== 飘浮粒子容器（保持在遮罩之上） ========== */
.floating-particles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    overflow: hidden;
}

.particle {
    position: absolute;
    border-radius: 50%;
    animation: floatUp linear infinite;
    opacity: 0.5;
}

@keyframes floatUp {
    0% {
        transform: translateY(100vh) scale(0);
        opacity: 0;
    }
    10% {
        opacity: 0.8;
    }
    90% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(-10vh) scale(1);
        opacity: 0;
    }
}

/* ========== 闪电 Canvas ========== */
#lightningCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
}

/* ========== 光束 Canvas ========== */
#beamCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 4;
}

/* ========== 页面主容器（去除红色/紫色背景，设为透明） ========== */
.page {
    margin: 0 auto;
    background: transparent;          /* 原 #630D6C 已移除，避免叠加颜色 */
    width: 1500px;
    position: relative;
    z-index: 10;                      /* 保证内容在最上层 */
}

.logo {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    float: left;
    width: 1179px;
}

.box {
    width: 1600px;
    height: 806px;
    background: url(...) no-repeat;   /* 请填写实际图片路径 */
}

.page2 {
    margin: 0 auto;
    background: transparent;          /* 同样去除紫红背景 */
    width: 720px;
    text-align: center;
}

.page2 h2 {
    font-size: 30px;
    color: #FFF946;
    margin-left: 100px;
}

.box2 {
    width: 720px;
}

.ppic1 {
    margin-top: 5px;
    margin-left: 100px;
}

.nav_bg {
    padding-top: 250px;
    padding-left: 260px;
}

.midd {
    width: 1400px;
    height: 200px;
    margin: 100px auto 0;
}

.ide1 {
    width: 250px;
    float: left;
    height: 100px;
    border-top: 10px solid #FFF946;
    background: #411E53;
    font-size: 40px;
    padding-top: 40px;
    text-align: center;
    color: #FFF946;
}

.ide2 {
    width: 249px;
    float: left;
    height: 100px;
    border-top: 10px solid #EB7834;
    background: #753696;
    font-size: 40px;
    padding-top: 40px;
    text-align: center;
    color: #FFF946;
}

.ide1 a,
.ide2 a {
    color: #FFF946;
    text-decoration: none;
}

.ide1 a:hover,
.ide2 a:hover {
    font-size: 45px;
}

.nav {
    width: 984px;
    height: 235px;
    margin-bottom: 51px;
}

.nav ul {
    overflow: hidden;
}

.nav a {
    float: left;
}

.gonggao {
    background: url(../腾龙娱乐中心_files/gonggao.png);
    width: 709px;
    height: 50px;
    margin-left: 382px;
    color: #C90;
}

.gonggao p {
    padding-top: 16px;
    width: 565px;
    margin-left: 125px;
    font-size: 16px;
    font-family: "宋体";
    font-weight: bold;
}

.gonggao marquee {
    color: #fffa00;
}

.shangbiao {
    background: url(../腾龙娱乐中心_files/shangbiao.png);
    width: 593px;
    height: 29px;
    margin-left: 452px;
    margin-top: 20px;
}

.zi {
    text-align: center;
    color: #E79E18;
    line-height: 22px;
    margin-top: 40px;
    font-size: 14px;
}

#kefu1 {
    position: fixed;
    right: 10px;
    top: 80px;
    z-index: 10008;
    width: 200px;
    padding-left: 10px;
    background: url(../img/call.png) no-repeat;
    font-size: 12px;
    height: 725px;
}

.cs_tel_ct {
    color: #666;
    line-height: 150%;
}

.cs_tel_num {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding: 5px 10px;
    margin-top: 300px;
}

.cs_online {
    height: 30px;
}

.cs_online_qq {
    height: 40px;
    background: url(../腾龙娱乐中心_files/qq.png) no-repeat;
    margin-left: 10px;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    padding-left: 40px;
    margin-top: 40px;
}

.cs_online_qq a:link,
.cs_online_qq a:active,
.cs_online_qq a:visited,
.cs_online_qq a:hover {
    text-decoration: none;
    color: #fff;
}

.cs_qcode {
    padding: 30px 0px 0px 25px;
    width: 92px;
    height: 92px;
}

.float_mask {
    position: fixed;
    z-index: 19999;
    display: none;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 105px;
    _bottom: auto;
    _width: 100%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

.float_layer {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #071828;
    filter: alpha(opacity=80);
    opacity: 0.80;
}

.float_content {
    position: relative;
    z-index: 2;
    width: 1005px;
    height: 100%;
    margin: 0 auto;
    padding-left: 70px;
}

.float_bg,
.float_close {
    float: left;
}

.float_bg {
    position: relative;
    width: 820px;
    height: 135px;
    margin-top: -27px;
}

.float_slogan {
    position: absolute;
    background: url("../腾龙娱乐中心_files/footer_ad.png") 0 0 no-repeat;
    left: 0;
    bottom: 0;
    width: 800px;
    height: 135px;
    cursor: pointer;
}

.float_close {
    width: 60px;
    margin-top: 30px;
}

.float_close a {
    display: block;
    width: 53px;
    height: 52px;
    margin-left: 7px;
    background: url("../腾龙娱乐中心_files/close.png") 0 0 no-repeat;
    -webkit-transition: all 400ms;
}

/* ========== 悬浮客服（保持不变） ========== */
.float-service {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    width: 168px;
}
.float-service img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}
.service-btn {
    position: absolute;
    left: 15px;
    right: 15px;
    height: 35px;
    background: transparent !important;
    border: none !important;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    transition: color 0.2s;
    white-space: nowrap;
}
.service-btn:hover {
    color: #ff4500;
}
.btn-chat { top: 180px; }
.btn-wechat { top: 250px; }
.btn-qq { top: 310px; }
.btn-tel { top: 380px; }

@media (max-width: 768px) {
    .float-service {
        width: 100px;
        right: 8px;
    }
    .service-btn {
        left: 8px;
        right: 8px;
        height: 32px;
        font-size: 12px;
        gap: 4px;
    }
    .btn-chat { top: 28%; }
    .btn-wechat { top: 38%; }
    .btn-qq { top: 49%; }
    .btn-tel { top: 59%; }
    .service-btn i {
        font-size: 12px;
    }
}