.kv { display: flex; align-items: baseline; padding: calc(8 * var(--rp)) 0; }
.kv .k { width: calc(140 * var(--rp)); color: #a2988b; font-size: calc(26 * var(--rp)); flex-shrink: 0; }
.kv .v { flex: 1; color: #2b2621; font-size: calc(28 * var(--rp)); }
.calc { margin-top: calc(16 * var(--rp)); }


/* 卦例记录（两个输入框：背景·断卦 ／ 反馈）：边打字边自动存，随记录存在本机。
   框上面不再有各自的小标题（placeholder 里已经说清了），只有卡片标题与右侧的保存提示。 */
.note { margin-bottom: calc(24 * var(--rp)); }
/* 问事不在这里设输入框：点卦纸顶部那一行就地改（board 组件 editable）。
   按用户要求：本页不再放任何「怎么改」的提示文字。 */
/* 只剩一个操作按钮：占满整行 */
.op-cell.full { width: 100%; }
.note-hd { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: calc(18 * var(--rp)); }
.note-t { font-size: calc(26 * var(--rp)); color: var(--ink-2, #6d6459); letter-spacing: calc(2 * var(--rp)); }
.note-hint { font-size: calc(22 * var(--rp)); color: var(--ink-3, #a2988b); }
.note-ta {
  width: 100%; box-sizing: border-box; min-height: calc(92 * var(--rp)); margin-bottom: calc(20 * var(--rp)); padding: calc(20 * var(--rp)) calc(22 * var(--rp));
  background: #faf8f4; border-radius: calc(16 * var(--rp));
  font-size: calc(28 * var(--rp)); line-height: 1.6; color: #2b2621;
}
.note-ph { color: #bdb5a8; font-size: calc(26 * var(--rp)); }

/* 导出卦图用的离屏画布：移到屏幕外（不能用 display:none，那样画不出内容） */
.gua-canvas { position: fixed; left: -9999px; top: 0; width: calc(750 * var(--rp)); height: calc(1400 * var(--rp)); }