/* ============================================================
   H5 全客户端深色（全沉浸 / 紫粉霓虹）
   作用域：html.app-dark —— 由各 base 模板静态注入，全站常驻
   仅覆盖颜色/背景/边框等，不改布局逻辑
   ============================================================ */

html.app-dark {
  /* 深色 token（权威定义） */
  --hd-bg: #0f0f17;
  --hd-surface: #1a1a26;
  --hd-elevated: #20202e;
  --hd-border: #23232f;
  --hd-text: #f0f0f5;
  --hd-text-2: #9a9ab0;
  --hd-text-3: #6e6e80;
  /* 主色 = 下载栏渐变（柔粉 → 薰衣草紫，#FF8FB1 → #B47CFF），比原电光粉柔和 */
  --hd-accent: #ff8fb1;
  --hd-accent-2: #b47cff;
  --hd-grad: linear-gradient(90deg, #ff8fb1, #b47cff);
  --hd-grad-v: linear-gradient(180deg, #ff8fb1, #b47cff);
  /* —— 语义深色底色（彩色促销/状态卡用：低亮度带色相底 + 可读前景） —— */
  --hd-tint-orange: #2a1d0c;  --hd-on-tint-orange: #ffcf9e;
  --hd-tint-red:    #2a1115;  --hd-on-tint-red:    #ff9ea6;
  --hd-tint-green:  #102619;  --hd-on-tint-green:  #7fe0a0;
  --hd-tint-blue:   #0f1f33;  --hd-on-tint-blue:   #9ec5ff;
  --hd-tint-gold:   #281f0a;  --hd-on-tint-gold:   #ffe08a;
  --hd-tint-purple: #1d1730;  --hd-on-tint-purple: #c9bdff;
  /* —— 禁用态 —— */
  --hd-disabled-bg:   #24242e;
  --hd-disabled-text: #5a5a68;

  /* —— 重映射 v2 base.css 的 :root 变量 —— */
  /* 文本 */
  --text-color-primary: var(--hd-text);
  --text-color-secondary: var(--hd-text-2);
  --text-color-dark: var(--hd-text);
  --text-color-darker: var(--hd-text);
  --text-color-muted: var(--hd-text-3);
  --text-color-light: var(--hd-text-3);
  /* --text-color-white 保持 #fff（深底白字 OK） */
  /* 背景 */
  --white-bg: var(--hd-surface);
  --main-container-bg: var(--hd-bg);
  --card-bg: var(--hd-surface);
  /* 边框 */
  --border-color: var(--hd-border);
  --border-color-light: var(--hd-border);
  /* 阴影 */
  --shadow-soft: 0 0.5rem 1.5rem rgba(0,0,0,0.45);
  --shadow-card: 0 0.66rem 1.83rem rgba(0,0,0,0.4);
  /* 强调色统一为紫粉 */
  --accent-color: var(--hd-accent);
  --accent-color-orange: var(--hd-accent);
  --accent-color-light: var(--hd-accent-2);
  /* game-detail.css 变量组 */
  --text-primary: var(--hd-text);
  --text-secondary: var(--hd-text-2);
  --text-tertiary: var(--hd-text-3);
  /* --text-light 保持 #fff */
  --text-accent: var(--hd-accent);
  --text-dark: var(--hd-text);
  --bg-main: var(--hd-surface);
  --bg-secondary: var(--hd-elevated);
  --bg-accent: var(--hd-accent);
  --border-light: var(--hd-border);
  --border-medium: #3a3a4e;
  --border-accent: rgba(139,123,255,0.25);
  --indicator: var(--hd-accent);
}

/* 页面底色基线（兜住所有页面，含未用变量的旧页） */
html.app-dark,
html.app-dark body { background: var(--hd-bg); color: var(--hd-text); }

/* ---------- public.css 全局浅色覆盖 ---------- */
/* 根文字色由上面的页面底色基线统一提供（html.app-dark{color}） */
/* 通用白底面 -> 深色面 */
html.app-dark .lwx-header { color: var(--hd-text); }
html.app-dark .account { background: var(--hd-surface); border-color: var(--hd-border); }
html.app-dark .accountnum { border-bottom-color: var(--hd-border); }
/* 弱灰文字（#999/#999999） -> 弱文字 */
html.app-dark .empty-box,
html.app-dark .dropload-down .dropload-noData,
html.app-dark .result_tap,
html.app-dark .get_back_pwd_modal_two_intoemail,
html.app-dark .get_back_pwd_modal_two_intotell,
html.app-dark .user_zhuce_info_con_error_text,
html.app-dark .can_jieshou p,
html.app-dark .can_jieshou_two p { color: var(--hd-text-3); }
/* 标题深字（#222） -> 浅 */
html.app-dark .get_back_pwd_modal_one_title { color: var(--hd-text); }
/* dropload 白底 */
html.app-dark .dropload-down { background: var(--hd-surface); font-size: 0.853rem; }
/* 列表/详情通用白底与边框（public.css 底部区块 #F7F7F7 / #fff / #DEE2E5） */
html.app-dark .empty-box { color: var(--hd-text-3); }
/* Step 1 新增：大面积白底容器覆盖 */
/* .footer 固定底栏（line 33: background-color:#ffffff） */
html.app-dark .footer { background: var(--hd-surface); }
/* .user_zhuce_info_page_header 注册页头部（line 429: background-color:#fff） */
html.app-dark .user_zhuce_info_page_header { background: var(--hd-surface); }

/* ---------- 共用组件（全局） ---------- */
/* 搜索头 header_menu */
html.app-dark .header_menu {
  background: linear-gradient(180deg, #191926 0%, #0f0f17 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,0.05);
}
/* 搜索框：原边框为 --hd-border(#23232f)，和底色 #1f1f2c 几乎看不出 → 平。
   改主色描边 + 微渐变面 + 顶部内高光 + 抬升投影，做出有边框的立体药丸。 */
html.app-dark .header_menu .header_search {
  background: linear-gradient(180deg, #22222f 0%, #181822 100%);
  border: 1px solid rgba(180, 124, 255, 0.30);
  color: var(--hd-text-3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 2px 7px rgba(0, 0, 0, 0.38);
}
html.app-dark .header_menu .header_search:active {
  background: linear-gradient(180deg, #26263a 0%, #1c1c28 100%);
}
html.app-dark .header_menu .fuli_btn {
  background: linear-gradient(135deg, #2e2548 0%, #3a2540 100%);
}

/* 底部导航 bottom-nav（base.css 原 #fff / 标签 #adaeb6） */
html.app-dark .bottom-nav {
  background: #15151f;
  border-top: 1px solid var(--hd-border);
}
html.app-dark .bottom-nav .nav-label { color: var(--hd-text-2); }

/* ---------- 弹层 ---------- */
/* layui layer 弹窗（layer.msg / 登录等） */
html.app-dark .layui-layer {
  background: var(--hd-surface);
  color: var(--hd-text);
  box-shadow: 0 8px 30px rgba(0,0,0,0.6);
}
html.app-dark .layui-layer-title {
  background: var(--hd-elevated);
  color: var(--hd-text);
  border-bottom: 1px solid var(--hd-border);
}
html.app-dark .layui-layer-content { color: var(--hd-text); }
html.app-dark .layui-layer-btn a {
  background: var(--hd-elevated);
  color: var(--hd-text);
  border-color: var(--hd-border);
}
/* layer.msg 轻提示：固定为高对比深色胶囊（深底白字），不跟随各页 --hd 浅色 token。
   原先复用 .layui-layer 的 var(--hd-surface)/var(--hd-text)，在强制浅色页(详情/设置等)会变成
   浅底+深字且边框极淡，底框与文字对比不足。仅作用于 .layui-layer-msg，不影响确认/对话弹窗。 */
html.app-dark .layui-layer.layui-layer-msg {
  background: rgba(28, 28, 36, 0.92) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);
}
html.app-dark .layui-layer.layui-layer-msg .layui-layer-content { color: #ffffff !important; }
/* bootstrap 模态 */
html.app-dark .modal-content {
  background: var(--hd-surface);
  color: var(--hd-text);
  border: 1px solid var(--hd-border);
}
html.app-dark .modal-header,
html.app-dark .modal-footer { border-color: var(--hd-border); }

/* ---------- 顶部 appbar 统一为主色渐变（全站标题栏一致）---------- */
/* .page_header 是各子页通用标题栏（~21 页）；原多为橙色，统一为主色渐变 */
/* !important 压各页内联 .page_header 的橙色背景 */
html.app-dark .page_header { background: var(--hd-grad) !important; }
html.app-dark .page_header .header_title,
html.app-dark .page_header .header-title { color: #fff; }


/* =========================================
   Universal Bottom Nav Active Style
   (Matches mobile/game/game_center style)
   ========================================= */
html.app-dark body .bottom-nav .nav-item.active .nav-label {
    color: var(--acg-rose, #ff8fa3) !important;
    font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(255, 143, 163, 0.5) !important;
}
/* icon 着色: 非激活降饱和, 激活恢复 + 玫红色调滤镜 */
html.app-dark body .bottom-nav .nav-item:not(.active) .nav-icon img {
    filter: brightness(0) saturate(0%) invert(80%) sepia(20%) hue-rotate(320deg) !important;
    opacity: 0.55 !important;
}
html.app-dark body .bottom-nav .nav-item.active .nav-icon img {
    filter: brightness(0) saturate(100%) invert(60%) sepia(60%) saturate(500%) hue-rotate(310deg) !important;
    opacity: 1 !important;
}

/* =========================================================
 * 账号体系品牌重着色 —— ACG 玫红夜空
 * login.html 内联保留了旧橙色 CTA / 强调色（#FFA13C→#FF6B16 / #FF7E00），
 * 与全局色系不一致。这里统一改为主色渐变 --hd-grad / 强调色 --hd-accent。
 * 共用同一套橙色的登录 / 注册 / 找回 / 结果 按钮一并覆盖。
 * 本轮聚焦核对：登录屏。
 * ========================================================= */

/* 主 CTA：旧橙色渐变 → 金玫渐变（对齐首页），阴影改玫红调 */
html.app-dark .modal_login_btn,
html.app-dark .registered_modal_pub_btn,
html.app-dark .registered_modal_next_btn,
html.app-dark .quick_register_btn,
html.app-dark .get_back_pwd_modal_one_btn,
html.app-dark .get_back_pwd_modal_two_btn,
html.app-dark .get_back_pwd_modal_three_btn,
html.app-dark .result_btn {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    color: #2D1018 !important;
    box-shadow: 0 6px 16px rgba(196, 69, 105, 0.30) !important;
}
/* CTA 内嵌 <p> 文案随之转深色（重置密码 / 结果页按钮） */
html.app-dark .get_back_pwd_modal_three_btn p,
html.app-dark .result_btn p {
    color: #2D1018 !important;
}

/* 输入聚焦描边：旧橙 #FF7E00 → 玫红，并补一圈柔和外发光（不改 2px 边框宽度，避免布局抖动） */
html.app-dark .input_wrapper:focus-within,
html.app-dark .form_input_container:focus-within {
    border-color: var(--hd-accent) !important;
    box-shadow: 0 0 0 3px rgba(255, 143, 177, 0.15) !important;
}

/* 文字强调：去注册 / 获取验证码 → 玫红强调色 */
html.app-dark .new_user,
html.app-dark .get_yanzhengma,
html.app-dark .get_yanzhengma p,
html.app-dark .input_wrapper .get_yanzhengma,
html.app-dark .input_wrapper .get_yanzhengma p {
    color: var(--hd-accent) !important;
}

/* =========================================================
 * 账号体系星空紫主题 —— ACG 玫红夜空（作用域 .auth_sky）
 * 登录 / 注册 / 找回(邮箱·重置密码) 等全部认证全屏弹层共用。
 * 各容器已在 login.html 加 .auth_sky 标记类，统一改写
 * 背景 / 磨砂面板 / 输入行 / 聚焦 / logo / hero / CTA，沿用原 class 与 JS。
 * ========================================================= */

/* 静态容器补定位上下文，保证星空层 ::after 正确铺满 */
html.app-dark .auth_sky.get_back_pwd_modal_one,
html.app-dark .auth_sky.get_back_pwd_modal_two,
html.app-dark .auth_sky.get_back_pwd_modal_email,
html.app-dark .auth_sky.get_back_pwd_modal_question,
html.app-dark .auth_sky.get_back_pwd_modal_three,
html.app-dark .auth_sky.get_back_pwd_modal_four { position: relative; }

/* 暗夜玫瑰夜空：深酒红渐变基底 + 多团玫红/金玫星云 + 闪烁发光星点
   对齐首页 index_anime 暗夜玫瑰金玫，玫红大面积铺满上半屏做星云感。
   ⚠️ 关键：选择器用 .auth_sky.auth_sky 双类提权(0,3,1)，并在本元素上重定义 --hd-* 令牌，
   让登录/注册/找回弹窗自带暗夜玫瑰皮 —— 不被宿主页污染。
   (例：详情页 game-detail.css 把 html.app-dark 的 --hd-* 强制成浅色薄荷调，
    弹窗里所有 var(--hd-*) 文字/底色就会跟着翻白；在更近的 .auth_sky 上重定义即可隔离。) */
html.app-dark .auth_sky.auth_sky {
    --hd-bg: #1A0610;
    --hd-surface: #3A1228;
    --hd-elevated: #4A1A28;
    --hd-border: rgba(255, 192, 159, 0.32);
    --hd-text: #FFF0E0;
    --hd-text-2: #E8B7A8;
    --hd-text-3: #C9A98C;
    --hd-accent: #FF8FA3;
    --hd-accent-2: #FFC09F;
    --hd-grad: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%);
    background:
        radial-gradient(72% 48% at 18% 6%, rgba(255, 90, 160, 0.42), rgba(26, 6, 16, 0) 60%),
        radial-gradient(74% 50% at 85% 9%, rgba(255, 143, 181, 0.40), rgba(26, 6, 16, 0) 60%),
        radial-gradient(125% 72% at 50% -14%, rgba(196, 69, 105, 0.55), rgba(255, 143, 163, 0.30) 40%, rgba(26, 6, 16, 0) 74%),
        radial-gradient(95% 58% at 50% 36%, rgba(200, 70, 115, 0.24), rgba(26, 6, 16, 0) 66%),
        radial-gradient(125% 72% at 50% 124%, rgba(130, 35, 65, 0.32), rgba(26, 6, 16, 0) 70%),
        linear-gradient(180deg, #2A0F1F 0%, #1F0B17 48%, #140208 100%) !important;
    background-repeat: no-repeat !important;
}

/* 闪烁星空层：浮在底色之上、内容之下 */
html.app-dark .auth_sky::after {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background:
        radial-gradient(2.5px 2.5px at 12% 13%, #fff, rgba(255, 190, 225, 0.3) 40%, transparent 70%),
        radial-gradient(2px 2px at 80% 10%, rgba(255, 255, 255, 0.92), transparent 62%),
        radial-gradient(1.5px 1.5px at 26% 21%, rgba(255, 255, 255, 0.8), transparent 62%),
        radial-gradient(2.5px 2.5px at 46% 7%, #fff, rgba(255, 200, 170, 0.3) 40%, transparent 70%),
        radial-gradient(1.5px 1.5px at 64% 17%, rgba(255, 255, 255, 0.82), transparent 62%),
        radial-gradient(2px 2px at 91% 25%, rgba(255, 255, 255, 0.85), transparent 62%),
        radial-gradient(1.5px 1.5px at 8% 32%, rgba(255, 255, 255, 0.72), transparent 62%),
        radial-gradient(1.5px 1.5px at 70% 31%, rgba(255, 255, 255, 0.75), transparent 62%),
        radial-gradient(2px 2px at 36% 34%, rgba(255, 255, 255, 0.72), transparent 62%),
        radial-gradient(1.5px 1.5px at 92% 43%, rgba(255, 255, 255, 0.66), transparent 62%),
        radial-gradient(1.5px 1.5px at 18% 47%, rgba(255, 255, 255, 0.62), transparent 62%),
        radial-gradient(1.5px 1.5px at 56% 45%, rgba(255, 255, 255, 0.62), transparent 62%);
    background-repeat: no-repeat;
    animation: lg-twinkle 3.6s ease-in-out infinite !important;
}
@keyframes lg-twinkle { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }

/* 内容层置于星空之上（div / 按钮 / 段落；不动可能 fixed 的关闭图标 img） */
html.app-dark .auth_sky > div,
html.app-dark .auth_sky > button,
html.app-dark .auth_sky > p { position: relative; z-index: 2; }

/* 返回箭头 / 关闭 X (.close_login_modal：common_btn_back / common_btn_close_n) 是固定深色图，
   深酒红底上暗对暗看不见 → 转成玫金亮色(与暗夜玫瑰页返回键同款滤镜)，保证可见且贴合主题 */
html.app-dark .auth_sky .close_login_modal {
    filter: brightness(0) invert(1) sepia(0.5) saturate(450%) hue-rotate(320deg);
    opacity: 0.92;
}

/* 容器内边距收紧到两侧 24px */
html.app-dark .auth_sky .newModalBox-login { padding: 0 24px 24px !important; }

/* logo：圆角 + 玫红光晕 */
html.app-dark .auth_sky .login-logo { padding: 18px 0 16px; }
html.app-dark .auth_sky .login-logo img {
    width: 76px; height: 76px; border-radius: 22px;
    box-shadow:
        0 0 0 6px rgba(255, 143, 163, 0.10),
        0 8px 26px rgba(196, 69, 105, 0.55),
        0 0 64px rgba(255, 143, 163, 0.42);
}

/* hero 标题 / 副标题 */
html.app-dark .auth_sky .login_hero_title {
    text-align: center; font-size: 25px; font-weight: 500;
    color: var(--hd-text); margin: 0 0 8px; letter-spacing: 0.5px;
}
html.app-dark .auth_sky .login_hero_sub {
    text-align: center; font-size: 13px; color: var(--hd-text-2); margin: 0 0 22px;
}

/* 磨砂玻璃表单面板：紫调半透 + 玫红紫微光描边（不支持 backdrop-filter 时回退为更实底色） */
html.app-dark .auth_sky .input_group_wrapper {
    background: rgba(58, 18, 40, 0.78) !important;
    border: 1px solid rgba(255, 192, 159, 0.24) !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(255, 143, 163, 0.06) inset !important;
    padding: 20px 16px !important;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html.app-dark .auth_sky .input_group_wrapper {
        background: rgba(58, 18, 40, 0.46) !important;
        -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
    }
}

/* 输入行：半透磨砂 + 图标引导 + 左对齐 */
html.app-dark .auth_sky .input_container { margin: 0 0 14px !important; }
html.app-dark .auth_sky .input_container:last-child { margin-bottom: 0 !important; }
html.app-dark .auth_sky .input_wrapper,
html.app-dark .auth_sky .form_input_container {
    height: 54px !important;
    background: rgba(255, 192, 159, 0.06) !important;
    border: 1px solid rgba(255, 192, 159, 0.18) !important;
    border-radius: 15px !important;
    padding: 0 16px !important;
    gap: 12px;
}
html.app-dark .auth_sky .login_ficon {
    flex: 0 0 auto; display: flex; align-items: center; color: var(--hd-text-2);
}
html.app-dark .auth_sky .login_ficon svg { width: 20px; height: 20px; display: block; }

/* 行内字段：透明底 + 浅色文字（覆盖 transparent_input / form_input_field / 各 modal_* 输入 / select） */
html.app-dark .auth_sky .input_wrapper input,
html.app-dark .auth_sky .input_wrapper select,
html.app-dark .auth_sky .form_input_container input {
    background: transparent !important; border: none !important;
    color: var(--hd-text) !important; font-size: 15px !important;
}
html.app-dark .auth_sky .input_wrapper input::placeholder,
html.app-dark .auth_sky .form_input_container input::placeholder { color: var(--hd-text-3) !important; }

/* 标签文字（input_label / form_input_label）浅色 */
html.app-dark .auth_sky .input_label,
html.app-dark .auth_sky .form_input_label { color: var(--hd-text) !important; }

/* 密保问题 select / input 同步星空紫 */
html.app-dark .auth_sky .mobile-mibao-select,
html.app-dark .auth_sky .mobile-mibao-input {
    background: rgba(255, 192, 159, 0.06) !important;
    border: 1px solid rgba(255, 192, 159, 0.18) !important;
    border-radius: 12px !important; color: var(--hd-text) !important;
}

/* 图标引导行：图标后的输入值左对齐、撑满 */
html.app-dark .auth_sky .login_ficon + input {
    flex: 1; width: auto !important; height: auto !important;
    margin: 0 !important; padding: 0 !important; text-align: left !important;
}

/* 聚焦态：玫红描边 + 图标变色 + 柔光圈 */
html.app-dark .auth_sky .input_wrapper:focus-within,
html.app-dark .auth_sky .form_input_container:focus-within {
    border-color: #FF8FA3 !important;
    background: rgba(255, 143, 163, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(255, 143, 163, 0.14) !important;
}
html.app-dark .auth_sky .input_wrapper:focus-within .login_ficon,
html.app-dark .auth_sky .form_input_container:focus-within .login_ficon { color: var(--hd-accent); }

/* 账号历史下拉箭头随新行高微调 */
html.app-dark .auth_sky .pulldown { right: 16px; }

/* CTA：金玫渐变 + 发光 + 字距（对齐首页下载主按钮） */
html.app-dark .auth_sky .modal_login_btn {
    height: 52px; border-radius: 16px;
    font-size: 17px; letter-spacing: 4px;
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    color: #2D1018 !important;
    box-shadow: 0 10px 26px rgba(196, 69, 105, 0.40) !important;
}

/* 链接：忘记密码与去注册统一玫红 */
html.app-dark .auth_sky .fogget_pwd { color: var(--hd-accent) !important; }

/* 找回流程联系客服 / 切换找回方式 等内联橙字 → 玫红 */
html.app-dark .auth_sky span[onclick="contactCustomerService()"],
html.app-dark .auth_sky .get_back_pwd_modal_two_intoemail span,
html.app-dark .auth_sky .get_back_pwd_modal_two_intotell span { color: var(--hd-accent) !important; }

/* =========================================================
 * 找回流程步骤进度条：橙(#FF8C00/#ffd2b8) → 星空紫
 * 选择器与 login.html 内联块一一对应（同优先级，app_dark.css 在后取胜）
 * ========================================================= */
/* 未激活态 */
html.app-dark .step-circle { background: var(--hd-elevated) !important; color: var(--hd-text-3) !important; }
html.app-dark .step-label  { color: var(--hd-text-3) !important; }
html.app-dark .step-line   { background: var(--hd-border) !important; }
/* 已激活圆点 */
html.app-dark .step-1-active .step-1,
html.app-dark .step-2-active .step-1, html.app-dark .step-2-active .step-2,
html.app-dark .step-3-active .step-1, html.app-dark .step-3-active .step-2, html.app-dark .step-3-active .step-3,
html.app-dark .step-4-active .step-1, html.app-dark .step-4-active .step-2, html.app-dark .step-4-active .step-3, html.app-dark .step-4-active .step-4 {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important; color: #2D1018 !important;
}
/* 已激活文字 */
html.app-dark .step-1-active .step-1-label,
html.app-dark .step-2-active .step-1-label, html.app-dark .step-2-active .step-2-label,
html.app-dark .step-3-active .step-1-label, html.app-dark .step-3-active .step-2-label, html.app-dark .step-3-active .step-3-label,
html.app-dark .step-4-active .step-1-label, html.app-dark .step-4-active .step-2-label, html.app-dark .step-4-active .step-3-label, html.app-dark .step-4-active .step-4-label {
    color: var(--hd-accent) !important;
}
/* 已激活连接线 */
html.app-dark .step-2-active .line-1,
html.app-dark .step-3-active .line-1, html.app-dark .step-3-active .line-2,
html.app-dark .step-4-active .line-1, html.app-dark .step-4-active .line-2, html.app-dark .step-4-active .line-3 {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
}