/* 越南主题 */

/* :root {
  --theme-main-bg-color: #494949 !important;
  --theme-primary-color: #f9af18 !important;
  --theme-home-bg: #343434 !important;
  --theme-bg-color: #434343 !important;

  --theme-color-line: #ffffff10 !important;
  --theme-text-color-darken: #f6f6f6 !important;

  --theme-ant-primary-color-13: #f9af18 !important;
  --theme-secondary-color-success: #f9af18 !important;
  --theme-font-size: 0.28rem !important;
} */
:root {
  /* 基础单位 */
  --theme-rem-unit: 100;
  --theme-font-size: 0.28rem;
  --vh: 10px;
  --theme-max-width: 100%;

  /* 布局尺寸 */
  --theme-header-height: 0.8rem;

  /* 主色调 */
  --theme-primary-color: #f9af18;
  --theme-primay-color-hex: 47,180,69;
  --theme-primary-font-color: #FFFFFF;
  --theme-secondary-color-success: #f9af18;
  --theme-secondary-color-error: #EA4E3D;
  --theme-secondary-color-finance: #FFAA09;

  /* 背景色 */
  --theme-main-bg-color: #494949;
  --theme-main-bg-color-hex: 255,255,255;
  --theme-bg-color: #434343 ;
  --theme-home-bg-color: 255,255,255;
  --theme-table-bg-color: #FFFFFF;
  --theme-active-bg-color: #F8F8F8;
  --theme-load-bg-color: #E3E3E399;
  --theme-bg-shadow: rgba(0, 0, 0, 0.06);

  /* 文字颜色 */
  --theme-text-color-darken: #f6f6f6;
  --theme-text-color: #eaeaea;
  --theme-text-color-lighten: #999999;
  --theme-text-color-placeholder: #CCCCCC;
  --theme-text-color-task-btn: #fff;
  --theme-text-color-process-text: #fff;
  --theme-text-color-activities-text: #fff;
  --theme-text-color-side-tabs: #999;
  --theme-alt-text-color: #FFFFFF;
  --theme-text-person-color: #FFFFFF;
  --theme-disabled-font-color: #fff;

  /* 边框和线条 */
  --theme-color-line: #ffffff10;
  --theme-color-line-hex: 227,227,227;
  --theme-progress-line-color: #ccc;
  --theme-game-lobby-border: #FFFFFF;

  /* 图标颜色 */
  
  --theme-search-icon-color: #f9af18;
  --theme-mine-icon-color: #f9af18;
  --theme-aside-icon-color-0: #B4B6BF;
  --theme-aside-icon-color-1: #909199;
  --theme-aside-icon-color-2: #666;
  --theme-web_filter_gou: #FFFFFF;

  /* 侧边栏 */
  --theme-aside-font-color: #fff;
  --theme-aside-active-font-color: #fff;
  --theme-aside-active-bg-color-0: #2FB4450F;
  --theme-aside-active-bg-color-1: #2FB44514;
  --theme-aside-box-shadow: 0 0.02rem 0.04rem 0 rgba(114, 159, 255, 0.15);
  --theme-aside-no-active-box-shadow: #72727233;

  /* 导航栏 */
  --theme-top-nav-bg: #FFFFFF;
  --theme-side-menu-bg-color: #FFFFFF;
  --theme-side-menu-btn-color: #F8F8F8;
  --theme-side-menu-btn-color-hex: 248,248,248;
  --theme-side-menu-btn-hover: #FFFFFF;
  --theme-side-footer-bg-color: #FFFFFF;
  --theme-tabbar-bg-color: #111923;
  --theme-side-bg-color: #0f212e;
  --theme-left-nav-text-color: #999999;
  --theme-left-nav-text-active-color: #FFFFFF;
  --theme-side-popver-text-color: #fff;

  /* 卡片和阴影 */
  --theme-cardBg-color: rgba(7, 112, 255, 0.8);
  --theme-cardShadow-mask-color: rgba(254, 255, 255, 0.9);
  --theme-cardShadow-font-color: #fff;
  --theme-game-card-ddt_bg: #E3E3E3;
  --theme-game-card-ddt_icon: #FFFFFF;

  /* 状态颜色 */
  --theme-disabled-bg-color: #999;
  --theme-active-gou-color: #f9af18;
  --theme-filter-active-color: #f9af18;
  --theme-ant-message-bg: rgba(0, 0, 0, 0.8);
  --theme-ant-message-font-color: #fff;

  /* 渐变颜色 */
  --theme-secondary-color-success-linear-gradient: #18c516;
  --theme-secondary-color-error-linear-gradient: #f35a4a;
  --theme-secondary-color-finance-linear-gradient: #ffb325;
  --theme-secondary-color-tabs-start-gradient: #fff;
  --theme-secondary-color-tabs-end-gradient: #f2f3f7;
  --theme-secondary-color-tabs-active-start-gradien: #46a1ff;
  --theme-secondary-color-tabs-active-end-gradient: #1678ff;
  --theme-secondary-color-tabs-active-border: transparent;

  /* 其他组件 */
  --theme-countTo-bg: #f6faff;
  --theme-jackpot-bg-color-0: #fff;
  --theme-jackpot-bg-color-1: #edf3fd;
  --theme-jackpot-num-bg-color-0: #c9d2df;
  --theme-jackpot-num-bg-color-1: #f5f8fe;
  --theme-jackpot-num-bg-color-2: #c9d2df;
  --theme-jackpot-num-bg-shadow-color-0: #fff6;
  --theme-jackpot-num-bg-shadow-color-1: #fff6;
  --theme-jackpot-title-color: #999999;
  --theme-btm-def-color: #666666;
  --theme-btm-bg-color: #FFFFFF;
  --theme-hx-color: #000000d9;
  --theme-text-color-lighten-withshadow: #999;
  --theme-secondary-color-help-text-color: #FFFFFF;
  --theme-label-secondary-color-finance: #FFAA09;
  --theme-event-luck-wheel-silver: #1672f2;
  --theme-event-luck-wheel-gold: #ffaa09;
  --theme-event-luck-wheel-diamond: #b751ff;
  --theme-user-card-top-bg-color: #48D15E;
  --theme-user-card-bg-color: #3187ff;
  --theme-user-card-bottom-bg-color: #f9af18;
  --theme-vip-progress-bg-color: #f9af18;
  --theme-home-bg: #343434;
  --theme-alt-primary: #f9af18;
  --theme-alt-neutral-1: #666666;
  --theme-alt-neutral-2: #999999;
  --theme-alt-border: #666666;
  --theme-profile_icon_1: #FFAA09;
  --theme-profile_icon_2: #048F3E;
  --theme-profile_icon_3: #f9af18;
  --theme-profile_icon_4: #EA4E3D;

  /* Ant Design 主题色  黑金搭配 */
  --theme-ant-primary-color-0: #f9af18;
  --theme-ant-primary-color-1: #44bc58;
  --theme-ant-primary-color-2: #59c36a;
  --theme-ant-primary-color-3: #6dcb7d;
  --theme-ant-primary-color-4: #82d28f;
  --theme-ant-primary-color-5: #97daa2;
  --theme-ant-primary-color-6: #ace1b5;
  --theme-ant-primary-color-7: #c1e9c7;
  --theme-ant-primary-color-8: #d5f0da;
  --theme-ant-primary-color-9: #E6F5E6;
  --theme-ant-primary-color-10: #D1E8D2;
  --theme-ant-primary-color-11: #A2DBA6;
  --theme-ant-primary-color-12: #78CF80;
  --theme-ant-primary-color-13: #f9af18;
  --theme-ant-primary-color-14: #f9af18;
  --theme-ant-primary-color-15: #1E8F35;
  --theme-ant-primary-color-16: #116925;
  --theme-ant-primary-color-17: #074217;
  --theme-ant-primary-color-18: #031C0A;
  --theme-ant-primary-color-19: 47, 180, 69;


  /* 覆盖其他组件的样式 */
  --el-input-bg-color: #434343 !important;
  --el-fill-color-blank: #434343 !important;
  --el-text-color-regular: #eee !important;
  --el-input-color: #fff !important;
  --el-input-border-color: #ffffff10 !important;
  --el-input-placeholder-color: #ffffff10 !important;
  --el-input-text-color: #fff !important;
  --el-input-text-color-hover: #fff !important;
  --van-background-2: #434343 !important;
  --el-color-primary: #f9af18 !important;
  --el-border-color: #ffffff10 !important;
  --el-fill-color-light: #ffffff10 !important;
  --el-border-color-light: #ffffff10 !important;

  --el-button-border-color: #f9af1880 !important;
  --el-color-primary: #f9af18 !important;
  --el-color-primary-light-3: #f9af1880 !important;
  --el-button-hover-link-text-color: #f9f9f9 !important;
  --el-button-hover-text-color: #f9f9f9 !important;
  --el-button-hover-bg-color: #f9af1880 !important;
  --el-button-hover-border-color: #f9af1880 !important;
  
}

body{
  background-color: var(--theme-main-bg-color);
  color: var(--theme-text-color);
}