html,
body {
  /* #f124f2*/

  --theme-primary-color: #f124f2;
  /* 淡色层：加白衍生，适配主色背景/轻量装饰 */
  /* 淡色层：加白衍生，适配主色背景/轻量装饰 */
  --theme-primary-color-50: #fff0fe; /* 极浅品红 - 全局主背景 */
  --theme-primary-color-100: #ffd9fd; /* 浅品红 - 主卡片/输入框背景 */
  --theme-primary-color-200: #ffb8fb; /* 中浅品红 - 主分割线/次要图标 */

  /* 核心梯度层：等步长调整，过渡自然 */
  --theme-primary-color-300: #ff78f7; /* 浅亮品红 - 次要主按钮/悬浮图标 */
  --theme-primary-color-400: #ff4df5; /* 中亮品红 - 主标签/选中态图标 */
  --theme-primary-color-500: #f124f2; /* 核心主色 - 主按钮/品牌标识/导航栏 */
  --theme-primary-color-600: #d813d9; /* 中深品红 - 主按钮点击态/标题文字 */
  --theme-primary-color-700: #b510b6; /* 深品红 - 深色背景下的主文字/边框 */
  --theme-primary-color-800: #920d93; /* 暗品红 - 深色模式主导航/卡片底色 */
  --theme-primary-color-900: #6f0a70; /* 极深品红 - 深色模式全局主背景 */

  /* 深色层：加黑衍生，适配深色模式深层主元素 */
  --theme-primary-color-950: #4c074d; /* 最深品红 - 深色模式主边框/次要文字 */

  /* 辅助色*/
  --theme-secondary-color: #a83eed;
  /* 淡色层：加白衍生，适配次要背景/轻量装饰 */
  --theme-secondary-color-50: #f9f4fe; /* 极浅紫靛 - 全局次要背景 */
  --theme-secondary-color-100: #f0e4fd; /* 浅紫靛 - 次要卡片/输入框背景 */
  --theme-secondary-color-200: #e4cffb; /* 中浅紫靛 - 次要分割线/小图标 */

  /* 核心梯度层：等步长调整，过渡自然 */
  --theme-secondary-color-300: #c286f5; /* 浅亮紫靛 - 次要按钮/悬浮图标 */
  --theme-secondary-color-400: #b061f0; /* 中亮紫靛 - 次要标签/选中态图标 */
  --theme-secondary-color-500: #a83eed; /* 核心次要色 - 次要操作按钮/模块主色 */
  --theme-secondary-color-600: #962fd8; /* 中深紫靛 - 次要按钮点击态/标题高亮 */
  --theme-secondary-color-700: #8028b8; /* 深紫靛 - 深色背景下次要文字/边框 */
  --theme-secondary-color-800: #6a2198; /* 暗紫靛 - 深色模式次要导航/卡片 */
  --theme-secondary-color-900: #541978; /* 极深紫靛 - 深色模式全局次要背景 */

  /* 深色层：加黑衍生，适配深色模式深层次要元素 */
  --theme-secondary-color-950: #3e1258; /* 最深紫靛 - 深色模式次要边框/次要文字 */
  /**强调色*/
  --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: #3b07b2;

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

  /* 卡片色 */
  --theme-card-color: #1f0b50;
  --theme-card-color2: rgba(255, 255, 255, 0.1);
  --theme-card-color3: rgba(255, 255, 255, 0.05);
  --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: var(--theme-accent-color-950);
  --theme-text-stroke1: var(--theme-secondary-color-800);
  --theme-text-stroke2: var(--theme-primary-color-950);
  --theme-text-stroke3: #686868;
  --theme-text-stroke4: var(--theme-secondary-color-950);
  /* 活动 */
  --theme-activity-primary-color: #3b0188;
  --theme-activity-primary-color2: #3b0188;
  /* 活动弹框背景 */
  --theme-activity-bg: linear-gradient(
    180deg,
    var(--theme-activity-primary-color),
    var(--theme-activity-primary-color2)
  );
  /* 活动弹框背景边框 */
  --theme-activity-bg-frame: linear-gradient(#8b38f8, #5911b9 60%);
  /* 活动弹框边框 */
  --theme-activity-border: #ffe674;
  /* 活动卡片背景 */
  /* --theme-activity-card-bg: linear-gradient(0deg, #8b38f8, #5911b9); */
  --theme-activity-card-bg: linear-gradient(0deg, #3b0188, #310172);
  /* 活动卡片背景2 */
  --theme-activity-card-bg2: linear-gradient(
    0deg,
    var(--theme-activity-primary-color),
    var(--theme-activity-primary-color2)
  );
  /* 活动卡片边框 */
  --theme-activity-card-border: #8848e0;
  /* 活动表格头部 */
  --theme-activity-label-header: rgba(255, 255, 255, 0.2);
  /* 活动表格背景 */
  --theme-activity-label-bg: #310173;
  /* 活动表格边框 */
  --theme-activity-label-border: #502092;
  /* 活动金额 */
  --theme-activity-amt: #fdf332;

  /* 页面背景色 */
  --theme-page-background: #2e1a5f;

  /* 侧边栏 */
  --theme-sidebar-bg: #2e1a5e;
  --theme-sidebar-card-bg: #52349d;

  /**
   * 输入框
   */
  --theme-input-background-color: #0000009c;
  --theme-input-border-color: var(--theme-card-color);
  --theme-input-focus-border-color: var(--theme-border-color);

  --theme-progress-bar-color: linear-gradient(0deg, #feeb35, #dd8902);

  --theme-sign-in-betting-text-color: #f7d739;

  --theme-profile-option-more-color: #523e71;

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

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

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

  --theme-super-member-progress-bg: #42306e;

  --theme-super-member-progress: linear-gradient(0deg, #b762fb, #6213ad);

  --theme-agent-rule-explain: linear-gradient(0deg, #8b38f8, #5911b9);

  --theme-super-member-receive-time-bg: linear-gradient(0deg, #c36eff, #c26cff);

  --theme-super-member-receive-time-bg-new: linear-gradient(0deg, #aa3fed, #fc73fd);

  --theme-super-member-receive-time-bg-border: #eb9cff;

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

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

  /* 我的页面 */
  --theme-my-bg: var(--theme-card-color);

  /* 幸运旋转 */
  --theme-wheel-tab: linear-gradient(180deg, #ffe62f, #db6b00);

  /** tab 颜色*/
  --theme-tab-background-color: #310172;

  /** vip 背景色颜色*/
  --theme-super-member-award-list-bg: linear-gradient(180deg, #6625be, #924bf0);

  --theme-my-vip-bg: linear-gradient(122deg, #1f0a51, #1f0a51, #1f0a51, #1f0a51, #1f0a51, #1f0a51);

  /** 升级弹窗*/
  --theme-version-update-btn-bg: linear-gradient(180deg, #8140c4, #4a167f);
  /** 下载条*/

  --theme-agent-commission-statistics-bg: linear-gradient(180deg, #421284, #5417a6);
  --theme-download-background: #310151;

  --theme-checkbox-active: linear-gradient(180deg, #ff75fd, #a83eed);
  --theme-checkbox-active-select: linear-gradient(0deg, #fdea32 0%, #f68d0b 100%);

  --theme-line-color: #fb2ffe5e;

  --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,
    var(--theme-primary-color-600),
    var(--theme-primary-color-500),
    var(--theme-primary-color-400),
    var(--theme-primary-color-300)
  );

  --theme-auth-input-color: var(--theme-card-color);
}

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