/* ABG desktop (web) — Luxury Dark Casino: coffee-black + champagne gold */
:root{
  --d-bg:#21180F;--d-bg2:#1C160D;--d-card:#171209;--d-deep:#100D09;--d-hover:#21180E;
  --d-gold:#C8A66A;--d-border:#8D7655;--d-muted:#A28D75;--d-light:#E9D1A4;--d-hi:#F2DEB5;
  --d-text:#F8E7C3;--d-dark:#24190D;--d-line:rgba(200,166,106,.22);
  --d-grad-card:linear-gradient(145deg,#21180E 0%,#171209 100%);
  --d-grad-sel:linear-gradient(135deg,#F2DEB5 0%,#E9D1A4 60%,#C8A66A 100%);
  --d-shadow:0 6px 18px rgba(0,0,0,.28);
}

/* ---- header ---- */
#app .header-wrapper{background:rgba(28,22,17,.92)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#app .header-wrapper__bot{background:linear-gradient(180deg,#21180F 0%,#1C160D 100%)!important;border-bottom:1px solid var(--d-line)}
#app .header-wrapper__bot .logo img{filter:sepia(1) saturate(1.6) hue-rotate(-12deg) brightness(1.25) contrast(1.05)}
#app .header-wrapper__top .login{background:var(--d-light)!important;color:var(--d-dark)!important;border:1px solid var(--d-hi);font-weight:600}
#app .header-wrapper__top .login:hover{background:var(--d-hi)!important}
#app .header-wrapper__top .reg-box input{border:1px solid var(--d-line)!important}
#app .header-wrapper__top .reg-box input:focus{border-color:var(--d-gold)!important}

/* ---- floating ads / widgets: tone down saturation ---- */
#app .float-fixed-service{filter:sepia(.55) saturate(.85) brightness(.92)}
#app .float-fixed-service:hover{filter:sepia(.25) saturate(.95)}

/* ---- slot / board / fish list pages ---- */
#app .el-game-wrapper{background:linear-gradient(135deg,#21180F 0%,#1C160D 55%,#100D09 100%)!important}
#app [class$=-wrapper]>.re-bg{filter:sepia(1) saturate(1.35) hue-rotate(-16deg) brightness(.58) contrast(1.05)}
#app .el-game-wrapper .ele_container{background:var(--d-deep)!important;border:1px solid var(--d-line);border-right:0}
#app .el-game-wrapper .game-content-list{background:var(--d-card)!important;border:1px solid var(--d-line);border-left:0;box-shadow:var(--d-shadow)}
#app .ele-item{background:transparent!important;border:1px solid transparent;color:var(--d-light)!important;transition:background .2s,border-color .2s}
#app .ele-item span{color:var(--d-light)!important}
#app .ele-item:hover{background:#292014!important;border-color:var(--d-gold)}
#app .ele-item.active{background:var(--d-grad-sel)!important;border-color:var(--d-hi)}
#app .ele-item.active span{color:var(--d-dark)!important;font-weight:600}
#app .ele-item .l-icon{border-radius:8px}
#app .game-type-tab .l-list{border:1px solid var(--d-line)!important;color:var(--d-light)!important;background:var(--d-deep)!important}
#app .game-type-tab .l-list.active{background:var(--d-grad-sel)!important;border-color:var(--d-hi)!important;color:var(--d-dark)!important}
#app .game-type-tab .l-list.active *{color:var(--d-dark)!important}
#app .game-type-tab .l-list:not(.active):hover{background:#292014!important;border-color:var(--d-gold)!important}
#app .game-type-tab .l-list.l_two{color:var(--d-muted)!important}
#app .game-tab-content .tp{border:1px solid var(--d-line);border-radius:12px;overflow:hidden;background:var(--d-deep);box-shadow:var(--d-shadow);transition:border-color .2s,transform .2s}
#app .game-tab-content:hover .tp{border-color:var(--d-border);transform:translateY(-2px)}
#app .game-tab-content p.two{color:var(--d-muted)!important}
#app .game-tab-content .one p{color:var(--d-text)!important}
#app .game-content-list .more{background:var(--d-card)!important;color:var(--d-light)!important;border:1px solid var(--d-border)!important}
#app .game-content-list .more:hover{background:#292014!important;border-color:var(--d-gold)!important;color:var(--d-hi)!important}

/* ---- home page ---- */
#app .brwx .game-brand{background:var(--d-grad-card)!important;border:1px solid var(--d-line);box-shadow:var(--d-shadow)}
#app .brwx .game-brand .game-nei{background:var(--d-deep)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.45)!important}
#app .brwx .game-brand .game-nei .game-info{color:var(--d-muted)!important}
#app .brwx .game-brand .game-nei .game-info.current{color:var(--d-dark)!important}
#app .brwx .game-brand .game-nei .game-bg-hight{background:var(--d-grad-sel)!important;border:1px solid var(--d-hi)!important;box-shadow:none!important}
#app .percentloop .circle-left,#app .percentloop .circle-right{background:linear-gradient(#E9D1A4,#C8A66A)!important}
#app .percentloop .circle-left>div,#app .percentloop .circle-right>div{background-color:#292014!important}
#app .percentloop .number{filter:sepia(.9) saturate(.9) brightness(.55) contrast(1.1)}
#app .percentloop .number .num-box .num-span{color:var(--d-text)!important}
#app .jzlc .jie_shao .qr_card{filter:sepia(.5) saturate(.8) brightness(.95)}
#app .jzlc .jie_shao .qr_card span{color:var(--d-dark)!important}
#app .jzlc .jie_shao p,#app .jzlc .jie_shao span{color:var(--d-muted)}
#app img.l-icon{filter:sepia(.7) saturate(.9) brightness(.9)}
#app .brwx .game-brand .game-nei .game-info{transition:color .2s}

/* ---- v3: live page (真人) + shared banner tint ---- */
#app .live-wrapper .live-header__bg,#app .el-game-wrapper .el-header__bg{filter:sepia(.9) saturate(1.3) brightness(.3) contrast(1.15)}
#app .live-wrapper,#app .live-wrapper .re-bg{background:var(--d-bg)!important}
#app .live-main{background:var(--d-grad-card)!important;border:1px solid var(--d-line);box-shadow:0 6px 18px rgba(0,0,0,.28)}
#app .live-main .page{background:var(--d-deep)!important;border:1px solid var(--d-line)!important}
#app .live-main .page .info{color:var(--d-light)!important}
#app .live-main .page .open,#app .live-main .page .open span{color:var(--d-muted)!important}
#app .live-main .page>img{filter:sepia(1) saturate(.8) brightness(1.1)}
#app .live-main li{background:var(--d-deep)!important;border:1px solid var(--d-line);transition:border-color .2s,background .2s}
#app .live-main li:hover{background:var(--d-hover)!important;border-color:var(--d-border)}
#app .live-main li .three{filter:sepia(1) saturate(1.2) brightness(.16) contrast(1.1)}
#app .live-main li .four{filter:sepia(1) brightness(.3)}
#app .live-main li .one{filter:sepia(.35) saturate(.9) brightness(.92)}
#app .live_brand span{color:var(--d-text)!important}
#app .live_brand .open-game{background:var(--d-card)!important;color:var(--d-light)!important;border:1px solid var(--d-border)!important}
#app .live_brand .open-game:hover{background:var(--d-light)!important;color:var(--d-dark)!important;border-color:var(--d-hi)!important}
#app .live_brand .star{background:var(--d-card)!important;border:1px solid var(--d-border)}
#app .live_brand .star img{filter:sepia(1) saturate(1.2) brightness(.95)}

/* v4: hot / sport / lottery */
#app .business-container{background:linear-gradient(135deg,#21180F 0%,#1C160D 55%,#100D09 100%)!important}
#app .hot-game{background-image:none!important}
#app .hot-game .sub-title{color:var(--d-hi)!important}
#app .hot-game .sub,#app .wc-bz p{color:var(--d-muted)!important}
#app .wc-bz .smorl{background:var(--d-card)!important;border:1px solid var(--d-border);border-radius:12px}
#app .wc-bz .smorl.current{background:var(--d-grad-sel)!important;border-color:var(--d-hi)}
#app .wc-bz .smorl.current p{color:var(--d-dark)!important}
#app .center-wrap-sx .btn{background:var(--d-light)!important;color:var(--d-dark)!important;border:1px solid var(--d-hi)!important;border-radius:10px}
#app .center-wrap-sx .btn:hover{background:var(--d-hi)!important}
#app .sport-wrapper,#app .sport-wrapper-bottom,#app .sport-game-inner,#app .lottery-wrapper,#app .lottery-main{background:transparent!important}
#app .sport-header__bg,#app .lottery-header__bg{filter:sepia(1) saturate(.8) brightness(.35)}
#app .sport-game-inner .list{background:var(--d-grad-card)!important;border:1px solid var(--d-line)!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important;border-radius:14px}
#app .sport-game-inner .list .frist-span{color:var(--d-text)!important}
#app .sport-game-inner .list .describe-span{color:var(--d-muted)!important}
#app .sport-game-inner .imgTwo{filter:sepia(1) saturate(.6) brightness(.35)}
#app .sport-game-inner .button-click{background:var(--d-card)!important;color:var(--d-light)!important;border:1px solid var(--d-border)!important}
#app .sport-game-inner .button-click:hover{background:var(--d-light)!important;color:var(--d-dark)!important}
#app .lottery-main .page li,#app .lottery-main .sm-type li{background:var(--d-card)!important;color:var(--d-light)!important;border:1px solid var(--d-border)!important}
#app .lottery-main .page li.current,#app .lottery-main .sm-type li.current{background:var(--d-light)!important;color:var(--d-dark)!important;border-color:var(--d-hi)!important}
#app .lottery-bo,#app .lottery-center,#app .rewards,#app .re-top,#app .sm-common,#app .sm-common>li,#app .lo-top{background:var(--d-panel,rgba(16,13,9,.82))!important;color:var(--d-text)!important;border-color:var(--d-line)!important}
#app .lottery-center .brand-top span,#app .sm-common .title{color:var(--d-muted)!important}
#app .sm-common .gwc .games{background:var(--d-card)!important;border:1px solid var(--d-line)!important;border-radius:12px}
#app .sm-common .gwc .games:hover{background:var(--d-hover)!important;border-color:var(--d-border)!important}
#app .sm-common .gwc .name span{color:var(--d-text)!important}
#app .re-white{background:var(--d-card)!important;border:1px solid var(--d-line)}
#app .re-ol span,#app .re-bl{color:var(--d-light)!important}
#app .sport-game-inner .imgTwo{opacity:.1!important}
#app .sport-wrapper .re-bg,#app .lottery-wrapper .re-bg{filter:sepia(1) brightness(.25)}
#app .sport-header__bg,#app .lottery-header__bg{filter:sepia(1) saturate(.9) brightness(.28) contrast(1.1)}
#app .sport-wrapper,#app .lottery-wrapper{background:linear-gradient(135deg,#21180F 0%,#1C160D 55%,#100D09 100%)!important}
#app .sport-header__bg,#app .lottery-header__bg{filter:sepia(1) saturate(.9) brightness(.42) contrast(1.1)}
#app .sport-game-inner .star,#app .sport-game-inner .button-box .star{background:var(--d-card)!important;border:1px solid var(--d-border)!important}
#app .sport-game-inner .star img{filter:sepia(1) saturate(1.2) brightness(.95)}
/* fish */
#app .fish-game-wrapper{background:linear-gradient(135deg,#21180F 0%,#1C160D 55%,#100D09 100%)!important}
#app .fish-game-wrapper .re-bg{filter:sepia(1) brightness(.25)}
#app .fish-game-wrapper .promotions-header__bg{filter:sepia(1) saturate(.9) brightness(.42) contrast(1.1)}
#app .fish-game-wrapper .re-bg-one{background:transparent!important}
#app .fish-game-wrapper .game-content-list{background:var(--d-panel,rgba(16,13,9,.82))!important;border:1px solid var(--d-line)}
#app .fish-game-wrapper .el-brand-item .one p{color:var(--d-text)!important}
#app .fish-game-wrapper .el-brand-item .two{color:var(--d-muted)!important}
#app .fish-game-main{background:var(--d-panel,rgba(16,13,9,.82))!important;border:1px solid var(--d-line)}
#app .fish-game-wrapper .game-content-list{border:0!important}
#app .fish-game-main{background:#171209!important}
#app .fish-game-wrapper .game-content-list{background:transparent!important}

/* v5: home lower sections */
#app .main-wrapper .circle-item p{color:var(--d-muted)!important}
#app .main-wrapper .num-txt{color:var(--d-light)!important}
#app .main-wrapper .number{background:radial-gradient(circle at 50% 40%,#292014 0%,#171209 70%)!important;border:1px solid var(--d-border)}
#app .main-wrapper .num-span{color:var(--d-hi)!important}
#app .main-wrapper .item-btn{border-color:var(--d-border)!important;color:var(--d-light)!important}
#app .main-wrapper .item-btn:hover{background:var(--d-light)!important;color:var(--d-dark)!important}
#app .main-wrapper .pt p,#app .main-wrapper p,#app .main-wrapper span{text-shadow:none}
#app .main-wrapper [class*=sport] p,#app .main-wrapper .tab-bom p{color:var(--d-muted)!important}
#app .main-wrapper .brand{filter:sepia(.5) saturate(.9) brightness(.9)}
#app .main-wrapper .qr_card{filter:sepia(.35) brightness(.92)}
#app .main-wrapper .slots .info p{color:var(--d-muted)!important}
#app .main-wrapper .slots img[src*=name]{filter:sepia(1) saturate(1.6) hue-rotate(-12deg) brightness(.85)}
#app .main-wrapper .more{filter:sepia(.9) saturate(.7) brightness(.45)}
#app .main-wrapper .more p{filter:none}
#app .main-wrapper .r-title{color:var(--d-hi)!important;text-shadow:none!important}

/* v6: 与手机站目录一致（去彩票、体育仅前4项） */
#app .game-nei .game-info:nth-child(4){display:none!important}
#app .sport-game-inner .game-list-wrap>.list:nth-child(n+5){display:none!important}
#app .enter-game>img{filter:sepia(1) saturate(.6) brightness(.32)}
#app .main-wrapper .more{filter:none!important}
#app .enter-game .more p span:first-child{color:var(--d-hi)!important}
#app .enter-game .more p span:last-child{color:var(--d-muted)!important}
#app .game-brand{width:580px!important;margin-left:auto!important;margin-right:auto!important}
#app .game-brand .game-nei{width:558px!important}

/* v7 下拉导航与全局蓝色变量黑金化 */
:root{--herder-bg:linear-gradient(180deg,#21180F,#1C160D);--herder-bg-down:linear-gradient(180deg,rgba(28,22,13,.97) 30%,rgba(16,13,9,.97));--herder-top:#21180F;--home-btn-border:#8D7655;--home-btn-font:#E9D1A4;--home-btn-hover-one:linear-gradient(135deg,#F2DEB5,#C8A66A);--herder-down-one:rgba(33,24,14,.96);--herder-down-two:rgba(23,18,9,.96);--herder-down-select:linear-gradient(0deg,rgba(200,166,106,.18) 10%,rgba(200,166,106,.08) 61%,rgba(200,166,106,0));--herder-down-select-p:#F8E7C3;--ele-select-hover:#292014;--ele-select-bg:linear-gradient(135deg,#F2DEB5,#C8A66A);--ele-default-color:#E9D1A4;--ele-default-br:#8D7655;--ele-default-box:rgba(0,0,0,.28);--ele-game-bg:rgba(23,18,9,.9);--ele-game-bg-hover:rgba(41,32,20,.95);--ele-icon-bg:linear-gradient(180deg,#E9D1A4,#C8A66A);--home-font-color:#E9D1A4;--home-top-btn:linear-gradient(180deg,#E9D1A4,#C8A66A);--ele-select-bg-source:linear-gradient(135deg,#F2DEB5,#C8A66A);--ele-select-bg-image:linear-gradient(135deg,#F2DEB5,#C8A66A)}
#app .menu-con{background:linear-gradient(180deg,rgba(28,22,13,.98) 30%,rgba(16,13,9,.98))!important;border-bottom:1px solid var(--d-line)!important;box-shadow:0 12px 28px rgba(0,0,0,.5)!important}
#app .menu-con .inner{background:transparent!important}
#app .menu-con .box .lo-right p,#app .menu-con .box .sub-item p{color:var(--d-text)!important}
#app .menu-con .box .start{background:var(--d-card)!important;color:var(--d-light)!important;border:1px solid var(--d-border)!important;box-shadow:none!important}
#app .menu-con .box:hover .start{background:var(--d-grad-sel)!important;color:var(--d-dark)!important}
#app .menu-con .more,#app .menu-con .more *{color:var(--d-light)!important}