@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: #2A77D6;
  --main_gradient_color: linear-gradient(180deg, #00E5FF 0%, #007AEF 50%, #0062F5 100%);
  --main_gradient_1: #00E5FF;
  --main_gradient_2: #0062F5;
  --gamesaas_ticket_bg1: var(--main_gradient_1);
  --gamesaas_ticket_bg2: var(--main_gradient_2);
  /* ================= 辅助色 ================= */
  --secondary_color1: #475A6D;
  --secondary_color2: #333A53;
  --secondary_color3: #519EE7;
  --secondary_color4: #CCE4FB;
  --secondary_color5: #98B7D3;
  /* 设计稿：#2E3B47 80% + #202733 0% */
  --secondary_color6: linear-gradient(180deg, var(--gamesaas_ticket_bg1) 13.44%, var(--gamesaas_ticket_bg2) 86.56%);
  /* 装饰纹理层：稿子未针对本主题重新设计,沿用基线 */
  --secondary_color7: linear-gradient(188deg, rgba(46, 59, 71, 0.8) 0%, rgba(32, 39, 51, 0) 100%);
  /* 二级按钮渐变：稿子色值与基线一致 */
  --secondary_color8: linear-gradient(0deg, #FAD122 0%, #FBA133 100%);
  /* ================= 功能色 ================= */
  --norm_red_color: #FB5B5B;
  --norm_green_color: #18B660;
  --norm_blue_color: #6EA8F4;
  --norm_orange_color: #FEAA57;
  --norm_Purple_color: #B659FE;
  --norm_hint_color: #EAC016;
  /* 设计稿值 */
  --button_dis: #47516C;
  /* ================= 文字 ================= */
  --text_primary: #FFFFFF;
  --text_secondary: #B5CADD;
  --text_tertiary: #90ABC5;
  --text_inverse: #FFFFFF;
  --text_btn_main: #FFFFFF;
  --text_disabled: #9CA6AE;
  --text_placeholder: #66759A;
  --text_color_L2: #90ABC5;
  /* ================= 背景 ================= */
  --bg_color_L1: #090E1F;
  --bg_color_L2: #101D41;
  --bg_color_L3: #2C3F72;
  --bg_color_L4: #41568E;
  /* ================= 结构 ================= */
  --Stroke_color: #083177;
  --Dividing_line_color: #49586B;
  --home_stroke2: #244CD0;
  --home_wheel: radial-gradient(45.65% 100% at 50% 0%, rgba(33, 33, 36, 0.70) 0%, #080F28 100%);
  /* ================= 进度条 ================= */
  --progress_bar: linear-gradient(270deg, #D4762A 0%, #F8A956 100%);
  /* ================= Jackpot ================= */
  --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;
  --text_color_L1: var(--text_primary);
  --text_color_L4: var(--text_btn_main);
  --main_gradient-color: var(--main_gradient_color);
  --norm_bule-color: var(--norm_blue_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: var(--norm_Purple_color);
  --norm_secondary-color: var(--norm_orange_color);
  --sheet_nva_color: var(--main_color);
  --light-main_gradient-color: var(--main_gradient_color);
  --text_color_L2: var(--text_tertiary);
  --main-color: var(--main_color);
  --main_gradient-color2: linear-gradient(0deg, #00E5FF 0%, #007AEF 50%, #0062F5 100%);
  --Dividing-line_color: var(--Dividing_line_color);
  --button_dis_color: var(--button_dis);
  /* 邀请转盘的两处文字色。不属于标准色卡,也只被 useTurntable.ts:310/315 读取后
   * 交给 Pixi 上色(转盘是 canvas 画的,不走 CSS),故按本主题稿面实取值,
   * 不再沿用 darkBlue 基线的 #F15542 —— 那个红色在稿面里属于已弃用的旧版:
   * 按钮 frame 22030:313750 内确实还留着一组 #F15542 文字,但它们在
   * visible=false 的「按钮文案」组里,不参与渲染。
   */
  --turntable-glow-color: #1D92FF;
  --turntable_money_text_color: #0181F6;
  /* ========== 登录 / 注册页版面(Figma 20053:47065) ==========
   * 版面关系(稿面坐标,750 宽):
   *   banner  x=0 y=0   750x667  —— 从页面最顶端起铺,不走常规流
   *   头部导航 y=88     750x88   —— 叠在 banner 上
   *   内容区   x=32 y=527        —— 也叠在 banner 上,与其重叠 667-527=140
   * 所以 banner 是一层绝对定位的顶部底图,头部与表单压在它上面。
   *
   * 图分两层、矩形完全重合:
   *   底层 = 主题自带的 img_loginBG.webp(750x667),后台没配图时就靠它兜底;
   *   上层 = 后台配的登录图(loginPageLogo),配了就整块盖住底层。
   * 业务代码只写 var(变量, 默认值),这里覆盖多少就改多少,未定义这些变量的主题保持原样。
   * ⚠️ 本文件不过 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;
  /* 注册页同一套版面。头部比例按自己那张图给成 750/667,cover 才不裁; */
  --register_logo_position: absolute;
  --register_logo_top: 0;
  --register_logo_left: 0;
  --register_logo_transform: none;
  --register_logo_margin: 0;
  --register_logo_object_fit: fill;
  --register_head_position: relative;
  --register_head_z_index: 1;
  --register_header_aspect_ratio: 750 / 667;
  --register_header_margin_bottom: 0;
  --register_section_margin_top: -1.86667rem;
  /* ========== 018 首页版面(home/components/ar_saas13 与 tabBar/018.vue)==========
   * 018 与 ar_saas13_2 共用,版面取值由 tokens.scss 指向这里的 --s13_*。
   * 色值即原 tokens.scss / 组件里的写死值(Figma KzaDtrstJgDIgDEs8OC1kh 18116:42202),
   * 改成变量后本主题外观不变。长度不过 pxtorem,一律手写 rem(设计值 ÷ 75)。
   */
  --s13_text_title: #D4D8FF;
  --s13_text_label: #D4D8FF;
  --s13_text_row: #D4D8FF;
  --s13_text_muted: #636999;
  --s13_lang_text: #D4D8FF;
  --s13_notice_text: #D4D8FF;
  --s13_balance_text: var(--text_white);
  --s13_rtp_label: #636999;
  --s13_rtp_value: var(--norm_hint_color);
  --s13_link: #53BD22;
  --s13_link_blue: #1F61D3;
  --s13_card_bg: #0C132A;
  --s13_card_border: rgba(50, 79, 255, 0.3);
  --s13_panel_stroke: linear-gradient(135deg, rgba(50, 79, 255, 0.85) 0%, rgba(50, 79, 255, 0) 22%, rgba(50, 79, 255, 0) 78%, rgba(50, 79, 255, 0.85) 100%);
  --s13_panel_shadow: none;
  --s13_seg_bg: rgba(12, 19, 42, 0.3);
  --s13_hits_card_bg: #0C132A;
  --s13_hits_stroke: linear-gradient(180deg, rgba(50, 79, 255, 0.4) 0%, rgba(50, 79, 255, 0.08) 50%, rgba(50, 79, 255, 0.4) 100%);
  --s13_btn_bg: linear-gradient(0deg, #0C132A 0%, #182655 100%);
  --s13_btn_stroke: linear-gradient(180deg, rgba(40, 63, 137, 0.95) 0%, rgba(40, 63, 137, 0.3) 50%, rgba(40, 63, 137, 0.95) 100%);
  --s13_btn_stroke_accent: linear-gradient(180deg, rgba(255, 225, 164, 0.9) 0%, rgba(255, 225, 164, 0.25) 50%, rgba(255, 225, 164, 0.9) 100%);
  --s13_btn_shadow: 0 0 0.05333rem 0 #010D52 inset;
  --s13_btn_opacity: 1;
  --s13_btn_inset: #010D52;
  --s13_pill_bg: linear-gradient(0deg, #0B113A 0%, #1327AA 100%);
  --s13_pill_border: #324FFF;
  --s13_circle_bg: #0F1733;
  --s13_circle_border: #273978;
  --s13_navbg_v1: inline;
  --s13_navbg_v2: none;
  --s13_tab_bg: linear-gradient(101deg, rgba(50, 79, 254, 0.33) 2.93%, rgba(13, 22, 75, 0.33) 98.35%);
  --s13_tab_active_bg: linear-gradient(101deg, #324FFE 2.93%, #0D164B 75.34%, #1C2876 98.35%);
  --s13_tab_active_stroke: linear-gradient(90deg, #00A8DE 0%, #0165A3 30%, #002E76 65%, #003F9B 100%);
  --s13_tab_active_text: var(--norm_hint_color);
  --s13_tab_active_opacity: 1;
  --s13_rank_row_bg: #0C142C;
  --s13_rank_row_stroke: linear-gradient(90deg, rgba(0, 86, 184, 0.9) 0%, rgba(0, 86, 184, 0.35) 15%, rgba(0, 86, 184, 0.2) 100%);
  --s13_rank_row_shadow: none;
  --s13_winner_row_bg: #0C142C;
  --s13_winner_row_stroke: var(--s13_rank_row_stroke);
  --s13_banner_shadow: 0 0 0.15867rem 0 rgba(0, 0, 0, 0.15);
  --s13_dot: #636999;
  --s13_dot_active: #BDC6FF;
  --s13_notice_bg: var(--bg_color_L2);
  --s13_notice_shadow: 0 0.04rem 0.4rem 0 rgba(0, 0, 0, 0.3);
  --s13_notice_btn_bg: linear-gradient(180deg, #11249F 0%, #0B1240 100%);
  --s13_notice_btn_border: #324FFF;
  --s13_notice_btn_text: #EAC016;
  --s13_avatar_bg: linear-gradient(180deg, rgba(212, 216, 255, 0.28) 0%, rgba(9, 14, 31, 0.6) 100%);
  --s13_tabbar_text: #636999;
  --s13_tabbar_active: var(--main_color);
  --s13_sk_base: rgba(50, 79, 255, 0.12);
  --s13_sk_shine: rgba(212, 216, 255, 0.14);
}

.box_shadow_1 {
  box-shadow: 0 4px 4px 0 rgba(3, 17, 36, 0.13);
}

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

.btn_main_style {
  background: var(--main_gradient_color);
  box-shadow: 0 4px 8px 0 rgba(61, 15, 15, 0.25), 0 2px 0 0 rgba(255, 255, 255, 0.5) inset, 0 -4px 4px 0 rgba(0, 0, 0, 0.2) inset;
}

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

.btn_Secondary_style {
  border-radius: 8px;
  background: var(--bg_color_L1, #090E1F);
  /* btn_Secondary_style */
  box-shadow: 0 4px 4px 0 rgba(55, 158, 234, 0.3), 0 2px 0 0 rgba(55, 158, 234, 0.1) inset;
}

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

.bottom_nav_style {
  border-radius: 8px;
  background: var(--bg_color_L2, #101D41);
  /* bottom_nav_style */
  box-shadow: 0 2px 0 0 #083177 inset, 0 -2px 12px 0 rgba(0, 0, 0, 0.12);
}