/* ww899 black-gold palette — colors only; no geometry, text, content or asset changes. */
:root{
  --ww-gold:#ffea00;
  --ww-gold-solid:#ffb600;
  --ww-gold-gradient:linear-gradient(97deg,#ffe63d,#fee83e 43%,#faa238);
  --ww-btn-gradient:linear-gradient(110deg,rgba(255,115,21,.5),rgba(244,185,0,.5));
  --ww-selected:rgba(255,226,87,.12);
  --ww-border:rgba(255,255,255,.12);
  --ww-muted:#ceced9;
}

html,body,#app,#app .page,#app .route-user,#app .original-user,
#app .original-activity-page,#app .original-electronic-page{
  background-color:#000!important;color:#fff!important;
}
#app .home-page{background-color:#120b01!important;background-blend-mode:multiply!important;color:#fff!important}
#app .activity,#app .activity-page,#app .original-activity-page,
#app .service-page,#app .download-page,#app .route-user,#app .original-user{background-color:#000!important}

/* Header and bottom navigation. */
#app .header,#app .home-page .header{background-color:transparent!important;border-color:transparent!important}
#app .tabbar,#app .van-tabbar{
  background-color:transparent!important;
  background-image:linear-gradient(180deg,rgba(64,47,71,.12),rgba(28,4,40,.12))!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)!important;
}
#app .tabbar .nav-btn,#app .van-tabbar-item{color:var(--ww-muted)!important}
#app .tabbar .nav-btn.active,#app .van-tabbar-item--active{
  color:#fff!important;background-color:rgba(255,255,255,.14)!important;
}
#app .tabbar .nav-btn.active .nav-icon,#app .van-tabbar-item--active img,
#app .category-tabs .cat.active .tab-icon{
  filter:brightness(0) saturate(100%) invert(87%) sepia(99%) saturate(1168%) hue-rotate(328deg) brightness(103%) contrast(102%)!important;
}

/* Home surfaces and selectors. */
#app .wallet-strip,#app .home-page .wallet-strip{
  background-color:transparent!important;
  background-image:linear-gradient(175deg,rgba(252,245,255,.12),rgba(96,64,111,.12))!important;
  border-color:rgba(255,255,255,.12)!important;
}
#app .category-tabs .cat{color:var(--ww-muted)!important}
#app .category-tabs .cat.active{color:#fff!important;background:#ffffff14!important;border-color:transparent!important}
#app .notice,#app .home-notice,#app .game-card,#app .home-section,
#app .rich-footer{border-color:var(--ww-border)!important}

/* Exact reference button palette across every route. */
#app .top-charge,#app .gradient-btn,#app .pill-tabs button.active,#app .dual button:first-child,
#app .dialog-actions .primary,#app .big-button,#app .software-item button,#app .redbag-wallet button,
#app .agent-dividend button,#app .income-claim button,#app .share-link .copy-share,
#app .amount-panel .pay-now,#app .aba-panel button,#app .add-address,#app .payment-create,
#app .home-notice-confirm,#app .withdraw-security-dialog>button:not(.withdraw-security-close),
#app .route-editReflectPsd .security-form .big-button,#app .home-page .xvip-claim,
#app .rich-footer .footer-title .footer-vpn,#app .header-recharge,#app .guest-submit,
#app .service-row button,#app .original-task-foot button:not(:disabled),
#app .original-task-foot .task-claim-button.is-claimable,#app .task-claim-button:not(:disabled){
  background-color:transparent!important;background-image:var(--ww-btn-gradient)!important;
  border-color:rgba(255,226,87,.24)!important;color:#fff!important;
}
#app .invite-line button,#app .original-user-invite button,#app .copy-address{
  background-color:transparent!important;background-image:var(--ww-gold-gradient)!important;
  border-color:transparent!important;color:#000!important;
}
#app .dot.active,#app .amount-grid button.active,#app .payment-channel-tabs button.active,
#app .payment-presets button.active,#app .original-okpay-card .payment-presets button.active,
#app .provider-filter .provider-chip.active,#app .commission-provider-tabs button.active{
  background-color:var(--ww-selected)!important;background-image:none!important;
  border-color:rgba(255,226,87,.24)!important;color:#fff!important;
}

/* Activity, service and download route colors. */
#app .activity-card,#app .activity-item{background-color:transparent!important;border-color:transparent!important}
#app .overlay,#app .van-overlay,#app .service-overlay,#app .guest-overlay,#app .download-overlay{
  background-color:rgba(0,0,0,.60)!important;
}
#app .service-list,#app .service-box,#app .download-box,#app .dialog{
  background-color:rgba(20,18,14,.96)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;
}
#app .service-row{background-color:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}

/* My page: reference uses transparent sections on pure black. */
#app .original-user-head,#app .original-user-actions,#app .original-user-head.has-custom-user-bg-logo{
  background-color:#000!important;
}
#app .original-user-vip,#app .original-user-features,#app .original-user-invite,
#app .original-user-settings,#app .menu-grid,#app .settings,#app .vip-card,#app .invite{
  background-color:transparent!important;background-image:none!important;border-color:transparent!important;
}
#app .original-user-pills>span,#app .user-info-item,#app .info-pill{
  background-color:rgba(255,255,255,.06)!important;background-image:none!important;
  border-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.65)!important;
}
#app .vip-progress,#app .progress{background-color:rgba(255,255,255,.10)!important}
#app .progress i,#app .vip-progress i,#app .vip-card-progress>i span,
#app .commission-category-tabs button.active:after,#app .original-withdraw-tabs>i{
  background-color:gold!important;background-image:none!important;
}

/* Forms, dialogs, tasks and records. */
#app .guest-dialog,#app .withdraw-security-dialog{
  background-color:#0b0906!important;
  background-image:radial-gradient(circle at 80% 7%,rgba(185,126,18,.30),transparent 31%),linear-gradient(155deg,rgba(31,24,13,.98),rgba(8,7,6,.99))!important;
  border-color:rgba(255,226,87,.18)!important;color:#fff!important;
}
#app input,#app textarea,#app select{background-color:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
#app input::placeholder,#app textarea::placeholder{color:rgba(255,255,255,.45)!important}
#app input[type=checkbox]{accent-color:var(--ww-gold)!important}
#app .original-task-levels button,#app .original-task-levels .task-tier-button{
  background-color:var(--ww-gold-solid)!important;color:#000!important;
}
#app .original-task-levels button:not(:last-child):after,#app .task-tier-step>i{background-color:var(--ww-gold-solid)!important}
#app .bet-filter-sheet>button.active:not(.filter-close):after{
  border-color:#ffe63d!important;background-color:transparent!important;background-image:var(--ww-gold-gradient)!important;color:#000!important;
}
#app .refined-date-menu button.active i{
  border-color:#ffe63d!important;background-image:radial-gradient(circle,#000 0 22%,#ffea00 25% 62%,transparent 65%)!important;
}

/* Exact authenticated-reference black-gold surface assets/colors. */
#app .home-page{
  background-color:#000!important;
  background-image:url('/assets/theme/ww899-black-gold-home.webp')!important;
  background-repeat:no-repeat!important;
  background-position:top center!important;
  background-size:100% auto!important;
  background-blend-mode:normal!important;
}
#app .activity,#app .activity-page,#app .original-activity-page,
#app .route-user,#app .original-user,#app .original-user-head,#app .original-user-actions{
  background-color:#000!important;
}
#app .service-list,#app .service-box{
  background-color:rgba(26,20,15,.72)!important;
  background-image:linear-gradient(145deg,rgba(77,47,18,.55),rgba(17,15,13,.82))!important;
  border-color:rgba(255,226,87,.24)!important;
}
#app .service-row button{
  background-image:linear-gradient(110deg,rgba(255,115,21,.5),rgba(244,185,0,.5))!important;
  box-shadow:inset 1px 1px 6px rgba(255,182,221,.5)!important;
}

/* Exact reference palettes/assets for Activity, Service, Download and My. */
#app .app.route-activity,#app .original-activity-page,#app .original-activity-content,#app .original-activity-list{
  background-color:#000!important;background-image:none!important;
}
#app .service-overlay .service-list{
  background-color:rgba(225,190,231,.08)!important;background-image:none!important;
  border-color:rgba(255,255,255,.30)!important;box-shadow:none!important;
}
#app .service-overlay .service-row{background-color:transparent!important;border-color:transparent!important}
#app .service-overlay .service-row button{
  background-color:transparent!important;background-image:url('/assets/service/consult.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  border-color:transparent!important;box-shadow:none!important;color:#fff!important;
}
#app .download-image-overlay{background-color:rgba(0,0,0,.60)!important}
#app .original-user,#app .route-user{background-color:#000!important;background-image:none!important}
#app .original-user-head,#app .original-user-head.has-custom-user-bg-logo{
  background-color:#000!important;background-image:url('/assets/theme/ww899-user-head.webp')!important;
  background-position:top center!important;background-repeat:no-repeat!important;background-size:100% auto!important;
}
#app .original-user-vip{
  background-color:transparent!important;background-image:url('/assets/theme/ww899-vip-card.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
}
#app .original-user-features{
  background-color:transparent!important;background-image:url('/assets/user/feature-card.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
}
#app .original-user-features img{
  background-image:linear-gradient(180deg,rgba(64,47,71,.08),rgba(252,245,255,.08))!important;
  border-color:rgba(255,255,255,.06)!important;
}
#app .original-user-invite{background-color:transparent!important}
#app .original-user-invite .invite-first-line span{
  background-image:linear-gradient(90deg,#f09542,#fff 86%)!important;color:transparent!important;
}
#app .original-user-vip .vip-title b{color:#ffe0aa!important}
#app .original-user-vip .vip-title span{
  background-image:linear-gradient(180deg,rgba(64,47,71,.12),rgba(252,245,255,.12))!important;
  border-color:rgba(255,255,255,.08)!important;
}

/* Cache-stable exact original assets. */
#app .service-overlay .service-box:before{
  background-image:url('/assets/service/background-gold.webp')!important;
}
#app .service-overlay .service-row button{
  background-image:url('/assets/service/consult-gold.webp')!important;
}
#app .original-user-invite{
  background-image:url('/assets/theme/ww899-invite.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
}

/* Recharge button: exact black-gold reference color. */
#app .original-user-actions button:first-child{background-color:transparent!important;background-image:none!important;border-color:transparent!important}
#app .original-user-actions button:first-child .action-bg{filter:none!important;opacity:1!important}
#app .top-charge,#app .header-recharge{
  background-color:transparent!important;
  background-image:linear-gradient(110deg,rgba(255,115,21,.5),rgba(244,185,0,.5))!important;
  border-color:rgba(255,226,87,.24)!important;
  box-shadow:inset 1px 1px 6px rgba(255,182,221,.5)!important;
  color:#fff!important;
}

/* Inner routes copied from the authenticated reference: navy surfaces, not the old purple theme. */
#app .app.route-recharge,#app .app.route-withdraw,#app .app.route-income,
#app .payment-recharge.original-recharge,#app .original-recharge,
#app .original-withdraw,#app .original-income{
  background-color:#19223b!important;background-image:none!important;color:#fff!important;
}
#app .payment-recharge .original-recharge-head,#app .original-withdraw-head,#app .original-income-head{
  background-color:transparent!important;background-image:none!important;color:#fff!important;
}
#app .original-recharge-tabs,#app .original-withdraw-tabs{
  background-color:transparent!important;background-image:none!important;border-color:rgba(255,255,255,.08)!important;
}
#app .original-recharge-tabs button,#app .original-withdraw-tabs button{background:transparent!important;color:rgba(255,255,255,.70)!important}
#app .original-recharge-tabs button.active,#app .original-withdraw-tabs button.active{color:#fff!important}
#app .original-recharge-tabs>i,#app .original-withdraw-tabs button.active:after{
  background-image:linear-gradient(90deg,transparent 4%,#fff 50%,transparent 96%)!important;background-color:transparent!important;
}
#app .original-recharge-box{background-color:#202a41!important;background-image:none!important}
#app .original-usdt-card{background-color:#202a41!important}
#app .original-usdt-qr{background-color:#fff!important}
#app .original-okpay-card{background-color:#202a41!important}
#app .original-okpay-input{background-color:rgba(0,0,0,.30)!important;border-color:transparent!important}
#app .original-okpay-card .payment-presets button{background-color:rgba(255,255,255,.08)!important;background-image:none!important;border-color:transparent!important}
#app .original-okpay-card .payment-presets button.active{background-color:rgba(255,226,87,.12)!important;border-color:rgba(255,226,87,.24)!important}
#app .original-withdraw-wallet{background-color:transparent!important}
#app .original-withdraw-form{
  background-color:transparent!important;
  background-image:linear-gradient(178deg,rgba(252,245,255,.10),rgba(96,64,111,.14))!important;
  border-color:transparent!important;
}
#app .original-withdraw-form input,#app .route-withdraw .form-card input{
  background-color:#111027!important;background-image:none!important;border-color:transparent!important;color:#fff!important;
}
#app .original-income-body{background-color:transparent!important;background-image:none!important}
#app .original-income-card{
  background-color:transparent!important;
  background-image:linear-gradient(177deg,rgba(252,245,255,.08),rgba(96,64,111,.18))!important;
  border-color:transparent!important;
}
#app .original-income-content{background-color:transparent!important}
#app .original-income-triple>div{background-color:rgba(255,255,255,.07)!important;background-image:none!important}
#app .original-income-claim b{color:#ffd700!important}
#app .original-income-row b,#app .original-income-triple b{color:#ffdc95!important}
#app .original-income-title button,#app .original-income-settle button,#app .original-income-link-title button{color:#00b0ff!important;background:transparent!important}
#app .original-income-link{background-color:rgba(255,255,255,.07)!important;background-image:none!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important}

/* Authenticated reference audit: recharge, withdrawal and income use pure-black route backgrounds. */
#app .app.route-recharge,#app .app.route-withdraw,#app .app.route-income,
#app .payment-recharge.original-recharge,#app .original-recharge,
#app .original-withdraw,#app .original-income{
  background-color:#000!important;background-image:none!important;color:#fff!important;
}
#app .original-recharge-box{background-color:transparent!important}
#app .original-usdt-card{
  background-color:transparent!important;
  background-image:url('/assets/theme/ww899-recharge-panel.png')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
}
#app .original-usdt-copy,#app .route-recharge .copy-address{
  background-color:transparent!important;
  background-image:url('/assets/theme/ww899-recharge-copy.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  border-color:transparent!important;box-shadow:none!important;color:#fff!important;
}
#app .original-okpay-card{background-color:transparent!important}
#app .original-withdraw-wallet{
  background-color:transparent!important;
  background-image:url('/assets/theme/ww899-withdraw-wallet.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
}
#app .original-withdraw-submit,#app .route-withdraw .big-button{
  background-color:transparent!important;
  background-image:url('/assets/theme/ww899-withdraw-submit.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  border-color:transparent!important;box-shadow:none!important;color:#fff!important;
}
#app .original-income-claim>button{
  background-color:transparent!important;
  background-image:url('/assets/theme/ww899-income-claim.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  border-color:transparent!important;box-shadow:none!important;color:#fff!important;
}
#app .original-income-card{
  background-color:transparent!important;
  background-image:linear-gradient(177deg,rgba(252,245,255,.08),rgba(96,64,111,.18))!important;
}

/* Invitation page copied from the authenticated black-gold reference. */
#app .original-invite,#app .invite-page{
  background-color:#000!important;
  background-image:url('/assets/theme/ww899-invite-page.webp')!important;
  background-position:top center!important;background-repeat:repeat-y!important;background-size:100% auto!important;
  color:#fff!important;
}
#app .original-invite-head{background:transparent!important;color:#fff!important}
#app .original-invite h1{color:#fff!important}
#app .original-invite h1 span{color:#ffd000!important}
#app .original-invite-share{background:transparent!important}
#app .original-invite-share>button{
  background-color:rgba(241,229,255,.12)!important;background-image:none!important;
  border-color:transparent!important;color:#fff!important;box-shadow:none!important;
}
#app .original-invite-stats{background:transparent!important}
#app .original-invite-stats span{color:rgba(255,255,255,.75)!important}
#app .original-invite-stats i{background-color:#fff!important}

/* Exact black-gold reference corrections: withdraw fields, task route base, income claim. */
#app .original-withdraw-form .withdraw-input,
#app .route-withdraw .withdraw-input{
  background-color:rgba(0,0,0,.30)!important;
  background-image:none!important;
  border-color:transparent!important;
}
#app .original-withdraw-form .withdraw-input input,
#app .route-withdraw .withdraw-input input,
#app .original-withdraw-form input.withdraw-address,
#app .original-withdraw-form input.withdraw-amount,
#app .original-withdraw-form input.withdraw-password{
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  color:#fff!important;
}
#app .original-withdraw-form .withdraw-input input::placeholder,
#app .route-withdraw .withdraw-input input::placeholder{color:#fff!important;opacity:.5!important}
#app .original-tasks{
  background-color:#000!important;
  background-image:none!important;
  color:#fff!important;
}
#app .original-task-bottom{
  background-color:transparent!important;
  background-image:linear-gradient(181deg,rgba(252,245,255,.08),rgba(96,64,111,.12))!important;
}
#app .original-task-levels button,
#app .original-task-levels .task-tier-button,
#app .task-tier-step>i{background-color:#ffb600!important;color:#000!important}
#app .original-task-foot button:not(:disabled),
#app .task-claim-button:not(:disabled){
  background-color:transparent!important;
  background-image:url( /assets/theme/ww899/task-claim.webp)!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  border-color:transparent!important;box-shadow:none!important;color:#000!important;
}
#app .original-income-claim>button,
#app .original-income-claim>button.is-available,
#app .original-income-claim>button:disabled{
  background-color:transparent!important;
  background-image:url(/assets/theme/ww899-income-claim.webp)!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  border-color:transparent!important;box-shadow:none!important;color:#fff!important;opacity:1!important;
}

/* Original black-gold task tier arrows. */
#app .original-task-levels .task-tier-arrow,
#app .original-task-levels .task-tier-arrow.left,
#app .original-task-levels .task-tier-arrow.right{
  background-color:#ffb600!important;
  background-image:none!important;
  color:#000!important;
  border-color:transparent!important;
}
#app .original-task-levels .task-tier-arrow::before,
#app .original-task-levels .task-tier-arrow::after{color:#000!important;border-color:#000!important}

/* Reference task arrows are the original white-chevron image, not black glyphs. */
#app .original-task-levels .task-tier-arrow,
#app .original-task-levels .task-tier-arrow.left,
#app .original-task-levels .task-tier-arrow.right{
  background-color:transparent!important;
  background-image:url( /assets/tasks/tier-arrow.webp)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  border-color:transparent!important;
  color:transparent!important;
}
#app .original-task-levels .task-tier-arrow::before,
#app .original-task-levels .task-tier-arrow::after{content:none!important}

/* Income claim state: black when unavailable, reference gold only when claimable. */
#app .original-income-claim>button.is-unavailable,
#app .original-income-claim>button:disabled{
  background-color:#2b2b2b!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.60)!important;
  opacity:1!important;
}
#app .original-income-claim>button.is-available:not(:disabled){
  background-color:transparent!important;
  background-image:url(/assets/theme/ww899-income-claim.webp)!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  border-color:transparent!important;color:#fff!important;
}

/* Exact black-gold reference asset for the top-right recharge button. */
#app .home-page .header .header-recharge,
#app .home-page .head-actions .header-recharge,
#app .home-page .auth-live .header-recharge{
  background-color:transparent!important;
  background-image:url(/assets/theme/ww899-header-recharge.webp)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* My page: exact black-gold reference progress and seven shortcut surfaces. */
#app .original-user-vip .vip-progress{
  background-color:rgba(255,255,255,.10)!important;
  background-image:none!important;
}
#app .original-user-vip .vip-progress>i{
  background-color:gold!important;
  background-image:none!important;
}
#app .original-user-vip .vip-progress>em{
  background-color:rgba(255,215,0,.40)!important;
  background-image:none!important;
  box-shadow:0 min(.267vw,1.141px) min(.533vw,2.283px) rgba(0,0,0,.20)!important;
}
#app .original-user-vip .vip-progress>em>small{background-color:#fff!important;background-image:none!important}
#app .original-user-features{
  background-color:transparent!important;
  background-image:linear-gradient(177deg,rgba(252,245,255,.08),rgba(255,255,255,.035))!important;
  border-color:transparent!important;
}
#app .original-user-features>button{
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  color:rgba(255,255,255,.75)!important;
}
#app .original-user-features>button>img{
  background-color:rgba(255,255,255,.06)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}
#app .original-user-features>button>span{color:rgba(255,255,255,.75)!important}

/* Source-level parity: black-gold keeps the reference shortcut card and icon palette unchanged. */
#app .original-user-features{
  background-color:transparent!important;
  background-image:url(/assets/user/feature-card.webp)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  border-color:transparent!important;
}
#app .original-user-features>button>img{
  background-color:transparent!important;
  background-image:linear-gradient(180deg,rgba(64,47,71,.08),rgba(252,245,255,.08))!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}
#app .original-user-features>button,
#app .original-user-features>button>span{color:rgba(255,255,255,.75)!important}