@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: #8951F9;
  --main_gradient_color: linear-gradient(102deg, #FB8466 2.97%, #BD5BD4 30.32%, #7473FA 65.33%, #53B2FA 102.56%);
  --main_gradient_1: #FB8466;
  --main_gradient_2: #53B2FA;
  --gamesaas_ticket_bg1: var(--main_gradient_1);
  --gamesaas_ticket_bg2: var(--main_gradient_2);
  /* ================= 辅助色 ================= */
  --secondary_color1: #53476D;
  --secondary_color2: #3E3353;
  --secondary_color3: #B051E7;
  --secondary_color4: #E9CCFB;
  --secondary_color5: #BE98D3;
  /* 彩票特殊配色:色卡标注 #A438EB → #7A13BF 从上到下 */
  --secondary_color6: linear-gradient(180deg, #A438EB 0%, #7A13BF 100%);
  /* 装饰纹理层：稿子未针对本主题重新设计,沿用基线 */
  --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: #F64848;
  --norm_green_color: #18B660;
  --norm_blue_color: #6EA8F4;
  --norm_orange_color: #E87C46;
  --norm_Purple_color: #B659FE;
  --norm_hint_color: #EAC016;
  /* 设计稿值 */
  --button_dis: #3E2E5A;
  /* ================= 文字 ================= */
  --text_primary: #FFFFFF;
  --text_secondary: #B5B5DD;
  --text_tertiary: #6C6E93;
  --text_inverse: #FFFFFF;
  --text_btn_main: #FFFFFF;
  --text_disabled: #7C6EA8;
  --text_placeholder: #85669A;
  --text_color_L2: #6C6E93;
  /* ================= 背景 ================= */
  --bg_color_L1: #1A1A2C;
  --bg_color_L2: #2E2540;
  --bg_color_L3: #53456F;
  --bg_color_L4: #4E3481;
  /* ================= 结构 ================= */
  --Stroke_color: #68487D;
  --Dividing_line_color: #5D496B;
  --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: var(--main_gradient_color);
  --Dividing-line_color: var(--Dividing_line_color);
  --button_dis_color: var(--button_dis);
  /* 邀请转盘的两处文字色(useTurntable.ts 读取后交给 Pixi 上色)。
   * 本次稿件未提供紫版转盘,与 inviteWheel 切图一起沿用 ar_saas13 基线。
   */
  --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)==========
   * 与 ar_saas13Style.scss 同名变量一一对应,取值来自紫稿 26352:49429(各项注明节点)。
   * Figma 渐变描边 MCP 只给基色,描边渐变是读 paint 换算 / 截图采样得到的。
   * 只换颜色相关取值(含阴影/透明度);稿面的圆角、描边宽、字号等尺寸差异按产品口径不跟,沿用 ar_saas13。
   * 长度不过 pxtorem,一律手写 rem(设计值 ÷ 75)。
   */
  --s13_text_title: #FFFFFF;
  --s13_text_label: #C2B4D5;
  --s13_text_row: #D4D8FF;
  --s13_text_muted: #636999;
  --s13_lang_text: #F6DFFF;
  --s13_notice_text: #F1F7FF;
  --s13_balance_text: #FFCC24;
  --s13_rtp_label: #3400E0;
  --s13_rtp_value: #FFDD00;
  --s13_link: #9E32DC;
  --s13_link_blue: #9E32DC;
  --s13_card_bg: #272036;
  --s13_card_border: #3E2F60;
  --s13_panel_stroke: linear-gradient(#3E2F60, #3E2F60);
  --s13_panel_shadow: 0 0.05333rem 0.05333rem 0 rgba(0, 0, 0, 0.25), 0 0.02667rem 0 0 #2E384A inset;
  --s13_seg_bg: #272036;
  --s13_hits_card_bg: linear-gradient(132.68deg, #FB8466 0%, #BD5BD4 27.29%, #7473FA 62.53%, #53B2FA 100%);
  --s13_hits_stroke: none;
  --s13_btn_bg: linear-gradient(263.71deg, #221D2D 0.62%, #373143 98.28%);
  --s13_btn_stroke: linear-gradient(242.95deg, #7693F1 3.09%, #7171EF 7.76%, #FCF5FF 11.73%, #363BB5 20.04%, #3D49BE 28.63%, #7A96D5 39.05%, #4A64B4 48.23%, #6363DA 60.13%, #F5EDFF 72.67%, #143B97 81.12%);
  --s13_btn_stroke_accent: var(--s13_btn_stroke);
  --s13_btn_shadow: 0 0.05333rem 0.05333rem 0 rgba(0, 0, 0, 0.25);
  --s13_btn_opacity: 0.9;
  --s13_btn_inset: #010D52;
  --s13_pill_bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(227, 218, 244, 0.32) 21.175%, rgba(255, 255, 255, 0) 33.666%, rgba(255, 255, 255, 0) 75.462%, rgba(255, 255, 255, 0.16) 86.032%, rgba(255, 255, 255, 0) 99.964%),
    linear-gradient(90deg, rgba(53, 46, 146, 0.8) 0%, rgba(83, 54, 162, 0.8) 54.326%, rgba(85, 36, 137, 0.8) 100%);
  --s13_pill_border: rgba(44, 28, 124, 0.8);
  --s13_circle_bg: linear-gradient(90deg, rgba(125, 46, 146, 0.9) 0%, rgba(105, 96, 208, 0.9) 100%);
  --s13_circle_border: #A05ECD;
  --s13_navbg_v1: none;
  --s13_navbg_v2: inline;
  --s13_tab_bg: linear-gradient(90deg, rgba(44, 97, 205, 0.5) 0%, rgba(112, 58, 169, 0.5) 100%);
  --s13_tab_active_bg: linear-gradient(90deg, #2C61CD 0%, #703AA9 100%);
  --s13_tab_active_stroke: linear-gradient(#7693F1, #7693F1);
  --s13_tab_active_text: #FFFFFF;
  --s13_tab_active_opacity: 0.9;
  --s13_rank_row_bg: #272036;
  --s13_rank_row_stroke: linear-gradient(#3E2F60, #3E2F60);
  --s13_rank_row_shadow: 0 0.05333rem 0.05333rem 0 rgba(0, 0, 0, 0.25);
  --s13_winner_row_bg: rgba(3, 2, 20, 0.45);
  --s13_winner_row_stroke: linear-gradient(90deg, #603A9B 0%, #373E88 100%);
  --s13_banner_shadow: none;
  --s13_dot: rgba(246, 223, 255, 0.5);
  --s13_dot_active: #F6DFFF;
  --s13_notice_bg: linear-gradient(90deg, #251B3B 0%, #382C53 100%);
  --s13_notice_shadow: 0 0.05333rem 0.05333rem 0 rgba(0, 0, 0, 0.25), 0 0.02667rem 0 0 #2E384A inset;
  --s13_notice_btn_bg: var(--main_gradient_color);
  --s13_notice_btn_border: transparent;
  --s13_notice_btn_text: #FFFFFF;
  --s13_avatar_bg: linear-gradient(180deg, rgba(212, 216, 255, 0.28) 0%, rgba(9, 14, 31, 0.6) 100%);
  --s13_tabbar_text: #C2B4D5;
  --s13_tabbar_active: #EAC016;
  --s13_sk_base: rgba(137, 81, 249, 0.12);
  --s13_sk_shine: rgba(255, 255, 255, 0.14);
}

.box_shadow_1 {
  box-shadow: 0 4px 4px 0 rgba(23, 3, 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);
  /* btn_Secondary_style */
  box-shadow: 0 4px 4px 0 rgba(162, 55, 234, 0.3), 0 2px 0 0 rgba(162, 55, 234, 0.1) inset;
}

.bottom_mix_style {
  border-radius: 8px;
  background: var(--bg_color_L2);
  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);
  /* bottom_nav_style */
  box-shadow: 0 2px 0 0 #4B0877 inset, 0 -2px 12px 0 rgba(0, 0, 0, 0.12);
}