/* 13-light-mode.css · 源 测试版v.6b79.html 第 6422-6518 行（原样搬运，仅 url 路径退两级） */
/* ===== 浅色模式分区撞色（2026-10-22 用户要求）=====
   ★ 修正版：只用「白 / 浅灰 / 灰」三级，级差 8~12，交界一律 1px 中性描边收边，
     不再堆叠十几个相近灰档（那是上一版看起来「斑驳、不自然」的根因）。
   ① 关键帧浮窗：上部（标题+工具行）一整条灰带、刻度尺+左列轨道名一档灰；轨道区灰白棋盘
   ② 旧操作模式 Molang 编辑区：比面板再灰一档的「代码面」，带描边
   ③ 导入/导出等弹窗、设置面板：头部灰、正文白、底栏浅灰；导航列灰 */
body.light-mode .keyframe-window { background: var(--lm-panel); }
/* 标题与工具行合并为同一条灰带，只在灰带底部画一条分隔线 */
body.light-mode .keyframe-window-header {
    background: var(--lm-head);
    border-bottom: none;
}
body.light-mode .keyframe-timeline-controls {
    background: var(--lm-head);
    margin: -6px -10px 8px;
    padding: 6px 10px 8px;
    border-bottom: 1px solid var(--lm-border);
}
body.light-mode .keyframe-timeline-ruler {
    background: var(--lm-alt);
    border-bottom: 1px solid var(--lm-border);
}
/* 左列：整条灰底（覆盖行间空隙），行内容仍按 active/hover 微调 */
body.light-mode .keyframe-timeline-container::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: var(--kf-gutter);
    background: var(--lm-alt);
    border-right: 1px solid var(--lm-border);
    border-radius: 3px 0 0 3px;
    z-index: 4;
    pointer-events: none;
}
body.light-mode .kf-track-head-item { background: transparent; border-right-color: transparent; }
body.light-mode .keyframe-timeline-bg { border-radius: 0 3px 3px 0; }

/* 旧操作模式 Molang 编辑区：比侧栏面板更灰一档，明确定位为「代码面」 */
body.light-mode .molang-editor:not(.kf-seg-editor) .molang-highlight {
    background: var(--lm-editor);
    border-color: var(--lm-border);
}
body.light-mode .molang-editor:not(.kf-seg-editor) .molang-textarea {
    border-color: var(--lm-border);
}
/* 数值表：表头灰带、行底白 —— 原来表头是 rgba(148,163,184) 的蓝灰叠色，是浅色下发脏的另一处来源 */
body.light-mode .molang-vals-head { background: var(--lm-alt); }
body.light-mode .batch-sec > .molang-vals-head {
    background: var(--lm-alt);
    border-bottom-color: var(--lm-border);
}
body.light-mode .molang-vals-grid { background: var(--lm-card); }
body.light-mode .batch-sec > .molang-vals-grid { background: transparent; }

/* 导入 / 导出等 io 弹窗：头部灰、正文白、底栏浅灰 */
body.light-mode .io-head {
    background: var(--lm-head);
    border-bottom-color: var(--lm-border);
}
body.light-mode .io-body { background: var(--lm-card); }
body.light-mode .io-actions {
    margin: 16px -16px -16px;
    padding: 12px 16px 14px;
    /* 与头部同档灰：上下对称夹住正文白，只保留一种「栏带灰」，不再多出第五档 */
    background: var(--lm-head);
    border-top: 1px solid var(--lm-border);
}
body.light-mode .io-textarea {
    background: var(--lm-input);
    border-color: var(--lm-border);
}
body.light-mode .io-shell .modal-input-text {
    background: var(--lm-input);
    border-color: var(--lm-border);
}

/* 关键帧导入 / 方块选择浮层：标题灰带 */
body.light-mode .keyframe-import-content { background: var(--lm-card); }
body.light-mode .keyframe-import-title {
    margin: -20px -20px 12px;
    padding: 14px 20px;
    background: var(--lm-head);
    border-bottom: 1px solid var(--lm-border);
    border-radius: 16px 16px 0 0;
}
body.light-mode .keyframe-import-textarea {
    background: var(--lm-input);
    border-color: var(--lm-border);
}

/* 设置面板：头部灰带、左分类栏灰、内容区白 */
body.light-mode .ui-settings-head {
    background: var(--lm-head);
    border-bottom-color: var(--lm-border);
}
body.light-mode .ui-settings-nav { background: var(--lm-alt); border-right-color: var(--lm-border); }
body.light-mode .ui-settings-scroll { background: var(--lm-card); }