/* ════════════════════════════════════════════════════════════
   fix-readability.css — 文字清晰度 + 画布可读性 收尾层
   必须最后加载（在所有 CSS 之后），用于覆盖前面各层的冲突。

   解决三件事：
   1. Windows 上 -webkit-font-smoothing:antialiased 会关闭 ClearType，
      导致中文发细、发虚。这里改回 auto/subpixel。
   2. 字体栈以 -apple-system 开头，Windows 会回退到 Segoe UI 再回退到
      雅黑，混排导致基线不齐。改为优先系统中文字体。
   3. 画布提示文字过小过淡（15px/14px，灰 #5F5F5F/#767676），对比度不足。
   ════════════════════════════════════════════════════════════ */

/* ── 1. 字体渲染：Windows 走 ClearType ─────────────────────── */
html,
body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-rendering: optimizeLegibility;
}

/* ── 2. 字体栈：优先中文系统字体，避免跨字体回退发虚 ────────── */
:root {
  --font: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC",
          "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC",
          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
body {
  font-family: var(--font);
}

/* ── 3. 画布：空状态提示文字加大加深 ───────────────────────── */
.nw-big {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1D1D1F !important;
  letter-spacing: -0.01em;
}

/* 空状态说明正文（.nw-big 的兄弟提示块） */
#nwStage .nw-empty,
#nwWorld .nw-empty {
  color: #48484A !important;
}
#nwStage .nw-empty div,
#nwWorld .nw-empty div {
  font-size: 13.5px !important;
  line-height: 1.85 !important;
  color: #48484A !important;
}

/* ── 4. 画布节点内文字：提升可读性 ─────────────────────────── */
.nw-title {
  font-size: 13.5px !important;
  font-weight: 650 !important;
  color: #1D1D1F !important;
}
.nw-sub {
  font-size: 11.5px !important;
  color: #6E6E73 !important;
}
.nw-tpllab,
.nw-tooltip,
.nw-tplnote,
.nw-toolrow .nw-toolbusy,
.nw-audtip,
.nw-cost {
  font-size: 12px !important;
  color: #6E6E73 !important;
}

/* 画布小徽标（9px/10px 太小，抬到 10.5/11） */
.nw-chip .nw-chiplabel {
  font-size: 10.5px !important;
}

/* ── 5. 画布缩放时保持文字清晰（避免位图拉伸糊化）────────── */
#nwWorld {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-font-smoothing: auto;
}
/* 文字节点不参与 3D 合成，保持矢量化渲染 */
.nw-title,
.nw-sub,
.nw-big,
.nw-tpllab,
.nw-tooltip {
  transform: translateZ(0);
}
