:root.mobapay {
    /*大背景*/
    --color-html-bg: #0b0c15;
    /*品牌主色*/
    --color-primary-bg: #1f2138; /*主背景色*/

    /*中性色*/
    --color-bg-container: #373b6b; /*组件容器背景色 已使用*/

    --color-fill-seventh: #45497b; /*六级填充色 已使用*/

    /*字体相关*/
    --color-text: #ffffff; /*一级文本色*/
    --color-text-secondary: #888baf; /*二级文本色*/
    --color-text-tertiary: #a0a4ce; /*三级文本色*/
    --color-text-warnning: #ff6565; /*警告文本色*/
    --color-text-emphasize: #ffb759; /*强调文本色*/
    --color-text-important: #8f9aff; /*重点突出文本色*/
    --color-text-hightlight: #b8bfff; /*字体高亮色*/
    --color-text-quaternary: #7d81b4; /*四级文本色*/
    --color-text-fifthly: #7d81b4; /*五级文本色*/
    --color-text-active: #73ff3c; /*一级文本色激活色*/

    --color-text-active-h: 103; /* 色相 (Hue) */
    --color-text-active-s: 100%; /* 饱和度 (Saturation) */
    --color-text-active-l: 62%; /* 亮度 (Lightness) */

    /* 商品相关颜色 */
    --color-border-recharge: #5a61a2; /*商品边框色*/
    --color-border-recharge-active: #7683ff; /*商品边框激活色*/
    --color-bg-recharge-start: #2d3157; /*商品背景起始色*/
    --color-bg-recharge-end: #3e4371; /*布局背景结束色*/
    --color-bg-recharge-name: #2f3357; /*商品名背景色*/

    --color-border-secondary: #62689e; /*二级按钮边框色*/

    /* 渠道相关颜色 */
    --color-bg-channel-start: #2e314f; /*商品背景起始色*/
    --color-bg-channel-end: #464a7a; /*布局背景结束色*/

    /* 渠道赠品相关颜色 */
    --color-bg-channel-gift-start: #373958; /*渠道赠品背景起始色*/
    --color-bg-channel-gift-end: #686ba0; /*渠道赠品背景结束色*/

    /* 赠品相关颜色 */
    --color-gift-start: #30345f 100%; /*渠道赠品背景起始色*/
    --color-gift-end: #4d528b 100%; /*渠道赠品背景结束色*/

    --color-bg-footer: #151624; /*页面底部背景色*/

    --color-close-icon: #7d81b4; /*关闭按钮色*/

    /* 输入框相关颜色 */
    --color-border-input: #3d4278;
    --color-bg-input: #252746;

    /* 按钮相关颜色 */
    --color-bg-button-primary-start: #6473ff; /*渠道赠品背景起始色*/
    --color-bg-button-primary-end: #4c59db; /*渠道赠品背景结束色*/
    --color-bg-button-secondary: #7683ff; /*二级通用按钮*/

    --color-bg-button-gray-start: #8b8d9c; /*灰色按钮背景起始色*/
    --color-bg-button-gray-end: #686977; /*灰色按钮背景结束色*/

    /* 优惠券样式 */
    --color-bg-coupon-start: #6f8fe0;
    --color-bg-coupon-end: #3a3dc1;
    --color-bg-coupon-status-unused: #6e71fe;

    /* 弹窗样式 */
    --color-bg-modal: #313457;
    --color-bg-modal-title: #40436f;

    /* 标签样式 */

    --color-bg-tab: #2a2c4c;
    --color-bg-tab-active: #7683ff;

    --color-warning: #ff5e5e;
    --color-warning-secondary: #622c2c;

    --color-fill: #363963; /*一级填充色*/
    --color-fill-secondary: #2e314f; /*二级填充色*/
    --color-fill-tertiary: #464a7a; /*三级填充色*/
    --color-fill-quaternary: #252746; /*四级填充色*/
    --color-fill-fifthly: #6473ff; /*五级填充色*/
    --color-fill-sixthly: #4c59db; /*六级填充色*/

    --color-border: #4c518b; /*一级边框色*/
    --color-border-quaternary: #494e92; /*四级边框色*/
    --color-border-active: #7683ff; /*一级边框色激活色*/

    --color-bg-paypopup: #464a7a; /*三级填充色*/
}

:root.zgame {
    --color-html-bg: #010101;
    /*品牌主色*/
    --color-primary-bg: #1d1a11; /*主背景色*/

    /*中性色*/
    --color-bg-container: #3c3622; /*组件容器背景色 已使用*/

    --color-fill-seventh: #594d31; /*六级填充色 已使用*/

    /*字体相关*/
    --color-text: #ffffff; /*一级文本色*/
    --color-text-secondary: #857540; /*二级文本色*/
    --color-text-tertiary: #fffcc8; /*三级文本色*/
    --color-text-warnning: #ff6565; /*警告文本色*/
    --color-text-emphasize: #ffb759; /*强调文本色*/
    --color-text-important: #ffb759; /*重点突出文本色*/
    --color-text-hightlight: #b8bfff; /*字体高亮色*/
    --color-text-quaternary: #7d81b4; /*四级文本色*/
    --color-text-fifthly: #7d81b4; /*五级文本色*/
    --color-text-active: #73ff3c; /*一级文本色激活色*/

    --color-text-active-h: 103; /* 色相 (Hue) */
    --color-text-active-s: 100%; /* 饱和度 (Saturation) */
    --color-text-active-l: 62%; /* 亮度 (Lightness) */

    /* 商品相关颜色 */
    --color-border-recharge: #6c613c; /*商品边框色*/
    --color-border-recharge-active: #eeb73f; /*商品边框激活色*/
    --color-bg-recharge-start: #282416; /*商品背景起始色*/
    --color-bg-recharge-end: #554a25; /*布局背景结束色*/
    --color-bg-recharge-name: #3c3622; /*商品名背景色*/

    --color-border-secondary: #62689e; /*二级按钮边框色*/

    /* 渠道相关颜色 */
    --color-bg-channel-start: #2e2918; /*商品背景起始色*/
    --color-bg-channel-end: #4c4323; /*布局背景结束色*/

    /* 渠道赠品相关颜色 */
    --color-bg-channel-gift-start: #39331e; /*渠道赠品背景起始色*/
    --color-bg-channel-gift-end: #6c5f2f; /*渠道赠品背景结束色*/

    /* 赠品相关颜色 */
    --color-gift-start: #30345f 100%; /*渠道赠品背景起始色*/
    --color-gift-end: #4d528b 100%; /*渠道赠品背景结束色*/

    --color-bg-footer: #0e0d08; /*页面底部背景色*/

    --color-close-icon: #a39054; /*关闭按钮色*/

    /* 输入框相关颜色 */
    --color-border-input: #605636;
    --color-bg-input: #302b1b;

    /* 按钮相关颜色 */
    --color-bg-button-primary-start: #daaa40; /*背景起始色*/
    --color-bg-button-primary-end: #836729; /*背景结束色*/
    --color-bg-button-secondary: #7683ff; /*二级通用按钮*/

    --color-bg-button-gray-start: #8b8d9c; /*灰色按钮背景起始色*/
    --color-bg-button-gray-end: #686977; /*灰色按钮背景结束色*/

    /* 优惠券样式 */
    --color-bg-coupon-start: #6f8fe0;
    --color-bg-coupon-end: #3a3dc1;
    --color-bg-coupon-status-unused: #6e71fe;

    /* 弹窗样式 */
    --color-bg-modal: #3c3622;
    --color-bg-modal-title: #594d31;

    /* 标签样式 */

    --color-bg-tab: #302b1b;
    --color-bg-tab-active: #c29533;

    --color-warning: #ff5e5e;
    --color-warning-secondary: #622c2c;

    --color-fill: #363963; /*一级填充色*/
    --color-fill-secondary: #2e314f; /*二级填充色*/
    --color-fill-tertiary: #464a7a; /*三级填充色*/
    --color-fill-quaternary: #252746; /*四级填充色*/
    --color-fill-fifthly: #6473ff; /*五级填充色*/
    --color-fill-sixthly: #4c59db; /*六级填充色*/

    --color-border: #4c518b; /*一级边框色*/
    --color-border-quaternary: #605636; /*四级边框色*/
    --color-border-active: #7683ff; /*一级边框色激活色*/

    --color-bg-paypopup: #594d31; /*三级填充色*/
}

:root.mla {
    --color-html-bg: #172b4d;
    /*品牌主色*/
    --color-primary-bg: #1f3c6b; /*主背景色*/

    /*中性色*/
    --color-bg-container: #2b518d; /*组件容器背景色 已使用*/

    --color-fill-seventh: #315ca1; /*六级填充色 已使用*/

    /*字体相关*/
    --color-text: #ffffff; /*一级文本色*/
    --color-text-secondary: #a0b9e0; /*二级文本色*/
    --color-text-tertiary: #a0b9e0; /*三级文本色*/
    --color-text-warnning: #ff6565; /*警告文本色*/
    --color-text-emphasize: #ffb759; /*强调文本色*/
    --color-text-important: #ffb759; /*重点突出文本色*/
    --color-text-hightlight: #b8bfff; /*字体高亮色*/
    --color-text-quaternary: #7d81b4; /*四级文本色*/
    --color-text-fifthly: #7d81b4; /*五级文本色*/
    --color-text-active: #73ff3c; /*一级文本色激活色*/

    --color-text-active-h: 103; /* 色相 (Hue) */
    --color-text-active-s: 100%; /* 饱和度 (Saturation) */
    --color-text-active-l: 62%; /* 亮度 (Lightness) */

    /* 商品相关颜色 */
    --color-border-recharge: #5a61a2; /*商品边框色*/
    --color-border-recharge-active: #6394e2; /*商品边框激活色*/
    --color-bg-recharge-start: #182842; /*商品背景起始色*/
    --color-bg-recharge-end: #30517c; /*布局背景结束色*/
    --color-bg-recharge-name: #30609d; /*商品名背景色*/

    --color-border-secondary: #62689e; /*二级按钮边框色*/

    /* 渠道相关颜色 */
    --color-bg-channel-start: #2e314f; /*商品背景起始色*/
    --color-bg-channel-end: #464a7a; /*布局背景结束色*/

    /* 渠道赠品相关颜色 */
    --color-bg-channel-gift-start: #373958; /*渠道赠品背景起始色*/
    --color-bg-channel-gift-end: #686ba0; /*渠道赠品背景结束色*/

    /* 赠品相关颜色 */
    --color-gift-start: #30345f 100%; /*渠道赠品背景起始色*/
    --color-gift-end: #4d528b 100%; /*渠道赠品背景结束色*/

    --color-bg-footer: #224275; /*页面底部背景色*/

    --color-close-icon: #6394e2; /*关闭按钮色*/

    /* 输入框相关颜色 */
    --color-border-input: #3660a3;
    --color-bg-input: #163058;

    /* 按钮相关颜色 */
    --color-bg-button-primary-start: #b88937; /*渠道赠品背景起始色*/
    --color-bg-button-primary-end: #ffc76c; /*渠道赠品背景结束色*/
    --color-bg-button-secondary: #7683ff; /*二级通用按钮*/

    --color-bg-button-gray-start: #8b8d9c; /*灰色按钮背景起始色*/
    --color-bg-button-gray-end: #686977; /*灰色按钮背景结束色*/

    /* 优惠券样式 */
    --color-bg-coupon-start: #6f8fe0;
    --color-bg-coupon-end: #3a3dc1;
    --color-bg-coupon-status-unused: #6e71fe;

    /* 弹窗样式 */
    --color-bg-modal: #163058;
    --color-bg-modal-title: #315ca1;

    /* 标签样式 */

    --color-bg-tab: #4c6fa8;
    --color-bg-tab-active: #6394e2;

    --color-warning: #ff5e5e;
    --color-warning-secondary: #622c2c;

    --color-fill: #363963; /*一级填充色*/
    --color-fill-secondary: #2e314f; /*二级填充色*/
    --color-fill-tertiary: #464a7a; /*三级填充色*/
    --color-fill-quaternary: #252746; /*四级填充色*/
    --color-fill-fifthly: #6473ff; /*五级填充色*/
    --color-fill-sixthly: #4c59db; /*六级填充色*/

    --color-border: #4c518b; /*一级边框色*/
    --color-border-quaternary: #494e92; /*四级边框色*/
    --color-border-active: #7683ff; /*一级边框色激活色*/

    --color-bg-paypopup: #315ca1; /*三级填充色*/
}