/* ============================================================
 * 背景主题（theme.css）—— 季节装饰 + 夜间护眼
 *   由 <html> 上的类切换：
 *     html.season-spring / -summer / -autumn / -winter
 *     html.night
 *   只改颜色与背景装饰，不改任何布局与交互逻辑。
 *   本文件必须在 style / paintree / level 之后加载，才能靠
 *   更高的选择器权重覆盖前面各文件的硬编码颜色。
 * ============================================================ */

/* ------------------------------------------------------------
 * 一、季节装饰粒子（春花瓣 / 夏气泡 / 秋落叶 / 冬雪花）
 *     具体 emoji 由 js 注入到 #skyFx 里的 <span>
 * ------------------------------------------------------------ */
.sky-fx { position: absolute; inset: 0; overflow: hidden; }
.sky-fx span {
  position: absolute; top: -48px; line-height: 1;
  opacity: .92; will-change: transform;
  animation: seasonFall linear infinite;
}
@keyframes seasonFall {
  0%   { transform: translateY(-48px) translateX(0) rotate(0deg); }
  100% { transform: translateY(110vh) translateX(28px) rotate(340deg); }
}
/* 夏天：气泡往上飘 */
.sky-fx.fx-rise span { top: auto; bottom: -48px; animation-name: seasonRise; }
@keyframes seasonRise {
  0%   { transform: translateY(0) scale(.85); opacity: 0; }
  14%  { opacity: .85; }
  100% { transform: translateY(-96vh) scale(1.05); opacity: 0; }
}

/* 尊重「减少动态效果」：直接不显示季节粒子 */
@media (prefers-reduced-motion: reduce) {
  .sky-fx { display: none; }
}
/* 流畅模式：同样省掉粒子动画 */
html.lite-mode .sky-fx { display: none; }

/* ------------------------------------------------------------
 * 二、四季配色 —— 绿意 / 浓绿 / 暖黄 / 雪白
 * ------------------------------------------------------------ */

/* 春（默认绿意，仅把太阳调得暖一点） */
html.season-spring .sky .sun {
  background: radial-gradient(circle at 35% 35%, #fff2b8, #ffd24d 62%, #ffb200);
}

/* 夏：更浓的绿 + 偏青的草地 */
html.season-summer .sky .hills {
  background:
    radial-gradient(60% 100% at 22% 100%, #86dc7a 0 70%, transparent 71%),
    radial-gradient(52% 100% at 62% 100%, #a2e88c 0 70%, transparent 71%),
    radial-gradient(48% 100% at 92% 100%, #6fd069 0 70%, transparent 71%);
}
html.season-summer .sky .grass { background: linear-gradient(180deg, #9fe3a0 0%, #6fce8f 45%, #48bf85 100%); }

/* 秋：暖黄橙 */
html.season-autumn .sky .hills {
  background:
    radial-gradient(60% 100% at 22% 100%, #f6cf76 0 70%, transparent 71%),
    radial-gradient(52% 100% at 62% 100%, #ffdf94 0 70%, transparent 71%),
    radial-gradient(48% 100% at 92% 100%, #eab85a 0 70%, transparent 71%);
}
html.season-autumn .sky .grass { background: linear-gradient(180deg, #ffe1a0 0%, #f3bd6a 45%, #e6a44e 100%); }

/* 冬：雪白 + 冷调太阳 */
html.season-winter .sky .hills {
  background:
    radial-gradient(60% 100% at 22% 100%, #f2f8ff 0 70%, transparent 71%),
    radial-gradient(52% 100% at 62% 100%, #ffffff 0 70%, transparent 71%),
    radial-gradient(48% 100% at 92% 100%, #e6f0fb 0 70%, transparent 71%);
}
html.season-winter .sky .grass { background: linear-gradient(180deg, #ffffff 0%, #eef4fb 45%, #dde9f6 100%); }
html.season-winter .sky .sun {
  background: radial-gradient(circle at 35% 35%, #fffdf2, #f2ead2 62%, #e6dcc0);
  box-shadow: 0 0 24px 8px rgba(255, 250, 224, .5);
}

/* ------------------------------------------------------------
 * 三、夜空星点（仅夜间显示）
 * ------------------------------------------------------------ */
.sky .stars {
  position: absolute; inset: 0; opacity: 0; transition: opacity .6s ease;
  background-repeat: no-repeat;
  background-image:
    radial-gradient(1.6px 1.6px at 12% 16%, #fff, transparent),
    radial-gradient(1.3px 1.3px at 26% 8%,  #d7e4ff, transparent),
    radial-gradient(1.8px 1.8px at 41% 22%, #fff, transparent),
    radial-gradient(1.2px 1.2px at 55% 11%, #cfe0ff, transparent),
    radial-gradient(1.5px 1.5px at 69% 19%, #fff, transparent),
    radial-gradient(1.3px 1.3px at 83% 7%,  #e6efff, transparent),
    radial-gradient(1.7px 1.7px at 92% 24%, #fff, transparent),
    radial-gradient(1.2px 1.2px at 18% 34%, #d7e4ff, transparent),
    radial-gradient(1.4px 1.4px at 47% 40%, #fff, transparent),
    radial-gradient(1.6px 1.6px at 74% 33%, #fff, transparent),
    radial-gradient(1.2px 1.2px at 88% 44%, #cfe0ff, transparent),
    radial-gradient(1.5px 1.5px at 33% 50%, #fff, transparent);
}

/* ============================================================
 * 四、夜间护眼（html.night）
 * ============================================================ */

/* 4.1 变量：把整套浅色令牌换成深色（卡片 / 文字 / 描边 / 各分类浅底） */
html.night {
  --bg: #182440;
  --card: #202d49;
  --ink: #e9eefb;
  --ink-2: #aab8d6;
  --zhub: #b9c8e4;          /* 夜间：拼音小帽子用浅蓝灰，比主字淡一档 */
  --line: #303f5e;
  --blue-soft: #26374f;
  --green-soft: #1f3a33;
  --orange-soft: #382c20;
  --purple-soft: #2b2743;
  --pink-soft: #3a2530;
  --teal-soft: #1e3a3a;
  --yellow-soft: #38311d;
  --cat-sm-soft: #26374f;
  --cat-ym-soft: #1e3a3a;
  --cat-zt-soft: #382c20;
  --ok-soft: #1f3a33;
  --err-soft: #3a2c1c;
  --shadow: 0 4px 0 rgba(0, 0, 0, .30), 0 8px 20px rgba(0, 0, 0, .28);
  --shadow-lg: 0 6px 0 rgba(0, 0, 0, .34), 0 14px 28px rgba(0, 0, 0, .34);
}
html.night body {
  background: linear-gradient(180deg, #0e1830 0%, #15223d 42%, #1a2a47 70%, #213254 100%);
}

/* 4.2 夜空：太阳→月亮，云变暗，草地变深，星星亮起 */
html.night .sky .stars { opacity: 1; }
html.night .sky .sun {
  background: radial-gradient(circle at 38% 36%, #ffffff, #e8eefb 60%, #cdd8ee);
  box-shadow: 0 0 26px 8px rgba(220, 232, 255, .42), 0 0 60px 22px rgba(190, 210, 255, .16);
}
html.night .sky .cloud { background: #3a4a68; opacity: .8; }
html.night .sky .cloud::before, html.night .sky .cloud::after { background: #3a4a68; }
html.night .sky .hills {
  background:
    radial-gradient(60% 100% at 22% 100%, #21324f 0 70%, transparent 71%),
    radial-gradient(52% 100% at 62% 100%, #26395a 0 70%, transparent 71%),
    radial-gradient(48% 100% at 92% 100%, #1c2c47 0 70%, transparent 71%);
}
html.night .sky .grass { background: linear-gradient(180deg, #24365a 0%, #1d2c49 45%, #172440 100%); }

/* 4.3 顶栏 / 底部栏 / 侧栏 / 页脚 */
html.night .topbar {
  background: rgba(23, 34, 56, .94) !important;
  border-bottom-color: #2c3f5e !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html.night .brand-text h1 { color: #cfe0ff; }
html.night .brand-text p { color: var(--ink-2); }
html.night .top-star, html.night .top-drawer-btn {
  background: #263652 !important; border-color: #33435f !important; color: #c3d2ec !important;
}
html.night .footer { background: transparent; color: var(--ink-2); }
html.night .footer .copy { color: var(--ink-2); }

/* 4.4 主要面板与卡片（默认卡面走 --card，这里补描边与个别硬编码底） */
html.night .workbench,
html.night .side-card,
html.night .panel,
html.night .rv-item,
html.night .rest-card,
html.night .weekly-card,
html.night .more-sheet,
html.night .toast { border-color: #2e3d5c !important; }
html.night .card:not(.sm):not(.yun):not(.zt):not(.learned) { border-color: #33435f !important; }
html.night .side-card h3,
html.night .section-head h2,
html.night .view-cta .vc-text,
html.night .wk-head h3,
html.night .home-last,
html.night .score-bar,
html.night .lv-title, html.night .lv-qno, html.night .lv-prompt,
html.night .lv-intro-title, html.night .lv-intro-sec h4, html.night .lv-result-title,
html.night .ptree-head h3, html.night .pt-colhead, html.night .pt-bigpy,
html.night .ptree-medal-box h4, html.night .ptree-report summary, html.night .lv-diag summary,
html.night .rs-gname, html.night .tr-py, html.night .rv-py, html.night .lv-zi-char,
html.night .lv-zi-opt-char, html.night .lv-car-char { color: #d3e2ff; }

/* 4.5 说明 / 次要文字统一提亮 */
html.night .desc, html.night .side-tip, html.night .rule-text,
html.night .lv-desc, html.night .lv-intro-desc, html.night .lv-intro-types,
html.night .pt-row .pk, html.night .pt-ex, html.night .lv-wrong-tip { color: #9fb0cc; }

/* 4.6 按钮 / 标签 / 输入控件（原来是浅色胶囊） */
html.night .subtab, html.night .filter-chip, html.night .mchip,
html.night .tool-btn, html.night .cat-chip { background: #263652 !important; border-color: #33435f !important; color: #c3d2ec !important; }
html.night .tool-btn.primary,
html.night .lv-btn.primary { background: var(--blue) !important; border-color: #2b7fe0 !important; color: #fff !important; }
html.night .set-row select,
html.night .set-row input[type="text"] { background: #263652 !important; border-color: #33435f !important; color: var(--ink) !important; }
html.night .set-switch .slider { background: #3a4a68; }
html.night .set-switch .slider::before { background: #e9eefb; }

/* 4.7 测验 / 拼读 / 声调 的作答选项 */
html.night .choice-btn, html.night .quiz-opt, html.night .lv-opt {
  background: #263652 !important; border-color: #33435f !important; color: #dbe6ff !important;
}
html.night .lv-back, html.night .lv-btn, html.night .lv-replay {
  background: #263652 !important; border-color: #33435f !important; color: #c3d2ec !important;
}
html.night .choice-btn.right, html.night .quiz-opt.right, html.night .lv-opt.right {
  background: #1f3a33 !important; border-color: var(--ok) !important; color: #8fe0b6 !important;
}
html.night .choice-btn.wrong, html.night .quiz-opt.wrong, html.night .lv-opt.wrong {
  background: #3a2c1c !important; border-color: var(--err) !important; color: #ffd9a6 !important;
}

/* 4.8 首页模块卡与今日任务 */
html.night .home-mod { background: #263652 !important; border-color: #33435f !important; color: #dbe6ff !important; }
html.night .home-goal { background: #2e2a1a !important; border-color: #4e4527 !important; }
html.night .home-goal .go-title { color: #ffd98a; }
html.night .home-goal .go-item { background: #24200f !important; border-color: #4e4527 !important; color: #e8d59a !important; }
html.night .home-last { color: var(--ink-2); }

/* 4.9 拼音闯关（level.css）—— 白卡换成深卡 */
html.night .lv-card, html.night .lv-result, html.night .lv-intro-sec,
html.night .lv-zi-card, html.night .lv-train-car, html.night .lv-zi-opt,
html.night .lv-wrong-item { background: #263652 !important; border-color: #33435f !important; color: #dbe6ff !important; }
html.night .lv-stage { background: linear-gradient(180deg, #1f2f4c 0%, #223350 100%) !important; }
html.night .lv-ch-tip, html.night .lv-diag { background: #263652 !important; border-color: #33435f !important; }
/* 挑战开场页的两张玩法卡（挑战一 / 挑战二） */
html.night .lv-mode { background: #263652 !important; border-color: #33435f !important; color: #dbe6ff !important; box-shadow: 0 5px 0 rgba(0, 0, 0, .3) !important; }
html.night .lv-mode-gb { border-color: #4e4527 !important; }
html.night .lv-mode-name { color: #dbe6ff; }
html.night .lv-mode-gb .lv-mode-name { color: #ffd98a; }
html.night .lv-mode-sub { color: #a9bcdc; }
/* 关卡地图「收起来的几关」折叠条 */
html.night .lv-fold { background: #22334f; border-color: #3a4d70; color: #c3d2ec; }
html.night .lv-fold:hover { background: #263c5c; border-color: #4f7ba8; }
html.night .lv-fold-go { background: #263652; border-color: #3f7ab8; color: #9ed0ff; }
html.night .lv-zi-sec { background: linear-gradient(180deg, #302a1a 0%, #2a2517 100%) !important; border-color: #4e4527 !important; }
html.night .lv-zi-card .lv-zi-char, html.night .lv-car-char { color: #d3e2ff; }
html.night .lv-zi-py, html.night .lv-car-py { color: #ffc061; }
html.night .lv-zi-card.right, html.night .lv-zi-opt.right { background: #1f3a33 !important; border-color: var(--ok) !important; }
html.night .lv-zi-opt.wrong { background: #3a2c1c !important; border-color: var(--err) !important; }
html.night .lv-wrong { background: #2c2418 !important; border-color: #4e3f27 !important; }
html.night .lv-wrong-item { border-color: #5a4a2c !important; }
html.night .lv-zigame-btn { background: linear-gradient(180deg, #38311d 0%, #2f2a19 100%) !important; color: #ffd98a !important; border-color: #4e4527 !important; }
html.night .lv-no { background: var(--blue); color: #fff; }
html.night .lv-total { color: var(--ink); }

/* 4.10 我的拼音树（paintree.css） */
html.night .ptree-modal { background: #202d49 !important; box-shadow: 0 10px 0 rgba(0,0,0,.35), 0 24px 48px rgba(0,0,0,.4) !important; }
html.night .ptree-stagebox { background: #1b2740 !important; border-color: #2e3d5c !important; }
html.night .pt-mini-svg { background: linear-gradient(180deg, #1b2740 0%, #1e2d3f 100%) !important; box-shadow: 0 0 0 2px #2e3d5c, 0 4px 10px rgba(0,0,0,.3) !important; }
html.night .pt-col, html.night .pt-bchip, html.night .pt-medal,
html.night .pt-tone-btn, html.night .pt-tone-ok, html.night .rs-group { background: #263652 !important; border-color: #33435f !important; }
html.night .ptree-report, html.night .rs-group { background: #263652 !important; }
html.night .pt-colhead, html.night .pt-bigpy, html.night .ptree-head h3 { color: #d3e2ff; }
html.night .pt-chip { background: #2b3a58 !important; border-color: #3b4b6b !important; }
html.night .pt-chip-py, html.night .pt-chip-f { color: #b9c7e2; }
html.night .rs-chip { background: #2b3a58 !important; border-color: #3b4b6b !important; }
html.night .rs-py { color: #b9c7e2; }
html.night .rs-gbtn { background: #2b3a58 !important; border-color: #3b4b6b !important; color: #c3d2ec !important; }
html.night .rs-note { background: #302a1a !important; border-color: #4e4527 !important; color: #ffd98a !important; }
html.night .rs-confirm { background: #3a2530 !important; border-color: #5a3540 !important; }
html.night .pt-row { border-bottom-color: #2e3d5c; }

/* 4.11 写一写 / 遮罩 / 弹窗 */
html.night .write-pad, html.night .write-card { background: #202d49 !important; border-color: #2e3d5c !important; }
html.night .drawer-mask, html.night .ptree-mask, html.night .weekly-mask, html.night .rest-mask {
  background: rgba(6, 12, 24, .68);
}

/* 4.12 补齐：其余浅色表面（单元格 / 胶囊 / 小按钮 / 输入框）
   —— 上面逐一列出的都来自代码扫描，避免夜间出现"白色补丁" */
html.night .nav-btn:not(.active),
html.night .tr-play, html.night .rv-play,
html.night .card .zi, html.night .yunmu-pick,
html.night .blend-step, html.night .blend-step .sel-btn,
html.night .syl-cell, html.night .wk-cell, html.night .cf-item,
html.night .write-btn, html.night .how-btn, html.night .lsn-tag,
html.night .tone4-row, html.night .t4-card, html.night .ls-bm,
html.night .lk-z, html.night .write-close,
html.night .tone-slide, html.night .w-row {
  background: #263652 !important; border-color: #33435f !important; color: #c3d2ec !important;
}
html.night .gb { background: #223350 !important; border-color: #33435f !important; }
html.night .k-line { background: #2b2743 !important; border-color: #3d3660 !important; color: #c3b3f0 !important; }
html.night .blend-invalid { background: #3a2530 !important; border-color: #5a3540 !important; color: #ffb3bd !important; }
html.night .blend-note.warn { background: #382c20 !important; border-color: #5a462c !important; color: #ffcf8a !important; }
html.night .audio-notice { background: #2e2a1a !important; border-color: #4e4527 !important; color: #ffe6a8 !important; }
html.night .card.learned { background: #1f3a33 !important; border-color: var(--ok) !important; }
html.night .write-canvas, html.night .stroke-layer { background: #1b2740 !important; border-color: #33435f !important; }

/* 弹层卡片（底部抽屉 / 休息提醒 / 家长周报） */
html.night .more-card, html.night .rest-card, html.night .weekly-card,
html.night .blend-result-bar { background: var(--card) !important; border-color: #2e3d5c !important; }
html.night .mobile-tabs { background: #1a2742 !important; border-top-color: #2c3f5e !important; }

/* 输入框统一深色 */
html.night input, html.night select, html.night textarea {
  background: #263652; border-color: #33435f; color: var(--ink);
}
html.night input::placeholder, html.night textarea::placeholder { color: #7f92b0; }

/* 选中态保持原色（否则会被上面的通用深色压掉） */
html.night .nav-btn.active { background: var(--blue) !important; color: #fff !important; border-color: #2b7fe0 !important; }
html.night .mchip.active, html.night .cat-chip.active { background: var(--blue) !important; color: #fff !important; border-color: #2b7fe0 !important; }
html.night .filter-chip.active { background: var(--green) !important; color: #fff !important; border-color: #2bab63 !important; }
html.night .yunmu-pick.active { background: var(--cat-ym) !important; color: #fff !important; }
html.night .more-title { color: #d3e2ff; }

/* 4.13 保留"彩色状态"：夜间也不能把「已掌握 / 点亮 / 选中」压成一片灰 */
html.night .pt-chip.st-seen, html.night .rs-chip.st-seen { background: #25402f !important; border-color: #3f7a4f !important; }
html.night .rs-chip.st-seen .rs-py { color: #9fe0b6 !important; }
html.night .pt-chip.st-done, html.night .rs-chip.st-done { background: #4a3316 !important; border-color: #c07a20 !important; }
html.night .pt-chip.st-done .pt-chip-py, html.night .pt-chip.st-done .pt-chip-f { color: #ffe6b8 !important; }
html.night .rs-chip.st-done .rs-py { color: #ffd18a !important; }
html.night .pt-chip.st-review, html.night .rs-chip.st-review { background: #3e3320 !important; border-color: #8a6a2a !important; }
html.night .rs-chip.is-pick { background: var(--blue) !important; border-color: #2b7fe0 !important; }
html.night .pt-medal.on { background: #3e3320 !important; border-color: #8a6a2a !important; }
html.night .lv-zi-opt.lit, html.night .lv-train-car.lit { background: #4a3316 !important; border-color: #ff9f1c !important; }
html.night .lv-ch-btn, html.night .lv-challenge-btn,
html.night .lv-ch-badge-mini { background: #3e3320 !important; border-color: #8a6a2a !important; color: #ffd98a !important; }
html.night .lv-chip-more { background: #2b3a58 !important; color: #b9c7e2 !important; }
html.night .lv-feedback { color: #ffd9a6; }

/* 4.9b 拼音方块 · 掉落挑战（level.css 的 .gb-*）—— 深底 + 保留四类彩色砖块 */
html.night .gb-streak { color: #d3e2ff; }
html.night .gb-streak b { color: #ffb765; }
html.night .gb-pace { background: #263652; border-color: #33435f; color: #9fb0cc; }
html.night .gb-pace.gb-spd-t1 { background: #22344f; border-color: #3f7ab8; color: #9ed0ff; }
html.night .gb-pace.gb-spd-t2 { background: #3a2e1f; border-color: #8a5f2a; color: #ffb765; }
html.night .gb-pace.gb-spd-t3 { background: #3e3320; border-color: #8a6a2a; color: #ffd98a; }
html.night .gb-quit { background: #263652; border-color: #33435f; color: #a9bcdc; }
html.night .gb-quit:hover { background: #3a2430; border-color: #7a4048; color: #ffb3b3; }
html.night .gb-cue-tip { color: #9fb0cc; }
html.night .gb-tier {
  background: #263652 !important; border-color: #33435f !important; color: #93a6c4 !important;
}
html.night .gb-tier i { background: rgba(150, 175, 210, .22); }
html.night .gb-tier.ever { background: #3e3320 !important; border-color: #8a6a2a !important; color: #ffd98a !important; }
html.night .gb-tier.on {
  background: linear-gradient(180deg, #ffbf4d 0%, #f59a1c 100%) !important;
  border-color: #f0a72e !important; color: #fff !important;
}
html.night .gb-listen { background: #263652 !important; border-color: #3f7ab8 !important; color: #a9d3ff !important; }
html.night .gb-field {
  background-color: #1b2a45 !important;
  background-image:
    linear-gradient(180deg, #20304e 0%, #1d2c48 60%, #1f3a3a 100%),
    repeating-linear-gradient(90deg, rgba(120, 170, 230, .14) 0 1px, transparent 1px 25%) !important;
  border-color: #33435f !important;
  box-shadow: inset 0 6px 16px rgba(0, 0, 0, .35) !important;
}
html.night .gb-field::after { background: repeating-linear-gradient(45deg, #6b5a2c 0 8px, #55482a 8px 16px); border-top-color: #8a6a2a; }
html.night .gb-flash { background: rgba(24, 34, 54, .95) !important; border-color: #8a6a2a !important; }
html.night .gb-flash-word { color: #ffb765; }
html.night .gb-flash-sub { color: #d8b878; }
html.night .gb-fb { color: #9fb0cc; }
html.night .gb-fb.ok { color: #8fe0b6; }
html.night .gb-fb.warn { color: #ffd9a6; }
html.night .gb-entry {
  background: linear-gradient(180deg, #26374f 0%, #22314a 100%) !important;
  border-color: #3f7ab8 !important; color: #a9d3ff !important;
}
html.night .gb-entry-sub { color: #90a8c8; }
html.night .gb-intro-note { color: #ffd98a !important; }
html.night .gb-result .gb-res-badge { color: #ffd98a; }
html.night .gb-res-badge.gb-res-none { color: #9fb0cc; }

/* ============================================================
 * 4.10 答题全屏正向反馈（建议 3.3）· 夜间配色
 *   —— 白天是白底绿字，夜里换成深底浅字，避免刺眼。
 * ============================================================ */
html.night .big-fx::before { background: radial-gradient(circle at 50% 46%, rgba(63, 201, 123, .16), rgba(63, 201, 123, 0) 62%); }
html.night .big-fx.combo::before { background: radial-gradient(circle at 50% 46%, rgba(255, 176, 60, .2), rgba(255, 176, 60, 0) 64%); }
html.night .big-fx-text { background: rgba(23, 32, 48, .94) !important; color: #8fe0b6 !important; border-color: #2f5749 !important; }
html.night .big-fx.combo .big-fx-text { color: #ffd98a !important; border-color: #6a5330 !important; }

/* ============================================================
 * 4.11 键盘 / 遥控笔聚焦环 · 夜间配色
 *   —— 白天的深蓝描边在深底上不够亮，单独换成浅蓝。
 * ============================================================ */
html.night button:focus-visible, html.night a:focus-visible, html.night [tabindex]:focus-visible,
html.night .tool-btn:focus-visible, html.night .mchip:focus-visible, html.night .subtab:focus-visible,
html.night .filter-chip:focus-visible, html.night .cat-chip:focus-visible, html.night .sel-btn:focus-visible,
html.night .yunmu-pick:focus-visible, html.night .example-chip:focus-visible, html.night .home-mod:focus-visible,
html.night .lv-mode:focus-visible, html.night .lv-fold:focus-visible, html.night .nav-btn:focus-visible,
html.night .mtab:focus-visible, html.night .pick-more:focus-visible, html.night .tc-arrow:focus-visible,
html.night .gb-quit:focus-visible, html.night .wl-btn:focus-visible, html.night .lv-btn:focus-visible {
  outline-color: #7cc0ff;
}