html,
body{
    min-height:100%;
    background:#07111f!important;
    color:#dbeafe;
}
body{
    isolation:isolate;
}
body:before{
    content:"";
    position:fixed;
    inset:-20%;
    z-index:-2;
    pointer-events:none;
    background:
        linear-gradient(rgba(125,211,252,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(125,211,252,.07) 1px,transparent 1px),
        linear-gradient(135deg,#06101d 0%,#0a243f 48%,#0c84c8 100%);
    background-size:42px 42px,42px 42px,100% 100%;
    animation:siteGridFlow 30s linear infinite;
}
body:after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        radial-gradient(circle at 12% 16%,rgba(19,136,232,.32),transparent 27%),
        radial-gradient(circle at 82% 10%,rgba(245,166,35,.18),transparent 24%),
        radial-gradient(circle at 54% 80%,rgba(16,185,129,.14),transparent 30%),
        linear-gradient(180deg,rgba(3,7,18,.12),rgba(3,7,18,.52));
}
body,
.conts,
.layui-main,
.layui-fluid,
.bg-f7,
.bg-f5,
.video-page,
.video-selector,
.freeUse{
    background:transparent!important;
}
.bg-white,
.bg_white,
.layui-card,
.layui-card-body,
.layui-tab-content,
.page-cont,
.comm-str-list,
.condition,
.video-list,
.video-box,
.video-bar,
.video-api-layer,
.user-left,
.user-right>.layui-col-xs12,
.minht,
.fly-panel,
.layui-elem-field,
.box{
    border:1px solid rgba(125,211,252,.16)!important;
    background:rgba(8,17,31,.74)!important;
    color:#dbeafe!important;
    box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(8px);
}
.layui-card,
.layui-card-body,
.page-cont,
.comm-str-list,
.condition,
.video-list,
.video-box,
.video-bar,
.video-api-layer,
.user-left,
.user-right>.layui-col-xs12,
.fly-panel,
.layui-elem-field{
    border-radius:12px;
}
.condition{
    margin-top:18px;
}
.wrap,
.wrap_type,
.wrap_lottery,
.wrap_purchase,
.wrap_show{
    position:relative;
    z-index:1;
}
.color-333,
.color-666,
.color-999,
.layui-text,
.layui-timeline-content,
.layui-form-label,
.layui-table,
.layui-tab-title li,
.site-union,
ol.items li{
    color:#cbd5e1!important;
}
.layui-text h1,
.layui-text h2,
.layui-text h3,
.layui-text h4,
.layui-timeline-title,
.barLine,
.layui-card-header,
.userindex strong,
.coop-page h1,
.coop-page h2,
.coop-page h3{
    color:#fff!important;
}
.color-one,
a.color-one,
.text-info,
.text-token,
.layui-breadcrumb a:hover{
    color:#38bdf8!important;
}
.color-two{
    color:#f5a623!important;
}
.border-t1,
.border-t2,
.border-a1,
.bdtone,
.bdbone,
.layui-tab-title,
.layui-table td,
.layui-table th,
.layui-table-view,
.layui-table-header,
.layui-table-body,
.layui-table-page,
.layui-elem-field,
.layui-field-title{
    border-color:rgba(125,211,252,.16)!important;
}
.layui-field-title legend{
    color:#fff;
    background:transparent!important;
}
.layui-table,
.layui-table-view,
.layui-table-header,
.layui-table thead tr,
.layui-table tbody tr,
.layui-table-page,
.layui-laypage a,
.layui-laypage span,
.layui-laypage button,
.layui-laypage input{
    background:rgba(8,17,31,.72)!important;
    color:#dbeafe!important;
}
.layui-table tbody tr:hover,
.layui-table-hover{
    background:rgba(19,136,232,.12)!important;
}
.layui-table th{
    color:#fff!important;
    font-weight:700;
}
.layui-input,
.layui-textarea,
.layui-select,
input,
select,
textarea,
.video-api-code{
    border:1px solid rgba(125,211,252,.2)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.08)!important;
    color:#eef7ff!important;
}
.layui-input::placeholder,
.layui-textarea::placeholder,
input::placeholder,
textarea::placeholder{
    color:rgba(203,213,225,.72)!important;
}
.layui-input:focus,
.layui-textarea:focus,
input:focus,
textarea:focus{
    border-color:#38bdf8!important;
    box-shadow:0 0 0 3px rgba(56,189,248,.16)!important;
}
.layui-form-select dl{
    border-color:rgba(125,211,252,.22)!important;
    background:#0b1727!important;
    color:#dbeafe!important;
    box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
}
.layui-form-select dl dd,
.layui-form-select dl dt{
    color:#dbeafe!important;
}
.layui-form-select dl dd:hover{
    background:rgba(19,136,232,.14)!important;
}
.layui-form-select dl dd.layui-this{
    background:#1388e8!important;
    color:#fff!important;
}
.layui-tab-title li.layui-this,
.layui-tab-title li:hover{
    color:#f5a623!important;
}
.layui-tab-title .layui-this:after{
    border-color:rgba(245,166,35,.55)!important;
}
.navs,
.header .btnNav,
.header .btnNav ul,
.wapnav .layui-nav-child,
.caiwui-select-list,
.caiwui-select-list ul li dl{
    border-color:rgba(125,211,252,.18)!important;
    background:#0b1727!important;
    color:#dbeafe!important;
    box-shadow:0 18px 46px rgba(0,0,0,.28)!important;
}
.navs a,
.caiwui-select-list a,
.caiwui-select-list ul li h2{
    color:#dbeafe!important;
}
.navs a:hover,
.caiwui-select-list a:hover{
    color:#f5a623!important;
}
.user-left dl dt,
.bg-one{
    background:linear-gradient(135deg,#08111f,#0b74df)!important;
    color:#fff!important;
}
.user-left dl dd{
    border-bottom:1px solid rgba(125,211,252,.12);
}
.user-left dl dd a{
    color:#dbeafe!important;
}
.user-left dl dd.active,
.user-left dl dd:hover{
    background:rgba(19,136,232,.14)!important;
}
.user-left dl dd.active a,
.user-left dl dd:hover a{
    color:#f5a623!important;
}
.userindex,
.layui-col-xs12.lh40.bg-f7{
    background:rgba(255,255,255,.06)!important;
    border-radius:10px;
    color:#dbeafe!important;
}
.history a,
.video-tab,
.video-lottery,
.layui-btn-primary,
.choosedate .layui-btn,
.interface .interface-list dl dd,
.paylist li{
    border-color:rgba(125,211,252,.2)!important;
    background:rgba(255,255,255,.08)!important;
    color:#dbeafe!important;
}
.history a:hover,
.video-tab:hover,
.video-tab.active,
.video-lottery:hover,
.video-lottery.active,
.layui-btn-primary:hover,
.choosedate .layui-btn.layui-this,
.interface .interface-list dl dd.on{
    border-color:#f5a623!important;
    background:rgba(245,166,35,.14)!important;
    color:#f5a623!important;
}
.data-list ul li{
    border:1px solid rgba(125,211,252,.16)!important;
    background:rgba(8,17,31,.74)!important;
    color:#dbeafe!important;
}
.right_nav li,
.right_nav .iconBox,
.right_nav li .hideBox .hb{
    border-color:rgba(125,211,252,.18)!important;
    background:#0b1727!important;
    color:#dbeafe!important;
}
.right_nav li:hover,
.right_nav .iconBox:hover{
    border-color:#f5a623!important;
    background:rgba(245,166,35,.12)!important;
    color:#f5a623!important;
}
.xuanze_jiesuan{
    border-top:1px solid rgba(125,211,252,.18)!important;
    background:rgba(8,17,31,.94)!important;
    color:#dbeafe!important;
    box-shadow:0 -18px 48px rgba(0,0,0,.34)!important;
}
.body_right,
.xuanze_jiesuan_cs{
    border:1px solid rgba(125,211,252,.16)!important;
    background:rgba(8,17,31,.82)!important;
    color:#dbeafe!important;
    box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
}
.xuanze_jiesuan_cs *{
    color:#dbeafe!important;
}
.text-loding,
.layui-none{
    color:#94a3b8!important;
}
.comm-str-list,
.comm-str-list *,
.comm-str-list a,
.comm-str-list .fs18,
.allcell .comm-str-list,
.allcell .comm-str-list a,
.allcell .comm-str-list .layui-table-cell,
.listone dl dt,
.listone dl dd,
.listtwo,
.listtwo span,
#name-reload span,
.video-page,
.video-tabs .label,
.video-current,
.video-api-note,
.video-title,
.interface-lable,
.paylist,
.paylist *,
.xuanze_jiesuan *,
.site-union *{
    color:#dbeafe!important;
}
.comm-str-list a.fs18,
.allcell .comm-str-list a.fs18,
.layui-card-header,
.interface-lable,
.video-current strong{
    color:#fff!important;
}
.comm-str-list a.fs18:hover,
.allcell .comm-str-list a.fs18:hover{
    color:#f5a623!important;
}
.comm-str-list .color-two,
.allcell .comm-str-list .color-two,
.video-title{
    color:#f5a623!important;
}
.comm-str-list .color-red,
.allcell .comm-str-list .color-red,
.paylist .price,
.paylist .amount{
    color:#ff7043!important;
}
.video-title{
    border-top-color:rgba(125,211,252,.18)!important;
}
.video-api-note{
    border-top-color:rgba(125,211,252,.16)!important;
}
.video-empty,
.video-current{
    color:#94a3b8!important;
}
.gamehub-page{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:transparent!important;
    color:#dbeafe!important;
}
.gamehub-page:before{
    content:"";
    position:fixed;
    inset:-20%;
    z-index:-2;
    pointer-events:none;
    background:
        linear-gradient(rgba(125,211,252,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(125,211,252,.07) 1px,transparent 1px),
        linear-gradient(135deg,#06101d 0%,#0a243f 48%,#0c84c8 100%);
    background-size:42px 42px,42px 42px,100% 100%;
    animation:siteGridFlow 30s linear infinite;
}
.gamehub-page:after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        radial-gradient(circle at 12% 16%,rgba(19,136,232,.32),transparent 27%),
        radial-gradient(circle at 82% 10%,rgba(245,166,35,.18),transparent 24%),
        radial-gradient(circle at 54% 80%,rgba(16,185,129,.14),transparent 30%),
        linear-gradient(180deg,rgba(3,7,18,.12),rgba(3,7,18,.52));
}
.gamehub-hero{
    background:rgba(8,17,31,.64)!important;
    border-bottom:1px solid rgba(125,211,252,.16)!important;
}
.gamehub-hero:before{
    background:
        linear-gradient(115deg,rgba(7,17,31,.92),rgba(10,36,63,.82) 54%,rgba(245,166,35,.16)),
        repeating-linear-gradient(90deg,transparent 0 84px,rgba(255,255,255,.04) 84px 85px)!important;
}
.gamehub-hero:after{
    background:linear-gradient(90deg,#f04438,#f5a623,#10b981,#1388e8)!important;
    height:3px!important;
}
.gamehub-tabs{
    border-top:1px solid rgba(125,211,252,.12)!important;
    border-bottom:1px solid rgba(125,211,252,.16)!important;
    background:rgba(8,17,31,.78)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(8px);
}
.gamehub-content{
    background:transparent!important;
}
.gamehub-tab{
    border-color:rgba(125,211,252,.22)!important;
    background:rgba(255,255,255,.08)!important;
    color:#dbeafe!important;
}
.gamehub-tab:hover{
    border-color:#f5a623!important;
    background:rgba(245,166,35,.14)!important;
    color:#f5a623!important;
}
.gamehub-section-title{
    border-bottom-color:rgba(125,211,252,.16)!important;
}
.gamehub-section-title h2{
    color:#fff!important;
}
.gamehub-count,
.gamehub-meta,
.gamehub-desc{
    color:#cbd5e1!important;
}
.gamehub-card{
    border-color:rgba(125,211,252,.16)!important;
    background:rgba(8,17,31,.76)!important;
    color:#dbeafe!important;
    box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(8px);
}
.gamehub-card:hover{
    border-color:#f5a623!important;
    box-shadow:0 30px 76px rgba(0,0,0,.34)!important;
}
.gamehub-img{
    background:rgba(255,255,255,.06)!important;
}
.gamehub-card-body{
    background:rgba(3,7,18,.32)!important;
}
.gamehub-name{
    color:#fff!important;
}
.gamehub-badge{
    border:1px solid rgba(125,211,252,.18)!important;
    background:rgba(125,211,252,.1)!important;
    color:#7dd3fc!important;
}
.gamehub-overlay{
    background:rgba(3,7,18,.72)!important;
}
.gamehub-overlay span,
.gamehub-cta{
    background:linear-gradient(135deg,#f5a623,#f97316)!important;
    color:#fff!important;
}
.layui-layer,
.layui-layer-page,
.layui-layer-dialog{
    background:#0b1727!important;
    color:#dbeafe!important;
}
.layui-layer-title{
    border-color:rgba(125,211,252,.16)!important;
    background:#08111f!important;
    color:#fff!important;
}
.layui-layer-content{
    color:#dbeafe!important;
}
.layui-layer-btn{
    border-top-color:rgba(125,211,252,.16)!important;
}
.layui-layer-btn a{
    border-radius:7px!important;
}
.auth-page,
.coop-page{
    z-index:1;
}
@keyframes siteGridFlow{
    from{transform:translate3d(0,0,0);}
    to{transform:translate3d(42px,42px,0);}
}
@media screen and (max-width:1200px){
    .wrap,
    .wrap_type,
    .wrap_lottery,
    .wrap_purchase,
    .wrap_show,
    .layui-main{
        width:calc(100% - 24px)!important;
        max-width:calc(100% - 24px)!important;
    }
    .header .btnNav,
    .header .btnNav ul{
        background:#0b1727!important;
    }
    .header .layui-nav.bg-none li a{
        color:#dbeafe!important;
    }
}
@media (prefers-reduced-motion:reduce){
    body:before{animation:none!important;}
}