/* ============================================================
 * gbook-ink.css —— p97「墨印层」
 *
 * ⚠️ 为什么单独一个文件：`css/gbook.css` 正被**并发会话**频繁重写，
 *    把本批样式塞进去随时会被整文件覆盖掉。本文件只做三件事，且
 *    **必须排在 css/gbook.css 之后**加载（见 index.html）。
 *
 * ⚠️ 与既有断言的关系（p88 的 2c / 夜间主题那几条）：
 *    墨印层接管上墨后，原来的 DOM 线框（.gb-edge / .gb-rule / .gb-mouth / .gb-tail）
 *    **只保留结构，不再上墨**。这里刻意用 `visibility` 而不是别的隐蔽手段：
 *      · `display:none` ⇒ getBoundingClientRect 全 0、尺寸类断言全假红；
 *      · `opacity:0`   ⇒ 计算样式里的颜色变成透明，读颜色的断言假红；
 *      · `border-*-color: transparent` ⇒ 同上，读颜色假红。
 *    `visibility` 既停掉绘制，又**完全不改**几何与计算颜色，
 *    而且可以在子节点上用 `visibility:visible` 单独恢复（书口文字要用）。
 * ============================================================ */

/* 墨印位图层：铺到版框外一圈（pad 由 js/gbook.js 的 inkPad() 算，left/top/宽高都是内联值） */
.gb-ink {
  position: absolute;
  display: block;
  z-index: 0;
  pointer-events: none;
}

/* 墨印层接管：这些节点是「结构描述」，不再自己上墨 */
.gb-frame.gb-inkon > .gb-edge,
.gb-frame.gb-inkon > .gb-rule,
.gb-frame.gb-inkon > .gb-frame-outer,
.gb-frame.gb-inkon > .gb-mouth {
  visibility: hidden;
}
/* 书口**文字**要留在纸面上（只有书口的底色 / 边线交给墨印层） */
.gb-frame.gb-inkon > .gb-mouth > .gb-mouthtext {
  visibility: visible;
}

/* ---------- 书口文字只显示一半 ----------
   物理：一叶是对折的，版心正压在折缝上 ⇒ 每个字被折缝劈成两半，
        这一叶只看得见属于自己这半边的笔画。
   · 书口在页面**右侧**（折缝在右缘）⇒ 留在纸面上的是字的**左半**
   · 书口在页面**左侧**（折缝在左缘）⇒ 留在纸面上的是字的**右半**
   ⚠️ 裁切点取容器的 50%：`.gb-mouthtext` 的 flex 是 `align-items:center`，
      每个 `.gb-mt`（竖排、宽度 = 一个字）横向居中 ⇒ 容器中线正好是字形中线。
      贴栏边裁（而不是按字形裁）会切偏半个字位，出图一看就能发现。 */
.gb-mouthtext.gb-half-l { clip-path: inset(0 50% 0 0); }
.gb-mouthtext.gb-half-r { clip-path: inset(0 0 0 50%); }

/* ---------- 墨印设置页：预设/参数说明行 ---------- */
.gb-inknote {
  font-size: 11px;
  line-height: 15px;
  color: #4a4a4a;
}