@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;
}

.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);
}