/* ============================================================
 * 控笔训练增强（独立样式，仅 kbxl.html 引用）
 * ============================================================ */

/* 格内矢量轨迹：居中、置于格型线之上 */
.cell .kbsvg{position:relative;z-index:1;width:88%;height:88%;display:block;pointer-events:none}
.cell .kbzi{position:relative;z-index:1;line-height:1;font-family:'simkai','KaiTi','STKaiti',serif;
  display:inline-flex;align-items:center;justify-content:center}

/* ---------- 图形选择面板 ---------- */
#kbPicker{margin-top:6px}
.kbtabs{display:flex;gap:6px;margin-bottom:8px}
.kbtab{flex:1;padding:7px 0;font-size:13px;border:1px solid #d8d2c4;background:#f7f4ec;color:#5d574c;
  border-radius:6px;cursor:pointer;transition:.15s}
.kbtab:hover{border-color:#c2a36b;color:#8a5a1e}
.kbtab.on{background:#8a5a1e;border-color:#8a5a1e;color:#fff;font-weight:600}

.kbgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:264px;overflow-y:auto;
  padding:6px;border:1px solid #e6e0d2;border-radius:6px;background:#fbfaf6}
.kbgroup{grid-column:1/-1;font-size:12px;color:#9a917f;padding:4px 2px 0;font-weight:600;letter-spacing:1px}
.kbitem{aspect-ratio:1/1;border:1px solid #e4ddcd;background:#fff;border-radius:6px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:6px;transition:.12s;min-width:0}
.kbitem:hover{border-color:#c2a36b;background:#fff8ec;box-shadow:0 1px 4px rgba(138,90,30,.18)}
.kbitem svg{width:100%;height:100%;display:block}
.kbpitem .kbpchar{font-family:'simkai','KaiTi',serif;font-size:26px;color:#4a443a}

.kbseqbar{margin-top:10px;border-top:1px dashed #ddd6c6;padding-top:8px}
.kbseqlabel{font-size:12px;color:#9a917f}
.kbchips{display:flex;flex-wrap:wrap;gap:6px;min-height:30px;margin:6px 0}
.kbempty{font-size:12px;color:#b4ad9e;line-height:30px}
.kbchip{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  width:42px;height:46px;border:1px solid #e4ddcd;border-radius:6px;background:#fff}
.kbchip svg{width:26px;height:26px}
.kbchip .kbpc{font-family:'simkai','KaiTi',serif;font-size:20px;color:#4a443a;line-height:26px}
.kbchip em{font-style:normal;font-size:9px;color:#9a917f;line-height:1;max-width:40px;overflow:hidden;
  white-space:nowrap;text-overflow:ellipsis}
.kbchip b{position:absolute;top:-7px;right:-6px;width:15px;height:15px;line-height:13px;text-align:center;
  background:#c0392b;color:#fff;border-radius:50%;font-size:11px;font-weight:700;cursor:pointer}
.kbseqbtns{display:flex;gap:8px}
.kbseqbtns .layui-btn{font-size:12px}

/* 控笔练习行（去除多余间距） */
.kbhrow{margin:0}