html,
body {
  /**文档背景色PC端 顶部下载条背景色*/
  --theme-v2-surface-color: #6213ad;
  /**
   * 主色调
   *
   */
  --theme-v2-primary-color: #f971fc;

  /**页面背景色
   * UI: 背景底色.
   */
  --theme-v2-page-background-color: #3d1588;
  /**
   * 内容深色背景.
   * 输入框背景色
   * 弹窗背景色等
   * 我的页面内容背景色.
   * 首页金额背景色.

   * UI: 深色框背景色.
   **/
  --theme-v2-background-color: #31116d;

  --theme-v2-background-color-2: #111619;
  /**
   * 内容浅色背景
   * UI: 弹窗背景色
   */
  --theme-v2-background-light-color: #4b1ca6;

  /**
   * 表格深色背景.
   * UI: 深色背景框.
   **/
  --theme-v2-table-item-background-color: var(--theme-v2-background-color);
  /**
   *表格浅色背景.
   * UI: 浅色背景框.
   **/
  --theme-v2-table-item-background-light-color: #502c94;
  /**表格标题色*/
  --theme-v2-table-title-background-color: var(--theme-v2-table-item-background-color);

  /**
   * UI: 金色文字
   **/
  --theme-v2-accent-color: #fcca52;

  --theme-v2-accent-color-2: #f9e97a;
  --theme-v2-accent-color-3: #fffabe;
  /**文本颜色*/
  --theme-v2-text-color: #ffffff;
  --theme-v2-button-text-color: var(--theme-v2-text-color);
  --theme-v2-navbar-text-color: var(--theme-v2-text-color);

  --theme-v2-text-primary-color: #ffffff;
  /**浅色文本颜色.*/
  --theme-v2-text-light-color: rgba(255, 255, 255, 0.5);

  /** 渐变色开始... checkbox start.*/
  --theme-v2-linear-gradient-start: var(--theme-v2-background-light-color);
  /** 渐变色开始... checkbox end.*/
  --theme-v2-linear-gradient-end: var(--theme-v2-primary-color);
  /** 通用边框 .*/
  --theme-v2-border-color: var(--theme-v2-text-light-color);

  /**
   * UI 选中/有色框 #038f8b ~ ##22dbd6
   */
  /** 渐变色开始... checkbox start.*/
  --theme-v2-checkbox-linear-gradient-start: #fc73fd;
  /** 渐变色开始... checkbox end.*/
  --theme-v2-checkbox-linear-gradient-end: #aa3fed;

  /**
   * 进度条样式
   */
  --theme-v2-progress-bar: #aa3fed;
  /** 进度条样式.*/
  /** 进度条背景样式1.*/
  --theme-v2-progress-bar-background-color: #31116d;

  /** 进度条背景样式2.*/
  --theme-v2-progress-bar-light-background-color: rgba(255, 255, 255, 0.3);

  /**默认弹窗样式一*/
  --theme-v2-dialog-background-color: var(--theme-v2-background-color);
  --theme-v2-dialog-border-color: var(--theme-v2-border-color);
  --theme-v2-dialog-content-background-color: var(--theme-v2-table-item-background-light-color);

  /**默认弹窗样式二: 一般是活动页面弹窗使用. */
  --theme-v2-dialog-primary-background-color-start: #481c9a;
  --theme-v2-dialog-primary-background-color-end: #743dc5;
  --theme-v2-dialog-primary-background-color: linear-gradient(
    180deg,
    var(--theme-v2-dialog-primary-background-color-start),
    var(--theme-v2-dialog-primary-background-color-end)
  );
  --theme-v2-dialog-primary-content-background-color: var(--theme-v2-table-item-background-light-color);
  --theme-v2-dialog-primary-border-color: transparent;

  /**
   * 导航栏背景色.
   * 导航栏渐变色 #1a5251 ~ #358983
   */
  --theme-v2-navbar-background-color: linear-gradient(180deg, #471b99, #6f3bb8 100%);
  /** 导航栏背景色2. 活动页顶部导航栏. */
  --theme-v2-navbar2-background-color: var(--theme-v2-background-color);

  --theme-v2-agent-rule-explain: linear-gradient(
    180deg,
    var(--theme-v2-dialog-primary-background-color-start) 0%,
    var(--theme-v2-background-color) 100%
  );

  --theme-v2-primary-error-color: #ea3b42;
  /* 在线时长卡片背景 */
  --theme-v2-activity-online-card-bg: #113555;

  /**
   *登录页面不可用颜色.
   */
  --theme-v2-disable-color: #a9a9a9;
  /**
   *登录页面按钮颜色.
   */
  --theme-v2-button-background-color: #f971fc;
  /* 人工优惠文本颜色 */
  --theme-v2-manual-discount-text: #213187;

  /** 按钮样式. 领取样式.*/
  --theme-v2-button-receive-background-color: linear-gradient(180deg, #fc73fd 0%, #aa3fed 100%);
  /** 按钮样式. 历史记录.*/
  --theme-v2-button-history-background-color: linear-gradient(180deg, #f0972d 0%, #ffec60 100%);
  --theme-v2-button-outline-text-color: var(--theme-v2-text-color);

  --theme-v2-input-background-color: rgba(0, 0, 0, 0.2);
  --theme-v2-progress-text-stroke-color: #000;
  --theme-treasure-text1: rgba(255, 255, 255, 0.5);
  --theme-treasure-text2: var(--theme-v2-accent-color-2);
  --theme-v2-double-bonus-title-color: #faff1d;
  --theme-left-drawer-stroke: var(--theme-v2-background-color);
}

/**
 * 旧版本 变量 重定向到 v2变量.
 */
html,
body {
  --theme-home-amount-bg-color: var(--theme-v2-background-color);
  /* 巨头金额颜色 */
  --theme-v2-activity-magnate-amt: var(--theme-v2-primary-error-color);
  --theme-progress-bar-color: var(--theme-v2-progress-bar);
  --theme-v2-activity-card-background-color: var(--theme-v2-primary-color);
  /* 活动卡片边框 */
  --theme-v2-activity-card-border: var(--theme-v2-border-color);

  --theme-v2-super-member-receive-time-bg-new: linear-gradient(
    0deg,
    var(--theme-v2-primary-color),
    var(--theme-v2-linear-gradient-start)
  );
  /* 我的页面 */
  --theme-v2-my-bg: var(--theme-v2-background-color);
  /* 在线时长tip */
  --theme-v2-online-tip: var(--theme-v2-text-light-color);
  /* 活动卡片背景2 */
  --theme-v2-activity-card-bg2: linear-gradient(
    0deg,
    var(--theme-v2-primary-color),
    var(--theme-v2-linear-gradient-start)
  );

  --theme-surface-color: var(--theme-v2-surface-color);
  --theme-checkbox-active: linear-gradient(
    180deg,
    var(--theme-v2-checkbox-linear-gradient-start),
    var(--theme-v2-checkbox-linear-gradient-end)
  );

  --theme-button-border-color: var(--theme-v2-border-color);
  --theme-card-color: var(--theme-v2-background-color);
  --theme-text-color: var(--theme-v2-text-color);
  --theme-text-light-color: var(--theme-v2-text-light-color);
  --theme-input-border-color: var(--theme-v2-border-color);
  --theme-primary-color: var(--theme-v2-primary-color);
  --theme-tab-background-color: var(--theme-card-color);
  --theme-line-color: var(--theme-v2-text-light-color);
  --theme-activity-bg: var(--theme-v2-dialog-primary-content-background-color);

  --theme-activity-bg-frame: var(--theme-v2-dialog-primary-background-color);
  --theme-activity-border: var(--theme-v2-dialog-primary-border-color);

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

  --theme-text-color: var(--theme-v2-text-color);

  --theme-activity-label-header: var(--theme-v2-table-title-background-color);
  --theme-activity-label-bg: var(--theme-v2-page-background-color);

  --theme-super-member-receive-time-bg-new: var(--theme-v2-super-member-receive-time-bg-new);

  --theme-agent-rule-explain: var(--theme-v2-agent-rule-explain);

  --theme-agent-commission-statistics-bg: var(--theme-v2-background-color);

  --theme-super-member-receive-time-bg-border: var(--theme-v2-border-color);

  --theme-super-member-receive-time-text2: var(--theme-v2-text-color);

  --theme-super-member-progress: var(--theme-v2-primary-color);

  --theme-super-member-progress-bg: var(--theme-v2-progress-bar-background-color);
  --theme-mystery-subtitle: #f8f6ac;
  --theme-my-bg: var(--theme-v2-my-bg);
  --theme-online-tip: var(--theme-v2-online-tip);
  --theme-activity-card-bg2: var(--theme-v2-activity-card-bg2);
  --theme-activity-card-border: var(--theme-v2-activity-card-border);
  --theme-button-text-color: var(--theme-v2-text-color);

  --theme-button-primary-color: var(--theme-v2-button-background-color);

  --theme-super-member-award-list-bg: var(--theme-v2-activity-card-background-color);

  --theme-input-background-color: var(--theme-v2-input-background-color);
}

/** 旧版本变量..*/
html,
body {
  --theme-button-background: linear-gradient(180deg, var(--theme-secondary-color), var(--theme-secondary-color-900));

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

  /* #f124f2*/

  /* 淡色层：加白衍生，适配主色背景/轻量装饰 */
  --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-text-hint-color: #ffffff90;
  /**黑色文字**/
  --theme-text-black-color: #000000;

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

  /* 卡片色 */
  --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-text-stroke: #855400;
  --theme-text-stroke1: #067a6e;
  --theme-text-stroke2: #094705;
  --theme-text-stroke3: #686868;
  --theme-text-stroke4: #0f2614;

  --theme-activity-primary-color2: #01302a;
  /* 活动弹框背景 */
  /* 活动弹框背景边框 */
  /* 活动弹框边框 */
  /* 活动卡片背景 */

  /* 活动表格头部 */
  --theme-activity-label-header: rgba(255, 255, 255, 0.2);
  /* 活动表格边框 */
  --theme-activity-label-border: #145354;
  /* 活动金额 */
  --theme-activity-amt: #fdf332;
  /* 页面背景色 */
  --theme-page-background: #005445;

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

  /** 输入框颜色 */
  --theme-input-focus-border-color: var(--theme-border-color);

  /* 幸运旋转 */
  --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-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-bg: linear-gradient(0deg, #2bda4e, #65fe8f);

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

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

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

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

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

  --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-v2-surface-color) !important;
}