/* 来源：new-huobo-frontend/assets/css/888-sports.css；仅迁入品牌变量，不引入旧业务布局。 */
:root {
  --max-width: 100%;
  --theme-color: #A76F3D;
  --color-bg: #f0f6ff;
  --color-gray-bg: #f0f6ff;
  --color-pc-header-bg: #f3f3f3;
  --color-content-area-bg: #fff;
  --color-loading-bg: #7474749c;
  --color-loading-game-bg: #7474749c;
  --color-text: #3b466c;
  --color-text-hover: #FDD6A9;
  --hover-box-color: #bcbcbc9c;
  --icon-color: #000;
  --header-height: 3rem;
  --header-height-pc: 4.0625rem;
  --b-menu-height: 3rem;
  --b-menu-amount-color: #F3F3F3;
  --b-menu-amount-text-color: #202630;
  --b-left-menu-wallet-bg-color: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --b-menu-bg-color: #FFFFFF;
  --b-left-menu-bg-color: #fff;
  --b-menu-user-icon-bg: #F6F6F6;
  --color-menu-bg: #fff;
  --color-menu-text-bg: #8d8ea9;
  --color-menu-active-text-bg: #A76F3D;
  --color-l-menu-bg: #fff;
  --color-inside-text: #000;
  --color-active-text: #fff;
  --color-btn-disabled: #0005;
  --color-btn: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --color-text-btn: #fff;
  --color-login-text-btn: #707a8a;
  --color-input-bg: #f6f6f6;
  --rounded-b: 0.625rem;
  --rounded-color: #00000019;
  --color-sl-type-bg: rgba(0, 0, 0, 0.06);
  --color-sl-bg: rgba(0, 0, 0, 0.05);
  --color-tags-bg: #dce8fa;
  --color-game-collect-bg: #f3f2f2;
  --color-low-text2: #919191;
  --input-border-color: #f6f6f6;
  --color-low-text: #333;
  --footer-about-us-item-color: #5a5a5a;
  --footer-about-us-bg: #f6f6f6;
  --color-header-text: #6C7BA8;
  --head-nav-bg-color: #fcfcfc;
  --game-more-color: #dedede;
  --game-hover-color: #0009;
  --game-main-color: #939eb4;
  --progress-bg-color: #d9d9d938;
  --bet-record-amount-color: #f04e23;
  --left-menus-bg: #f0f6ff;
  --left-menus-item-bg: rgba(255,255,255,0.7);
  --left-menus-item-hover-bg: #d8d8d8;
  --left-menus-is-opne-bg: #EAECEF;
  --page-footer-bg: #fff;
  --provider-text-color: #717d9e;
  --loading-bg: rgba(255, 255, 255, 0.6);
  --msg-type-color-list-bg: #eff1f5;
  --msg-type-color-un-bg: #f6f6f6;
  --msg-type-color-text: #707a8a;
  --msg-type-color-notification: #202630;
  --msg-type-color-readFlag: #ff3b30;
  --msg-msg-bg-color: #fff;
  --msg-msg-text-color: #707a8a;
  --msg-msg-text-active-color: #000;
  --msg-left-bg-color: #F6F6F6;
  --msg-new-msg-bg-color: #34C759;
  --msg-new-type-list-color-bg: #f6f6f6;
  --msg-m-type-list-icon-color-bg: #202630;
  --table-list-text-color: #707a8a;
  --table-list-bg-color: #f6f6f6;
  --table-bg-color: #ffffff10;
  --marqueeLink-color: #717d9e;
  --notice-badge-gradient: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --notice-text: #294c64;
  --notice-sreach-bg-color: #fff;
  --about-us-text-color: #5a5a5a;
  --loading-more-bg-color: #FDD6A9;
  --login-tab-color-bg: #F6F6F6;
  --login-tab-color-text: #000000;
  --header-login-text-color: #fff;
  --color-border: #e5e7eb;
  --user-color-bg: #fff;
  --select-bg: #f6f6f6;
  --select-text-color: #707a8a;
  --select-text-active-text-color: #FDD6A9;
  --select-text-active-text-active-text-color: #fff;
  --promotions-tab-bg-color: #fff;
  --promotions-menu-act-text-color: #fff;
  --promotions-menu-hover-text-color: #000;
  --promotions-menu-act-bg-color: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --vip-tab-text-color: #000;
  --vip-dialog-bg-color: rgba(255,255,255,0.1);
  --vip-dialog-close-text-color: #fff;
  --backup-domain-bg-color: rgba(0, 0, 0, 0.05);
  --backup-domain-text-color: rgba(0, 0, 0, 0.7);
  --app-download-bg-color: rgba(0, 0, 0, 0.1);
  --app-download-title-text-color: #000;
  --app-download-desc-text-color: #000;
  --app-download-btn-border-text-color: rgba(0,0,0,0.3);
  --login-title-color: #fff;
  --login-go-login-text-color: #fff;
  --domain-qrcode-line-color: rgba(0,0,0,0.3);
  --withdraw-card-bg: #eaecef;
  --deposit-card-bg: rgba(255,255,255,0.5);
  --color-card-bg: #fff;
  --color-checkin-card-bg: #00000033;
  --account-page-boder-line: rgba(0,0,0,0.2);
  --feedback-page-bg: var(--color-gray-bg, #eef1f7);
  --feedback-card-bg: var(--user-color-bg, #f6f8fc);
  --feedback-title: var(--color-text, #1f2430);
  --feedback-title-sub: rgba(0,0,0,0.5);
  --feedback-subtext: #000;
  --feedback-empty: #a5aec8;
  --feedback-link: #FDD6A9;
  --feedback-border: rgba(145, 155, 182, 0.5);
  --feedback-input-bg: rgba(255, 255, 255, 0.64);
  --feedback-label: var(--color-text, #2f3645);
  --feedback-required: #ff4d4f;
  --feedback-placeholder: #b8bfd4;
  --feedback-btn-disabled: #d8dbe6;
  --feedback-btn-disabled-text: #aeb5ca;
  --feedback-btn-active: var(--color-btn, #FDD6A9);
  --feedback-btn-active-text: var(--color-text-btn, #fff);
  --feedback-upload-bg: #eaf3ff;
  --feedback-upload-border: #d3e4ff;
  --feedback-upload-icon: #FDD6A9;
  --bet-record-search: #fff;
  --bet-record-table-header-text: #3b466c;
  --bet-record-accent: #FDD6A9;
  --bet-record-accent-soft: rgba(41, 150, 255, 0.04);
  --bet-record-primary-start: #FDD6A9;
  --bet-record-primary-end: #A76F3D;
  --bet-record-primary-shadow: #8437f120;
  --bet-record-filter-bg: rgba(255, 255, 255, 0.88);
  --bet-record-secondary-bg: rgba(255, 255, 255, 0.76);
  --bet-record-mobile-tip-bg: #aab0ca;
  --bet-record-mobile-tip-text: #ffffff;
  --bet-record-empty-glow: radial-gradient(circle at 50% 40%, rgba(41, 150, 255, 0.16), rgba(41, 150, 255, 0.04) 55%, transparent 70%);
  --bet-record-empty-glow-lg: radial-gradient(circle at 50% 45%, rgba(41, 150, 255, 0.16), rgba(41, 150, 255, 0.04) 58%, transparent 72%);
  --bet-record-status-win-text: #18a058;
  --bet-record-status-win-bg: rgba(24, 160, 88, 0.13);
  --bet-record-status-pending-text: #f0ad4e;
  --bet-record-status-pending-bg: rgba(240, 173, 78, 0.13);
  --bet-record-status-loss-text: #ff6b6b;
  --bet-record-summary-border: #FDD6A9;
  --bet-record-summary-bg: rgba(41, 150, 255, 0.04);
  --bet-record-table-head-bg: #eef4fb;
  --bet-record-sheet-bg: #ffffff;
  --bet-record-picker-muted: #b9bcc9;
  --bet-record-picker-frame-bg: rgba(17, 24, 39, 0.03);
  --bet-record-hint-text: #ff9800;
  --bet-record-card-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  --bet-record-panel-shadow: 0 18px 50px rgba(15, 23, 42, 0.04);
  --bet-record-sheet-shadow: 0 -20px 60px rgba(15, 23, 42, 0.18);
  --page-top-back-bar-bg: #fff;
  --van-button-default-border-color: none;
  --color-scroll-to-top-icon-bg: #202630;
  --account-transfer-wallet-provider-item-bg: #00e25e1a;
  --promotions-realtime-rebate-rule-text-color: #FDD6A9;
  --promotions-realtime-rebate-rule-hover-text-color: #A76F3D;
  --promotions-realtime-rebate-action-claiming-hover-bg: #FDD6A9;
  --introduction-inner-title__bg-color: #d0af88;
  --huobo-download-page-bg: radial-gradient(circle at 20% 15%, rgba(135, 61, 255, 0.2), transparent 22%),
    radial-gradient(circle at 80% 18%, rgba(85, 26, 214, 0.18), transparent 18%),
    radial-gradient(circle at 50% 78%, rgba(179, 72, 255, 0.12), transparent 24%),
    linear-gradient(180deg, #17092a 0%, #10051d 100%);
  --huobo-download-panel-bg: rgba(0, 0, 0, 0.41);
  --huobo-download-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
    rgba(19, 10, 33, 0.88);
  --huobo-download-card-fallback-bg: #170d26;
  --huobo-download-empty-bg-start: #2c1846;
  --huobo-download-empty-bg-end: #100918;
  --huobo-download-top-mask-start: rgba(16, 8, 22, 0.9);
  --huobo-download-top-mask-mid: rgba(16, 8, 22, 0.45);
  --huobo-download-platform-bg: rgba(255, 255, 255, 0.08);
  --huobo-download-button-bg: linear-gradient(90deg, #7b2fff 0%, #b245ff 100%);
  --huobo-download-button-text: #fff;
  --huobo-download-nav-bg: rgba(255, 255, 255, 0.06);
  --huobo-download-nav-hover-bg: rgba(178, 69, 255, 0.28);
  --huobo-download-text-primary: rgba(255, 255, 255, 1);
  --huobo-download-text-strong: rgba(255, 255, 255, 0.95);
  --huobo-download-text-secondary: rgba(255, 255, 255, 0.9);
  --huobo-download-text-muted: rgba(255, 255, 255, 0.65);
  --huobo-download-text-soft: rgba(255, 255, 255, 0.45);
  --huobo-download-text-faint: rgba(255, 255, 255, 0.35);
  --huobo-download-platform-text: #f1d3bb;
  --huobo-download-accent: #a54bff;
  --huobo-download-line: rgba(255, 255, 255, 0.85);
  --huobo-download-qr-fallback-bg: #ece8f7;
  --huobo-download-qr-fallback-text: #3b2d4a;
}

:root[data-resolved-mode="dark"] {
  /* 主题色实底上的文字色（夜间主题色偏浅时需深色字） */
  --color-on-theme: #000;
  --theme-color: #FDD6A9;
  --color-bg: #000;
  --color-gray-bg: #0E0A29;
  --color-pc-header-bg: #0D0C0B;
  --color-content-area-bg: rgba(0,0,0,0.08);
  --color-loading-bg: #fff;
  --color-loading-game-bg: #7474749c;
  --color-text: #fff;
  --color-text-hover: #FDD6A9;
  --icon-color: #fff;
  --color-menu-bg: #000;
  --color-menu-text-bg: #9aa4b2;
  --color-btn: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --color-text-btn: #fff;
  --color-login-text-btn: #707a8a;
  --color-input-bg: #000000;
  --hover-box-color: #ffffff20;
  --table-list-text-color: #cbd5e1;
  --table-list-bg-color: #0d0c0b;
  --table-bg-color: #ffffff34;
  --b-menu-height: 3rem;
  --b-menu-amount-color: #f3f3f310;
  --b-menu-amount-text-color: #fff;
  --b-menu-bg-color: #000;
  --b-left-menu-wallet-bg-color: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --b-left-menu-bg-color: #001813;
  --b-menu-user-icon-bg: #ffffff0f;
  --left-menus-bg: #1A1A1A;
  --left-menus-item-bg: #ffffff10;
  --left-menus-item-hover-bg: #000000;
  --left-menus-is-opne-bg: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --page-footer-bg: #ffffff20;
  --marqueeLink-color: #fff;
  --color-header-text: #fff;
  --msg-type-color-list-bg: #FDD6A910;
  --msg-type-color-un-bg: #FDD6A910;
  --msg-type-color-text: #ffffff70;
  --msg-type-color-notification: #fff;
  --msg-type-color-readFlag: #ff3b30;
  --msg-msg-bg-color: #00140f;
  --msg-msg-text-color: #ffffff70;
  --msg-msg-text-active-color: #FDD6A9;
  --msg-left-bg-color: #00000020;
  --msg-new-msg-bg-color: #34C759;
  --msg-new-type-list-color-bg: #ffffff20;
  --msg-m-type-list-icon-color-bg: #fff;
  --color-menu-active-text-bg: #FDD6A9;
  --color-l-menu-bg: #fff;
  --color-inside-text: #fff;
  --color-active-text: #fff;
  --color-btn-disabled: #FDD6A955;
  --notice-badge-gradient: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --notice-text: #fff;
  --notice-sreach-bg-color: #113c3131;
  --provider-text-color: #fff;
  --up-Icon-color: #fff;
  --head-nav-bg-color: #171238;
  --game-more-color: #dedede;
  --game-hover-color: #FDD6A9;
  --game-main-color: #939eb4;
  --about-us-text-color: #fff;
  --footer-about-us-item-color: #fff;
  --footer-about-us-bg: #161616;
  --loading-more-bg-color: #FDD6A9;
  --login-tab-color-bg: #FDD6A9;
  --login-tab-color-text: #000000;
  --header-login-text-color: #fff;
  --user-color-bg: #ffffff20;
  --rounded-b: 0.625rem;
  --rounded-color: #ffffff20;
  --color-sl-type-bg: rgba(255, 255, 255, 0.04);
  --color-tags-bg: #ffffff20;
  --color-sl-bg: rgba(255, 255, 255, 0.1);
  --game-more-color: #dedede;
  --color-low-text2: #aec0db;
  --input-border-color: #f6f6f6;
  --color-low-text: #fff;
  --color-border: #374151;
  --select-bg: #fff;
  --select-text-color: #707a8a;
  --select-text-active-text-color: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --select-text-active-text-active-text-color: #000;
  --promotions-tab-bg-color: rgba(255,255,255,0.05);
  --promotions-menu-act-text-color: #fff;
  --promotions-menu-hover-text-color: #fff;
  --promotions-menu-act-bg-color: linear-gradient(180deg, #FDD6A9 0%, #A76F3D 100%);
  --vip-tab-text-color: #000;
  --vip-dialog-bg-color: rgba(255,255,255,0.1);
  --vip-dialog-close-text-color: #fff;
  --backup-domain-bg-color: rgba(255,255,255,0.04);
  --backup-domain-text-color: #f5c842;
  --app-download-bg-color: rgba(255,255,255,0.1);
  --app-download-title-text-color: #fff;
  --app-download-desc-text-color: rgba(255,255,255,0.6);
  --app-download-btn-border-text-color: rgba(255,255,255,0.3);
  --login-title-color: #fff;
  --login-go-login-text-color: #FDD6A9;
  --domain-qrcode-line-color: rgba(255,255,255,0.3);
  --withdraw-card-bg: #ffffff20;
  --deposit-card-bg: #ffffff20;
  --color-card-bg: #ffffff20;
  --account-page-boder-line: rgba(255,255,255,0.2);
  --feedback-card-bg: rgba(255,255,255,0.1);
  --feedback-title: #eaf1ff;
  --feedback-title-sub: rgba(255,255,255,0.5);
  --feedback-subtext: rgba(255,255,255,0.5);
  --feedback-empty: #6f7a96;
  --feedback-border: rgba(126, 144, 180, 0.28);
  --feedback-input-bg: rgba(255,255,255,0.1);
  --feedback-page-bg: #0f1420;
  --feedback-label: #d8e3ff;
  --feedback-placeholder: rgba(255,255,255,0.5);
  --feedback-link: #FDD6A9;
  --feedback-btn-disabled: #FDD6A96b;
  --feedback-btn-disabled-text: rgba(0,0,0,0.5);
  --feedback-upload-bg: rgba(255,255,255,0.1);
  --feedback-upload-border: #2f4264;
  --feedback-upload-icon: #FDD6A9;
  --bet-record-search: #fff;
  --bet-record-table-header-text: #fff;
  --bet-record-accent: var(--theme-color);
  --bet-record-accent-soft: rgba(255, 200, 0, 0.12);
  --bet-record-primary-start: #A76F3D;
  --bet-record-primary-end: #A76F3D;
  --bet-record-primary-shadow: #7467ff22;
  --bet-record-filter-bg: rgba(255, 255, 255, 0.08);
  --bet-record-secondary-bg: rgba(255, 255, 255, 0.08);
  --bet-record-mobile-tip-bg: rgba(255, 255, 255, 0.16);
  --bet-record-mobile-tip-text: #ffffff;
  --bet-record-empty-glow: radial-gradient(circle at 50% 40%, rgba(255, 200, 0, 0.12), rgba(255, 200, 0, 0.03) 55%, transparent 70%);
  --bet-record-empty-glow-lg: radial-gradient(circle at 50% 45%, rgba(255, 200, 0, 0.12), rgba(255, 200, 0, 0.03) 58%, transparent 72%);
  --bet-record-status-win-text: #4bd08a;
  --bet-record-status-win-bg: rgba(75, 208, 138, 0.14);
  --bet-record-status-pending-text: #f0ad4e;
  --bet-record-status-pending-bg: rgba(255, 200, 0, 0.14);
  --bet-record-status-loss-text: #ff8f8f;
  --bet-record-summary-border: var(--theme-color);
  --bet-record-summary-bg: rgba(255, 200, 0, 0.08);
  --bet-record-table-head-bg: rgba(255, 255, 255, 0.08);
  --bet-record-sheet-bg: rgba(255, 255, 255, 0.05);
  --bet-record-picker-muted: rgba(255, 255, 255, 0.55);
  --bet-record-picker-frame-bg: rgba(255, 255, 255, 0.06);
  --bet-record-hint-text: #FDD6A9;
  --bet-record-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  --bet-record-panel-shadow: 0 18px 50px rgba(0, 0, 0, 0.16);
  --bet-record-sheet-shadow: 0 -20px 60px rgba(0, 0, 0, 0.28);
  --page-top-back-bar-bg: #0D0C0B;
  --van-button-default-border-color: none;
  --color-scroll-to-top-icon-bg: #202630;
  --account-transfer-wallet-provider-item-bg: #ffffff20;
  --promotions-realtime-rebate-rule-text-color: #776cf3;
  --promotions-realtime-rebate-rule-hover-text-color: #7a71dd;
  --promotions-realtime-rebate-action-claiming-hover-bg: #6c65be;
  --introduction-inner-title__bg-color: #d0af88;
  --huobo-download-page-bg: radial-gradient(circle at 20% 15%, rgba(135, 61, 255, 0.2), transparent 22%),
    radial-gradient(circle at 80% 18%, rgba(85, 26, 214, 0.18), transparent 18%),
    radial-gradient(circle at 50% 78%, rgba(179, 72, 255, 0.12), transparent 24%),
    linear-gradient(180deg, #17092a 0%, #10051d 100%);
  --huobo-download-panel-bg: rgba(0, 0, 0, 0.41);
  --huobo-download-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
    rgba(19, 10, 33, 0.88);
  --huobo-download-card-fallback-bg: #170d26;
  --huobo-download-empty-bg-start: #2c1846;
  --huobo-download-empty-bg-end: #100918;
  --huobo-download-top-mask-start: rgba(16, 8, 22, 0.9);
  --huobo-download-top-mask-mid: rgba(16, 8, 22, 0.45);
  --huobo-download-platform-bg: rgba(255, 255, 255, 0.08);
  --huobo-download-button-bg: linear-gradient(90deg, #7b2fff 0%, #b245ff 100%);
  --huobo-download-button-text: #fff;
  --huobo-download-nav-bg: rgba(255, 255, 255, 0.06);
  --huobo-download-nav-hover-bg: rgba(178, 69, 255, 0.28);
  --huobo-download-text-primary: rgba(255, 255, 255, 1);
  --huobo-download-text-strong: rgba(255, 255, 255, 0.95);
  --huobo-download-text-secondary: rgba(255, 255, 255, 0.9);
  --huobo-download-text-muted: rgba(255, 255, 255, 0.65);
  --huobo-download-text-soft: rgba(255, 255, 255, 0.45);
  --huobo-download-text-faint: rgba(255, 255, 255, 0.35);
  --huobo-download-platform-text: #f1d3bb;
  --huobo-download-accent: #a54bff;
  --huobo-download-line: rgba(255, 255, 255, 0.85);
  --huobo-download-qr-fallback-bg: #ece8f7;
  --huobo-download-qr-fallback-text: #3b2d4a;
}