html,
body {
  /* #f124f2*/

  --theme-primary-color: #11b167;
  /* 淡色层：加白衍生，适配主色背景/轻量装饰 */
  --theme-primary-color-50: #f1fdf7; /* 极浅嫩绿 - 全局主背景 */
  --theme-primary-color-100: #dcf9e9; /* 浅嫩绿 - 主卡片/输入框背景 */
  --theme-primary-color-200: #b8efd6; /* 中浅嫩绿 - 主分割线/次要图标 */

  /* 核心梯度层：等步长调整，过渡自然 */
  --theme-primary-color-300: #55d890; /* 浅亮绿 - 次要主按钮/悬浮图标 */
  --theme-primary-color-400: #33cc7d; /* 中亮绿 - 主标签/选中态图标 */
  --theme-primary-color-500: #11b167; /* 核心主色 - 主按钮/品牌标识/导航栏 */
  --theme-primary-color-600: #0e9a59; /* 中深绿 - 主按钮点击态/标题文字 */
  --theme-primary-color-700: #0b834b; /* 深绿 - 深色背景下的主文字/边框 */
  --theme-primary-color-800: #096c3e; /* 暗绿 - 深色模式主导航/卡片底色 */
  --theme-primary-color-900: #075530; /* 极深绿 - 深色模式全局主背景 */
  /* 深色层：加黑衍生，适配深色模式深层主元素 */
  --theme-primary-color-950: #043e23; /* 最深绿 - 深色模式主边框/次要文字 */

  /* 辅助色*/
  --theme-secondary-color: #22cdbd;
  --theme-secondary-color-50: #f2fdfc; /* 极浅青蓝绿 - 全局次要背景 */
  --theme-secondary-color-100: #d9f9f7; /* 浅青蓝绿 - 次要卡片/输入框背景 */
  --theme-secondary-color-200: #bff0ec; /* 中浅青蓝绿 - 次要分割线/图标 */
  --theme-secondary-color-300: #64e1d3; /* 浅亮青蓝绿 - 次要按钮/悬浮图标 */
  --theme-secondary-color-400: #43d9c8; /* 中亮青蓝绿 - 次要标签/选中态图标 */
  --theme-secondary-color-500: #22cdbd; /* 核心主色 - 次要操作按钮/模块主色 */
  --theme-secondary-color-600: #1abbae; /* 中深青蓝绿 - 次要按钮点击态/标题 */
  --theme-secondary-color-700: #159e92; /* 深亮青蓝绿 - 次要深色背景文字/边框 */
  --theme-secondary-color-800: #108277; /* 暗青蓝绿 - 深色模式次要导航栏 */
  --theme-secondary-color-900: #0c665d; /* 极深青蓝绿 - 深色模式次要全局背景 */
  --theme-secondary-color-950: #074943; /* 最深青蓝绿 - 深色模式次要侧边栏 */

  /**强调色*/
  --theme-accent-color: #fcca52;
  /* 淡色层：加白衍生，适配轻量强调背景/装饰 */
  --theme-accent-color-50: #fffdf5; /* 极浅暖黄 - 强调区轻量背景 */
  --theme-accent-color-100: #fff8e1; /* 浅暖黄 - 强调卡片/提示框背景 */
  --theme-accent-color-200: #fff0b8; /* 中浅暖黄 - 强调分割线/小图标 */
  --theme-accent-color-300: #ffe581; /* 浅亮黄 - 次要强调按钮/悬浮图标 */
  --theme-accent-color-400: #ffda60; /* 中亮黄 - 强调标签/选中态图标 */
  --theme-accent-color-500: #fcca52; /* 核心强调色 - 主要强调按钮/高亮文字 */
  --theme-accent-color-600: #f9b830; /* 中深黄 - 强调按钮点击态/标题高亮 */
  --theme-accent-color-700: #e69c18; /* 深暖黄 - 深色背景下的强调文字/边框 */
  --theme-accent-color-800: #c78412; /* 暗暖黄 - 深色模式强调导航/卡片 */
  --theme-accent-color-900: #a86d0d; /* 极深黄 - 深色模式全局强调背景 */
  --theme-accent-color-950: #895708; /* 最深暖黄 - 深色模式强调边框/次要文字 */

  --theme-button-border-color: var(--theme-secondary-color-300);
  --theme-button-background: linear-gradient(180deg, var(--theme-secondary-color), var(--theme-secondary-color-900));
  /** 字体颜色*/
  --theme-text-color: #fff;
  /**次要说明淡色文字*/
  --theme-text-hint-color: #ffffff90;
  /**黑色文字**/
  --theme-text-black-color: #000000;

  /**背景色. */
  --theme-surface-color: #062120;

  /**错误的颜色. */
  --theme-error-color: #dc2626;

  /* 卡片色 */
  --theme-card-color: #033c33;
  --theme-card-color2: rgba(255, 255, 255, 0.1);
  --theme-card-border-color: rgba(255, 255, 255, 0.2);
  --theme-card-color-rgb: 3, 60, 51;

  /* 边框.*/
  --theme-border-color: var(--theme-accent-color-300);

  --theme-button-primary-color: var(--theme-primary-color);
  --theme-button-text-color: #131313;

  /**文本描边*/
  --theme-text-stroke: #855400;
  --theme-text-stroke1: #067a6e;
  --theme-text-stroke2: #094705;
  --theme-text-stroke3: #686868;
  --theme-text-stroke4: #0f2614;

  --theme-activity-primary-color: #0a4843;
  --theme-activity-primary-color2: #01302a;
  /* 活动弹框背景 */
  --theme-activity-bg: linear-gradient(
    180deg,
    var(--theme-activity-primary-color),
    var(--theme-activity-primary-color2)
  );
  /* 活动弹框背景边框 */
  --theme-activity-bg-frame: linear-gradient(#22ddbf, #076259 60%);
  /* 活动弹框边框 */
  --theme-activity-border: #fffe74;
  /* 活动卡片背景 */
  --theme-activity-card-bg: linear-gradient(
    0deg,
    var(--theme-activity-primary-color),
    var(--theme-activity-primary-color2)
  );
  /* 活动卡片背景2 */
  --theme-activity-card-bg2: linear-gradient(0deg, #072523, #2ca089);
  /* 活动卡片边框 */
  --theme-activity-card-border: #6ffdc3;
  /* 活动表格头部 */
  --theme-activity-label-header: rgba(255, 255, 255, 0.2);
  /* 活动表格背景 */
  --theme-activity-label-bg: #053739;
  /* 活动表格边框 */
  --theme-activity-label-border: #145354;
  /* 活动金额 */
  --theme-activity-amt: #fdf332;
  /* 页面背景色 */
  --theme-page-background: #005445;

  /* 侧边栏 */
  --theme-sidebar-bg: #0c443a;
  --theme-sidebar-card-bg: #025f44;

  /** 输入框颜色 */
  --theme-input-background-color: #0000009c;
  --theme-input-border-color: #006358;
  --theme-input-focus-border-color: var(--theme-border-color);
  /* 我的页面 */
  --theme-my-bg: #024034;
  /* 幸运旋转 */
  --theme-wheel-tab: linear-gradient(180deg, #05a366, #35ffcb);

  --theme-my-vip-bg: linear-gradient(
    122deg,
    rgba(24, 125, 77, 1),
    rgba(106, 227, 111, 1),
    rgba(37, 120, 84, 1),
    rgba(37, 120, 84, 1),
    rgba(158, 185, 127, 1),
    rgba(21, 91, 58, 1)
  );
  --theme-progress-bar-color: linear-gradient(0deg, #07df1a, #008f08, #00d710);

  --theme-sign-in-betting-text-color: #00fbc0;

  --theme-profile-option-more-color: #d5ebab;

  --theme-super-member-receive-time-box-shadow: 0rpx 4rpx 1rpx #08ba18;

  --theme-super-member-receive-time-text: #166c2a;

  --theme-super-member-receive-time-text2: #ffffff;

  --theme-super-member-progress-bg: #04322b;

  --theme-super-member-progress: linear-gradient(0deg, #f68d0b, #fdea32);

  --theme-super-member-receive-time-bg: linear-gradient(0deg, #2bda4e, #65fe8f);

  --theme-super-member-receive-time-bg-new: linear-gradient(0deg, #0a6a60, #1eccb8);

  --theme-super-member-receive-time-bg-border: #25f3e5;

  --theme-super-member-award-list-bg: linear-gradient(180deg, #147558, #135d4f);

  --theme-profile-recharge-text-color: #fbedbb;

  --theme-profile-deposit-text-color: #c3fcc3;

  --theme-agent-rule-explain: linear-gradient(0deg, #098b7b, #045249);

  --theme-version-update-btn-bg: linear-gradient(180deg, #6fc742, #367a13);

  --theme-agent-commission-statistics-bg: linear-gradient(180deg, #01354b, #045b6c);

  --theme-tab-background-color: var(--theme-activity-card-bg);

  --theme-download-background: linear-gradient(90deg, #37a9b7, #036a8e);

  --theme-checkbox-active: linear-gradient(180deg, var(--theme-secondary-color), var(--theme-secondary-color-900));
  --theme-checkbox-active-select: linear-gradient(0deg, #fdea32 0%, #f68d0b 100%);

  --theme-line-color: #22cdbc7d;

  --theme-lucky-lottery-tag-color: #feda82;
  --theme-lucky-lottery-tag-left-bg: linear-gradient(90deg, #740871 0%, #5805aa 100%);
  --theme-lucky-lottery-tag-right-bg: #cd2854;

  --theme-process-bar: linear-gradient(0deg, #02cd0a, #16a80e, #2fff2d, #1bec0e);
  --theme-auth-input-color: var(--theme-card-color);
}

html,
body {
  background-color: var(--theme-surface-color) !important;
}