@charset "UTF-8";
:root:root {
  --van-primary-color: var(--main_color);
  --van-tabbar-item-active-color: var(--main_color);
  --van-tabbar-item-text-color: var(--text_color_L2);
  --van-sidebar-text-color: var(--main-color);
  --van-picker-background: var(--bg_color_L3);
  --van-picker-option-text-color: var(--text_color_L2);
  --van-picker-confirm-action-color: var(--main-color);
  --van-checkbox-checked-icon-color: var(--main-color);
  --van-checkbox-label-color: var(--text_color_L2);
  --van-field-input-text-color: var(--text_color_L1);
  --van-radio-checked-icon-color: var(--main-color);
  --van-grid-item-content-background: var(--bg_color_L1);
  --van-text-color: var(--text_color_L1);
  --van-dialog-background: var(--bg_color_L2);
  --van-circle-color: var(--main-color);
  --van-circle-layer-color: var(--bg_color_L3);
  --van-calendar-range-edge-background: var(--main-color);
  --van-button-primary-background: var(--main_color);
  --van-button-primary-border-color: var(--main-color);
  --van-toast-text-color: var(--main-color);
}

.van-picker-column__item.van-picker-column__item--selected {
  color: unset;
}

.van-skeleton .van-skeleton-title {
  background: var(--text_inverse);
  opacity: 0.1;
}
.van-skeleton .van-skeleton-paragraph {
  background: var(--text_inverse);
  opacity: 0.1;
}

:root {
  --main_color: #FFD454;
  --main_gradient_color: linear-gradient(180deg, #FFB42E 0%, #F2820F 100%);
  --main_gradient_1: #FFB42E;
  --main_gradient_2: #F2820F;
  --gamesaas_ticket_bg1: #FA7;
  --gamesaas_ticket_bg2: #F37021;
  --secondary_color1: #FFE7D9;
  --secondary_color2: #FFEDE3;
  --secondary_color3: #D0621F;
  --secondary_color4: #FFCFB2;
  --secondary_color5: #F2AA4D;
  --secondary_color6: linear-gradient(180deg, var(--gamesaas_ticket_bg1) 13.44%, var(--gamesaas_ticket_bg2) 86.56%);
  --secondary_color7: linear-gradient(191deg, rgba(46, 56, 71, 0.8) 0%, rgba(32, 39, 51, 0) 100%);
  --secondary_color8: linear-gradient(0deg, #FAD122 0%, #FBA133 100%);
  --norm_red_color: #BE1414;
  --norm_green_color: #0D9049;
  --norm_bule_color: #2885FF;
  --norm_orange_color: #FEAA57;
  --norm_hint_color: #FFB028;
  --button_dis: #CAD3DC;
  --text_primary: #333333;
  --text_white: #FFFFFF;
  --text_secondary: #444444;
  --text_tertiary: #EEB084;
  --text_inverse: #FFFFFF;
  --text_btn_main: #FFFFFF;
  --text_disabled: #9CA6AE;
  --text_placeholder: #F6C2A3;
  --text_color_L1: var(--text_primary);
  --text_color_L2: var(--text_secondary);
  --text_color_L3: var(--text_tertiary);
  --text_color_L4: var(--text_btn_main);
  --bg_color_L1: linear-gradient(180deg, #F58220 0%, #F37021 30%, #D9601A 100%);
  --bg_color_L2: #FFFFFF;
  --bg_color_L3: #FEF3EB;
  --bg_color_L4: #FFDDC8;
  --Stroke_color: #F4955B;
  --Dividing_line_color: #E89D6B;
  --home_stroke2: var(--Stroke_color);
  --home_wheel: radial-gradient(45.65% 100% at 50% 0%, rgba(136, 136, 136, 0.70) 0%, var(--bg_color_L3) 100%);
  --progress_bar: linear-gradient(270deg, #0FB800 0%, #00E668 100%);
  --box_shadow_1: 0 3px 30px 0 rgba(99, 37, 0, 0.10);
  --score-board-bg: linear-gradient(90deg, #4CD7FF 0%, #0979BF 100%);
  --score-start-bar: linear-gradient(180deg,
      #D79F4F 0%,
      #FFFED0 30.77%,
      #FFFFD8 60.1%,
      #B07A4A 80.77%,
      #C48241 100%);
  --score-box-shadow: rgba(126, 255, 249, 0.5);
  --score-box-glow: #1F619E;
  --score-digit-color: linear-gradient(180deg,
      #FBCD67 16.27%,
      #E7BE6C 27.59%,
      #FBF9C8 40.92%,
      #F9F2A4 52.49%,
      #C49954 62.03%,
      #D29D4D 68.28%,
      #FEE777 74.86%,
      #BA8741 79.39%,
      #B6672E 84.94%);
  --champion1: #ECC731;
  --champion2: #80B1F2;
  --champion3: #C78672;
  --champion-bg: #2E3847;
  --tips-color: #555965;
  --main-color: var(--main_color);
  --main_gradient-color: var(--main_gradient_color);
  --main_gradient-color2: linear-gradient(0deg, #FFCC48 0%, #F37021 100%);
  --light-main_gradient-color: var(--main_gradient_color);
  --norm_bule-color: var(--norm_bule_color);
  --norm_red-color: var(--norm_red_color);
  --norm_orange-color: var(--norm_orange_color);
  --norm_green-color: var(--norm_green_color);
  --norm_Purple_color: #B659FE;
  --norm_Purple-color: var(--norm_Purple_color);
  --norm_secondary-color: var(--norm_orange_color);
  --Dividing-line_color: var(--Dividing_line_color);
  --button_dis_color: var(--button_dis);
  --sheet_nva_color: var(--main_color);
  --Secondary_moto_Color9: #326FCA;
  --Secondary_moto_Color8: #2E3D54;
  --turntable-glow-color: var(--main_color);
  --turntable_money_text_color: var(--text_primary);
  /* 后台配的图（loginPageLogo）按 **通栏 banner** 显示，尺寸与 ar_saas13 保持一致：
   * 脱离常规流贴 .login-header 左上角铺满 750x667 → 10rem x 8.89333rem。
   * 图脱流后头部只剩导航条，所以要显式把头部高度给成 banner 高，并把导航提层，
   * 否则返回/客服/语言会被图盖住点不到。
   * ⚠️ 本文件不过 postcss-pxtorem，长度一律手写 rem（设计值 ÷ 75）。
   * 登录页与注册页共用这一套（当前分支两页结构已统一）。
   */
  --login_logo_position: absolute;
  --login_logo_top: 0;
  --login_logo_left: 0;
  --login_logo_width: 10rem;
  --login_logo_height: 8.89333rem;
  --login_logo_margin: 0;
  --login_logo_object_fit: fill;
  --login_header_height: 8.89333rem;
  --login_head_position: relative;
  --login_head_z_index: 1;
  --login_header_margin_bottom: -1.86667rem;
  --login_no_logo_margin_top: 0;
  --s12_home_bg: #DD641C;
  --s12_body_bg: var(--bg_color_L1);
  --s12_body_border: #F37021;
  --s12_body_shadow: rgba(175, 83, 0, 0.3);
  --s12_body_bg_end: #D9601A;
  --s12_nav_fallback: #D85E1B;
  --s12_pill_bg: linear-gradient(103.28deg, #F37021 5.83%, #8E3606 94.17%);
  --vip_tab_shadow: none;
  --vip_tab_filter: drop-shadow(0 3px 5px rgba(99, 37, 0, 0.1));
  --vip_tab_shadow_active:
    inset 0 -4px 4px 0 rgba(252, 172, 2, 0.2),
    inset 0 2px 0 0 rgba(255, 255, 255, 0.5);
  --vip_tab_filter_active: drop-shadow(0 3px 5px rgba(61, 15, 15, 0.1));
  --turntable_btn_text_from: #FFCC48;
  --turntable_btn_text_to: #F37021;
  --s12_wheel_amount_stroke: #A30B0B;
  --s12_pill_border: linear-gradient(103.28deg,
      #FFF8CE 5.83%, #FDD900 27.92%, #F98202 50.29%, #FCAC02 72.32%, #AA7400 94.17%);
  --s12_icon_btn_bg: linear-gradient(210deg, rgba(247, 152, 72, 0.4) 13.3%, rgba(214, 96, 25, 0.4) 86.5%);
  --s12_icon_btn_inset: rgba(255, 255, 255, 0.5);
  --s12_btn_border: #FBE357;
  --s12_card_border: #BE5606;
  --s12_notice_bg: rgba(255, 255, 255, 0.9);
  --s12_notice_border: #EAF8FF;
  --s12_notice_shadow: rgba(61, 58, 136, 0.3);
  --s12_notice_btn_border: #FCAC02;
  --s12_accent_orange: #F37021;
  --s12_text_accent: #FC891F;
  --s12_text_muted: #4F4F4F;
  --s12_popular_glow_warm: #FFBA86;
  --s12_popular_glow_cool: #E8EAFF;
  --s12_title_gradient: linear-gradient(180deg, #FFCC48 0%, #F3AF00 45.1%, #F37021 90.19%, #FCAC02 140%);
  --s12_pill_btn_bg: linear-gradient(180deg, #E1784D 0%, #CA5400 100%);
  --s12_pill_btn_inset: rgba(255, 255, 255, 0.8);
  --s12_pill_btn_text_shadow: rgba(0, 0, 0, 0.25);
  --s12_week_card_tab_bg: #FFC9A7;
  --s12_rank_gradient: linear-gradient(180deg, #FFD54B 0%, #E6B100 43.75%, #FF9900 100%);
  --s12_cover_shadow: rgba(99, 37, 0, 0.3);
  --s12_game_card_border: rgba(255, 255, 255, 0.5);
  --s12_game_name_shadow: rgba(10, 19, 102, 0.4);
  --s12_win_panel_bg: rgba(255, 255, 255, 0.9);
  --s12_win_item_border: rgba(221, 113, 63, 0.5);
  --s12_skeleton_shine: rgba(243, 112, 33, 0.22);
  --s12_win_item_skeleton: rgba(221, 113, 63, 0.15);
  --s12_chip_bg: #FFFFFF;
  --s12_chip_bg_idle: rgba(255, 160, 90, 0.45);
  --s12_search_bg: rgba(255, 255, 255, 0.1);
  --s12_search_border: rgba(255, 255, 255, 0.5);
  --s12_sub_bg: rgba(255, 255, 255, 0.9);
  --s12_sub_inner_glow: rgba(255, 255, 255, 0.3);
  --s12_sub_item_bg: rgba(255, 193, 94, 0.08);
  --s12_sub_item_border: rgba(221, 113, 63, 0.7);
  --s12_text_dark: #333333;
  --s12_glass_bg: rgba(255, 255, 255, 0.2);
  --s12_glass_inset: rgba(243, 112, 33, 0.5);
  --s12_row_gradient: linear-gradient(270deg, #FFBA76 0%, #FF9D00 100%);
  --s12_row_gradient_rtl: linear-gradient(90deg, #FFBA76 0%, #FF9D00 100%);
  --s12_medal_1: linear-gradient(180deg, #FFD54B 0%, #E6B100 50.48%, #FF9900 100%);
  --s12_medal_1_text: #692E00;
  --s12_medal_2: linear-gradient(180deg, #EEF0FF 0%, #B8BEED 49.52%, #76799C 100%);
  --s12_medal_2_text: #333547;
  --s12_medal_3: linear-gradient(180deg, #FFA750 0%, #CD7F32 50%, #773B00 100%);
  --s12_medal_3_text: #4E2700;
  --s12_avatar_1: #CC8900;
  --s12_avatar_2: #C9D0DA;
  --s12_avatar_3: #C9824A;
  --s12_avatar_1_glow: rgba(255, 194, 26, 0.25);
  --s12_tab_text: #999999;
  --s12_welcome_title_gradient: linear-gradient(
    180.267deg,
    #FFF674 28.929%,
    #FFAE3D 40.148%,
    #B17A2A 46.173%,
    #FFA32C 61.756%,
    #FFF464 72.144%
  );
  --s12_welcome_headline: #FDCF93;
  --s12_dialog_mask: rgba(0, 0, 0, 0.7);
  --s12_dialog_shadow: #031124;
  --s12_podium_1_text: linear-gradient(180deg, #F9BA0C 0%, rgba(255, 211, 89, 0.6) 100%);
  --s12_podium_2_text: linear-gradient(180deg, #336BE2 0%, rgba(89, 136, 255, 0.6) 100%);
  --s12_podium_3_text: linear-gradient(180deg, #F27532 0%, rgba(255, 128, 89, 0.6) 100%);
}

.box_shadow_1 {
  box-shadow: var(--box_shadow_1);
}

.text_shadow {
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}

.turntable_content > .scroll_num {
  -webkit-text-stroke: 1px var(--s12_wheel_amount_stroke);
  paint-order: stroke fill;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.weekCard .title {
  background: var(--s12_week_card_tab_bg) !important;
  box-shadow: none !important;
}

.page-wrapper .recharge-gift .gift-item div.gift-expired-time {
  color: var(--text_secondary);
}

.btn_main_style {
  background: var(--main_gradient_color);
  box-shadow: 0 3px 10px 0 rgba(61, 15, 15, 0.1);
}

.btn_orange_style {
  background: var(--norm_orange_color);
}

.btn_Secondary_style {
  border-radius: 8px;
  background: var(--bg_color_L3);
  box-shadow: 0 3px 10px 0 rgba(99, 37, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.bottom_mix_style {
  border-radius: 8px;
  background: var(--bg_color_L2);
  box-shadow: 0 2px 0 0 rgba(243, 249, 255, 0.45) inset, 0 -2px 12px 0 rgba(0, 0, 0, 0.12);
}

.bottom_nav_style {
  border-radius: 8px;
  background: var(--bg_color_L2);
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.12);
}

:root,
:root body {
  background-color: #E9691C;
}

/* ===== 本主题的特殊化处理（作用域 = #app 上的 theme-ar_saas12）=====
 * class 由 main.ts 跟着 useTheme().currentTheme 同步（主题运行时可切，不能用构建期 env）。
 *
 * 为什么需要这一段：本主题的 bg_color_L1 是渐变（规范 4265:55333），
 * 而业务里若干处是用 「background-color: var(--bg_color_L1)」 吃它的 —— 渐变落不进 color 层。
 * 两条常规路都不通：改共用文件会波及其它主题；主题文件里只写 「.login-wrapper」 这类
 * 类名又压不过组件 scoped 的 [data-v-*]。
 * 加上 #app 的主题 class 后两个问题一起解决：只在本主题命中（其它主题只是多一个
 * 没有任何规则匹配的 class），且 (1,2,0) 的特异性足够压过 scoped 与 global 的 #app。
 */
#app.theme-ar_saas12 {
  background-image: var(--bg_color_L1);
  background-size: 100% 100%;
}

#app.theme-ar_saas12 .login-wrapper {
  background-image: var(--bg_color_L1);
  background-size: 100% 100%;
}