/* Full H5 surface coverage. Loaded after authentication and payout styles. */
html{background:#161616;color-scheme:dark}
body[data-page][data-detail]{--bg:#161616;--ink:#f2f2f2;--muted:#b4b4b4;--line:#ffffff1a;--accent:#26d99a;--paper:#292929;--shadow:0 6px 20px #0002;color:#f2f2f2;background:#161616;color-scheme:dark}
body[data-page][data-detail] :is(.page-title h1,.detail-title,.registration-card h1,.login-brand,.card h1,.card h2,.card h3,.registration-card h2){color:#f1f1f1}
body[data-page][data-detail] :is(.muted,.caption,.body-copy,.checkline,.line-item,.registration-login-link,.specs dt,.fee-grid p,.chat-time){color:#b8b8b8}
body[data-page][data-detail] :is(.body-copy,.caption){line-height:1.85}
body[data-page][data-detail] :is(.line-item strong,.specs dd,.payee-choice strong,.withdrawal-record-brand>span:first-of-type,.withdrawal-record-amount>strong){color:#e7e7e7}
body[data-page][data-detail] :is(.inline-link,.checkline a,.article a,.password-settings-link,.payee-bind,.withdraw-money-field button){color:#77dfb8}
body[data-page][data-detail] :is(.page-title .icon-btn,.icon-btn){color:#e0e0e0;background:#ffffff0b;border-color:#ffffff1e;border-radius:50%;box-shadow:none}
body[data-page][data-detail] .page-title:after{background:#ffffff25}
body[data-page][data-detail] :is(.field label,.payee-binding-title h2){color:#ddd}
body[data-page][data-detail] :is(.field input,.field textarea,.field select){background:#202020db;border-color:#ffffff20;color:#f1f1f1;box-shadow:inset 0 1px #ffffff03;caret-color:#5ce1b2}
body[data-page][data-detail] :is(.field input,.field textarea)::placeholder{color:#999}
body[data-page][data-detail] :is(.field input,.field textarea,.field select):focus{background:#242424;border-color:#4bc99b;box-shadow:0 0 0 3px #2bd99b12}
body[data-page][data-detail] input[type=checkbox]{accent-color:#21cc91}
body[data-page][data-detail] .field select option{background:#292929;color:#eee}
body[data-page][data-detail] :is(.primary,.balance-actions .primary){background:#1bd896;border-color:#54e5b3;color:#082c20;border-radius:999px;box-shadow:inset 0 1px #ffffff30,0 4px 12px #0002}
body[data-page][data-detail] .primary.warm{background:#1bd896;border-color:#54e5b3;color:#082c20}
body[data-page][data-detail] :is(.secondary,.balance-actions .secondary){background:#ffffff0a;border-color:#ffffff29;color:#e1e1e1;border-radius:999px;box-shadow:none}
body[data-page][data-detail] :is(.primary,.secondary):disabled{opacity:.45;box-shadow:none}
body[data-page][data-detail] form[data-busy="1"]>button.primary:before{border-color:#082c2040;border-top-color:#082c20}
body[data-page][data-detail] .danger-btn{color:#ff9aaa!important;border-color:#ff829327;background:#ff82930a}
body[data-page][data-detail] .danger-text{color:#ff9aaa!important}
body[data-page][data-detail] :is(.tag,.status){background:#ffffff0d;color:#d5d5d5;border:1px solid #ffffff10;border-radius:6px}
body[data-page][data-detail] :is(.tag.warm,.status.s1,.withdrawal-status){background:#edb36319;color:#f0c181;border-color:#edb36324}
body[data-page][data-detail] :is(.status.s2,.status.s3,.status.s4,.withdrawal-status.status-2){background:#2ad69e14;color:#85e3bd;border-color:#2ad69e24}
body[data-page][data-detail] :is(.status.s5,.withdrawal-status.status-3){background:#ffffff0a;color:#b4b4b4}
body[data-page][data-detail] .tag.danger{background:#ff829317;color:#ffa2af;border-color:#ff829325}
body[data-page][data-detail] .detail-gallery{background:#1c1c1cd9;border-color:#ffffff1a;box-shadow:0 8px 24px #0002}
body[data-page][data-detail] .fee-grid{background:#ffffff05;border-color:#ffffff13}
body[data-page][data-detail] .fee-grid strong{color:#e7e7e7}
body[data-page][data-detail] .fee-grid>div:first-child strong{color:#39dfaa}
body[data-page][data-detail] .fee-grid>div:last-child strong{color:#efb873}
body[data-page][data-detail] .specs{gap:18px 12px}
body[data-page][data-detail] .specs>div{padding-bottom:12px;border-bottom:1px solid #ffffff0c}
body[data-page][data-detail] .sticky-action{background:#191919f5;border-top-color:#ffffff1c;box-shadow:0 -6px 22px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body[data-page][data-detail] .sticky-action .primary{border-radius:999px}
body[data-page][data-detail] .cover{background:#232323}
body[data-page][data-detail] .cover .placeholder{background:#232323;color:#aaa}
body[data-page][data-detail] .order-card .actions{border-top-color:#ffffff12}
body[data-page][data-detail] .order-code{color:#aaa}
body[data-page][data-detail] .hero{background:linear-gradient(120deg,#373a37ed,#272b28f2);border-color:#ffffff20;box-shadow:inset 0 1px #ffffff0c,0 10px 24px #0002}
body[data-page][data-detail] .hero:before{background:repeating-linear-gradient(128deg,transparent 0 24px,#ffffff0c 25px 26px,transparent 27px 50px)}
body[data-page][data-detail] .hero :is(p,.eyebrow){color:#c2c9c4}
body[data-page][data-detail] .hero h1{color:#f4f4f4}
body[data-page][data-detail] .payment-countdown{background:#1bd8960b;border-color:#44d8a52a;color:#b9d8cb}
body[data-page][data-detail] .payment-countdown strong{color:#76e4ba}
body[data-page][data-detail] .payment-countdown small{color:#afbeb6}
body[data-page][data-detail] .timeline>div{color:#d6d6d6;border-left-color:#ffffff22}
body[data-page][data-detail] .timeline>div:before{background:#777;border-color:#303030}
body[data-page][data-detail] .timeline>div.done:before{background:#2cd79d}
body[data-page][data-detail] .timeline small{color:#aaa}
body[data-page][data-detail] :is(.summary-notice,.error-box){background:#eab36412;border-color:#eab3642b;color:#e8c595}
body[data-page][data-detail] .error-box{background:#ef829313;border-color:#ef829329;color:#ffacb8}
body[data-page][data-detail] :is(.subtle-box,.article){color:#c7c7c7}
body[data-page][data-detail] .subtle-box{background:#ffffff06;border-color:#ffffff12}
body[data-page][data-detail] .article :is(h1,h2,h3,strong){color:#eee}
body[data-page][data-detail] .article :is(table,td,th){border-color:#ffffff2a;max-width:100%}
body[data-page][data-detail] .article :is(a){color:#79dfbb}
body[data-page][data-detail] .dialog{background:#2c2c2c;color:#eee;border-color:#ffffff20}
body[data-page][data-detail] .dialog :is(h2,.body-copy){color:#e7e7e7}
body[data-page][data-detail] .dialog-backdrop{background:#0009}
body[data-page][data-detail] #toast{background:#303330f5;color:#f4f4f4;border-color:#ffffff20;box-shadow:0 8px 24px #0004}
body[data-page][data-detail] .loading{color:#b7b7b7}
body[data-page][data-detail] .spinner{border-color:#ffffff22;border-top-color:#38d9a3}
/* Authentication uses the same game setting and readable charcoal card. */
body[data-page][data-detail] .login-brand{color:#f0f0f0}
body[data-page][data-detail] .login-brand small{color:#9eaaa3}
body[data-page][data-detail] .login-brand img{background:none;box-shadow:0 5px 15px #0003}
body:is([data-page=login],[data-page=register],[data-page=reset]) .app-shell>.card{background:linear-gradient(135deg,#333333f5,#272727f7);box-shadow:0 12px 36px #0003}
body[data-page][data-detail] .registration-captcha-row button{background:#373b37;border-color:#ffffff24;color:#ccc}
body[data-page][data-detail] .registration-captcha-row img{background:#f1f4f1}
body[data-page][data-detail] .registration-login-link{color:#b8b8b8}
/* Payout surfaces and upload placeholders retain their original dimensions. */
body[data-page][data-detail] .payee-option{background:#ffffff05;border-color:#ffffff16}
body[data-page][data-detail] .payee-option.selected{background:#25d99b0b;border-color:#3bcf9c70;box-shadow:0 0 0 2px #21ce9208}
body[data-page][data-detail] .payee-choice small{color:#b4b4b4}
body[data-page][data-detail] .payee-mark.wechat{background:#27d89a16;color:#7ae4bb}
body[data-page][data-detail] .payee-mark.alipay{background:#79adf01a;color:#91c2fa}
body[data-page][data-detail] .choice-indicator{border-color:#ffffff40;color:#082c20}
body[data-page][data-detail] .selected .choice-indicator{background:#32d9a0;border-color:#32d9a0}
body[data-page][data-detail] .payee-qr-picker{background:#ffffff05;border-color:#ffffff35}
body[data-page][data-detail] .payee-qr-picker :is(strong,svg){color:#c3d3c9}
body[data-page][data-detail] :is(.payee-qr-picker>span:last-child,#payee-file-status,.withdrawal-record-amount>span,.withdrawal-record-brand small){color:#b4b4b4}
body[data-page][data-detail] .withdrawal-record-brand{border-bottom-color:#ffffff13}
body[data-page][data-detail] .payee-qr-picker:focus-within{outline-color:#4bd4a2}
body[data-page][data-detail] .upload-add{background:#ffffff05;border-color:#ffffff35;color:#b9c9c0}
body[data-page][data-detail] .upload-add svg{color:#9ad7bd}
body[data-page][data-detail] .upload-thumb{background:#262626;border-color:#ffffff20}
/* Full-screen support: colors only; keep visual viewport/keyboard mechanics. */
body[data-page=chat] .chat-screen{background:#191919e8;border-color:#ffffff18}
body[data-page=chat] .chat-screen:before{opacity:.2;background:linear-gradient(#15151533,#15151599),url('/img/market-background-v1.webp') center top/cover no-repeat;filter:grayscale(1)}
body[data-page=chat] .chat-screen .chat-header{background:#1c1c1cf5;border-bottom-color:#ffffff16;box-shadow:0 3px 16px #0002}
body[data-page=chat] .chat-screen .chat-header h1{color:#f0f0f0}
body[data-page=chat] .chat-service-state{color:#b3b3b3}
body[data-page=chat] #chat-presence[data-online=true]{color:#71dbad}
body[data-page=chat] #chat-presence i{background:#939393}
body[data-page=chat] #chat-presence[data-online=true] i{background:#30d798;box-shadow:0 0 0 3px #30d79816}
body[data-page=chat] #chat-typing{color:#91e6c4}
body[data-page=chat] .chat-screen .chat-info{background:#ffffff06;border-color:#ffffff12;color:#b9b9b9}
body[data-page=chat] .chat-msg .avatar{background:#303630;color:#cce9da;border-color:#ffffff1d}
body[data-page=chat] .chat-screen .chat-msg .bubble{background:#343434;border-color:#ffffff1b;color:#ededed;box-shadow:0 2px 8px #0001}
body[data-page=chat] .chat-screen .chat-msg.me .bubble{background:#285b46;border-color:#6dd5a440;color:#effff5}
body[data-page=chat] .chat-time{color:#aaa}
body[data-page=chat] .chat-screen .system-msg{color:#b2b2b2}
body[data-page=chat] .chat-quick button{background:#303030ed;color:#d2d2d2;border-color:#ffffff21;border-radius:999px;box-shadow:none}
body[data-page=chat] .chat-quick button[aria-pressed=true]{background:#25d99b17;color:#9ceccf;border-color:#3fd6a55c}
body[data-page=chat] .chat-screen .chat-compose{background:#1c1c1cf5;border-top-color:#ffffff18}
body[data-page=chat] .chat-screen .chat-compose textarea{background:#303030;border-color:#ffffff24;color:#f0f0f0;caret-color:#64dfb1}
body[data-page=chat] .chat-screen .chat-compose textarea::placeholder{color:#aaa}
body[data-page=chat] .chat-screen .chat-compose textarea:focus{border-color:#4bc99b;box-shadow:0 0 0 2px #2bd99b12}
body[data-page=chat] .chat-screen .chat-compose .primary{border-radius:999px;background:#1bd896;border-color:#54e5b3;color:#082c20}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#47d4a380}
@media(hover:hover){body[data-page][data-detail] .primary:hover{background:#46e2ad}body[data-page][data-detail] .secondary:hover{background:#ffffff15}body[data-page][data-detail] .primary:disabled:hover{background:#1bd896}}
@media(prefers-reduced-motion:reduce){body[data-page][data-detail] *{scroll-behavior:auto!important}}
