/* ============================================================================
 * dark.css —— 深色皮肤（**目前全系统不启用**）
 *
 *   ★★★ 现状（一号位 2026-10-14 定）：
 *     「界面换成我这个图里面的这种浅色风格，**全系都要用这种浅色的，
 *       不要这种深色的**。」
 *     → `app.js` 的 `setSkin()` 现在**永远只加 `skin-light`**，
 *       所以下面这套 `body.skin-dark` **一个都不会生效**。
 *     ★ 文件保留在仓库里（不删），将来真要做"夜间模式"时改一行就能启用。
 *
 *   ★★ 注意：**隧道纵切色块图（`.tun-*`）的样式已经搬走了** ——
 *     搬到了 `fig_tunnel.css`。
 *     原因：那批规则原来写在这个文件里，却**没有 `body.skin-dark` 前缀**，
 *     而且硬编码了一堆深藏青 —— 于是"把深色关掉"之后，
 *     隧道图上出现了**五块黑斑**（它们根本不是皮肤管的，是写死的）。
 *     现在它们用变量，跟着皮肤走。
 *
 *   ★★ 关键约束（将来真要启用深色时，这条不能破）：
 *     **状态色一个都不许变**。深色皮肤只改「面/底/线/字」，
 *     绿橙红灰五色原样保留 —— 现场工程师来回切的时候，颜色语义必须完全一致。
 * ========================================================================== */

body.skin-dark {
  --bg:          #0E1726;   /* 深藏青（知物云同调） */
  --bg-header:   #101B2D;
  --bg-side:     #0B1421;
  --bg-card:     #16233A;
  --bg-soft:     #1B2A44;
  --bg-hover:    #1E2E4A;
  --bg-active:   #17405C;
  --bg-code:     #0B1421;
  --ink:         #E6EDF7;
  --ink-2:       #9FB0C9;
  --ink-3:       #6B7E99;
  --line:        #22334F;
  --line-strong: #2C4166;
  --brand:       #2FD3D3;
  --brand-dark:  #23B4B4;
  --brand-soft:  #123C4A;
  --brand-text:  #7FE9E9;
  --info:        #58A6E8;
  /* ★ 空位虚线的颜色也要跟着换，否则深底上一条黑虚线看不见 */
  --empty-line:  #3A4F73;
}

/* 深色下输入框/弹窗要压暗，否则弹一个白框出来晃眼 */
body.skin-dark input, body.skin-dark select, body.skin-dark textarea {
  background: var(--bg-soft); border-color: var(--line-strong); color: var(--ink);
}
body.skin-dark .modal { background: var(--bg-card); }
body.skin-dark .modal-foot { background: var(--bg-soft); }
body.skin-dark .modal-mask { background: rgba(0, 0, 0, .6); }
body.skin-dark button.btn { background: var(--bg-soft); }
body.skin-dark table.tb th { background: var(--bg-soft); }
body.skin-dark table.tb tbody tr:hover { background: var(--bg-hover); }

/* 深色下浅灰"空位"格用【透明底 + 虚线边】而不是白底：
   白块在深底上会跳出来抢视线，而"空位"恰恰是最不该被注意的东西。 */
body.skin-dark .sw-empty { background: transparent; border-color: var(--empty-line); }
body.skin-dark .cell-empty {
  background: transparent; border-color: var(--empty-line); color: var(--ink-3);
}