@charset "UTF-8";
:root:root {
  /* ==========================================================================
     Vant 4 「基础变量」(origin variables) 全量映射
     --------------------------------------------------------------------------
     · 本文件被全部 14 套主题 @use，故一律用「项目通用 token」取值（各主题各自
       定义这些 token），不写死某套主题色值；否则会把其它 13 套主题也变成 darksaas。
     · 右侧注释给出 darksaas 主题 (darksaasStyle.scss) 下解析到的实际色值，便于对照。
     · Vant 组件级变量默认 var() 引用下列基础变量（如
       --van-dialog-background → var(--van-background-2)），基础层映射后组件自动继承，
       新用到的组件无需再逐个补，避免"换肤漏覆盖、回退默认色"。
     · 校验某组件引用了哪个变量：grep node_modules/vant/lib/<组件>/index.css 的 var(--van-
     ========================================================================== */
  /* —— 语义主色 / Semantic colors —— */
  --van-primary-color: var(--main_color);
  /* darksaas #488FFD */
  --van-success-color: var(--norm_green-color);
  /* darksaas #18B660 */
  --van-danger-color: var(--norm_red-color);
  /* darksaas #FB5B5B */
  --van-warning-color: var(--norm_orange-color);
  /* darksaas #FEAA57 */
  /* —— 文本三级 / Text colors ——
     text_color_L3 仅 5/14 主题注册，缺省回退到 L2（禁硬编码 fallback，只回退到变量） */
  --van-text-color: var(--White-H1);
  /* darksaas #FFFFFF (text_primary) */
  --van-text-color-2: var(--White-H2);
  /* darksaas #6E8CAE (text_secondary) */
  --van-text-color-3: var(--White-H3);
  /* darksaas #879DB3 (text_tertiary) */
  /* —— 背景三层 / Background ——
     L1 页面底(最暗) / L2 卡片(cell·dialog·popup·nav-bar 默认引用) / L3 高层弹层 */
  --van-background: rgba(255,255,255,0.2);
  /* darksaas #0B0B10 */
  --van-background-2: rgba(255,255,255,0.1);
  /* darksaas #141414 */
  --van-background-3: rgba(255,255,255,0.05);
  /* darksaas #1F2123 */
  /* —— 边框 / 点击态底色 / 不可用态 —— */
  --van-border-color: var(--Dividing-line_color);
  /* darksaas #E1E1E1 */
  --van-active-color: var(--bg_color_L3);
  /* 点击灰底，暗色主题用更高一层 #1F2123 */
  --van-active-opacity: 0.6;
  /* Vant 默认，非颜色，保持原值 */
  --van-disabled-opacity: 0.5;
  /* Vant 默认，非颜色，保持原值 */
  /* —— 中性调色板 / Color palette ——
     --van-black/white/gray-1~8 是 Vant 的「原始中性色」，属主题无关的底层灰阶，
     darksaas 未提供等价灰阶 token，且改它会污染亮色主题，故保持 Vant 默认，不在此覆盖。
     需要暗色灰阶的组件已通过上面 background/text 系列覆盖到位。
     (Vant 默认: gray-1 #f7f8fa … gray-8 #323233 / black #000 / white #fff) */
  /* ==========================================================================
     组件特例：仅保留「不走基础变量」或「取值与基础层继承不同」的项
     ========================================================================== */
  /* tabbar：active 走主色，未选文字用 L2（默认 gray，需显式覆盖） */
  --van-tabbar-item-active-color: var(--main_color);
  --van-tabbar-item-text-color: var(--text_color_L2);
  --van-sidebar-text-color: var(--main-color);
  /* picker：容器要 L3（高于默认 background-2），选项文字 L2 */
  --van-picker-background: var(--bg_color_L3);
  --van-picker-option-text-color: var(--text_color_L2);
  --van-picker-confirm-action-color: var(--main-color);
  /* checkbox / radio：勾选色走主色，checkbox 文案用 L2（默认随 text-color=L1） */
  --van-checkbox-checked-icon-color: var(--main-color);
  --van-checkbox-label-color: var(--text_color_L2);
  --van-radio-checked-icon-color: var(--main-color);
  /* grid：内容底色要 L1（默认 background-2=L2） */
  --van-grid-item-content-background: var(--bg_color_L1);
  /* circle 进度环：进度色主色，底环 L3 */
  --van-circle-color: var(--main-color);
  --van-circle-layer-color: var(--bg_color_L3);
  --van-calendar-range-edge-background: var(--main-color);
  /* toast 文字走主色（默认白） */
  --van-toast-text-color: var(--main-color);
}

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

[class*=van-hairline]::after {
  border-top: none !important;
  border-bottom: none !important;
}

.van-field__control.van-field__control[type=search]::placeholder {
  color: var(--text_placeholder);
}

.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 {
  --Cyan-1: #3EB3E5;
  --main_gradient_1: #36FFBB;
  --main_gradient_2: #488FFD;
  --Minor-1: linear-gradient(180deg, #5DD6FF 0%, #2D7FFF 100%);
  --Minor-2: linear-gradient(180deg, #1CF2AA 0%, #00C9B8 100%);
  --Minor-3: linear-gradient(180deg, #36FFBB 25%, #488FFD 87.5%);
  --White-H1: #FFFFFF;
  --White-H2: #A3A3A3;
  --White-H3: #626262;
  --White-H4: #4B4B4B;
  --Black-H1: #0B0B10;
  --Black-H2: #141414;
  --Black-H3: #1F2123;
  --Decorate-1: #FF5751;
  --Decorate-2: #879DB3;
  --Decorate-3: #FFA600;
  --Decorate-4: linear-gradient(90deg, #FFAE00 0%, #FF7A41 100%);
  --main_color: #488FFD;
  --main_gradient_color: linear-gradient(100deg, #36FFBB 0.19%, #488FFD 100.19%);
  --main_gradient_1: #5DD6FF;
  --main_gradient_2: #2D7FFF;
  --secondary_color1: #1CF2AA;
  --secondary_color2: #1F2123;
  --secondary_color3: #1B7DED;
  --secondary_color4: #739FD1;
  --secondary_color5: rgba(255, 255, 255, 0.02);
  --secondary_color6: rgba(255, 255, 255, 0.1);
  --secondary_color7: linear-gradient(182deg, rgba(0, 0, 0, 0.06) 6.14%, rgba(0, 0, 0, 0) 99.42%);
  --secondary_color8: linear-gradient(180deg, #ffc98f 0%, #ffb068 100%);
  --secondary_color9: linear-gradient(100deg, #FFB52C 0.19%, #927237 100.19%);
  --secondary_color10: linear-gradient(360deg, #FFB52C 0.19%, #927237 100.19%);
  --norm_red_color: #FB5B5B;
  --norm_green_color: #18B660;
  --norm_blue_color: #6EA8F4;
  --norm_bule_color: #6EA8F4;
  --norm_orange_color: #FEAA57;
  --norm_hint_color: #FFA600;
  --button_dis: #CCCEDC;
  --text_primary: #FFFFFF;
  --text_secondary: #6E8CAE;
  --text_tertiary: #879DB3;
  --text_inverse: #FFFFFF;
  --text_btn_main: #F1F7FF;
  --text_disabled: #9DA4A7;
  --text_placeholder: #626262;
  --text_emphasize: #FF7142;
  --text_color_L1: var(--text_primary);
  --text_color_L2: var(--text_secondary);
  --text_color_L3: var(--text_tertiary);
  --bg_color_L1: #0B0B10;
  --bg_color_L2: #141414;
  --bg_color_L3: #1F2123;
  --bg_color_L4: #F5F5F7;
  --Stroke_color: rgba(255, 255, 255, 0.1);
  --Dividing_line_color: #E1E1E1;
  --home_stroke2: #A8C8FF;
  --home_wheel: radial-gradient(45.65% 100% at 50% 0%, rgba(136, 136, 136, 0.70) 0%, #E9F4FF 100%);
  --progress_bar: linear-gradient(270deg, #F8A956 0%, #D4762A 100%);
  --gradient_backdrop: #8F6B00;
  --box_shadow_1: 0 8px 16px 0 rgba(3, 17, 36, 0.08);
  --score-board-bg: linear-gradient(90deg, #FF6B6B 0%, #D93636 100%);
  --score-start-bar: linear-gradient(180deg, #D79F4F 0%, #FFFED0 30.77%, #FFFFD8 60.1%, #B07A4A 80.77%, #C48241 100%);
  --score-box-shadow: rgba(255, 126, 126, 0.50);
  --score-box-glow: #9E1F1F;
  --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: #FFE5E5;
  --tips-color: #999999;
  --main-color: var(--main_color);
  --main_gradient-color: var(--main_gradient_color);
  --main_gradient-color2: linear-gradient(0deg, #36FFBB 0%, #488FFD 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);
  --turntable-glow-color: #F15542;
  --turntable-shine-color: #F15542;
  --text_color_L4: var(--White---H1);
}

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

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

.btn_main_style {
  border-radius: 50px;
  background: var(--Minor---1, linear-gradient(100deg, #36FFBB 0.19%, #488FFD 100.19%));
}

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

.btn_Secondary_style {
  background: var(--text_secondary, #A3A3A3);
}

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