/* 内置键盘（10-20）：九宫格、表情页、按键反馈相关样式；页面为键盘留白改为按键盘实际高度（--kb-h，numpad.js 写入） */

/* 留白跟着键盘实际高度走：中英文切换、出候选时不再一下 290、一下 336，页面不跳 */
.numpad-open .modal-backdrop, .numpad-open #main,
.numpad-open.kb-cn .modal-backdrop, .numpad-open.kb-cn #main { padding-bottom: var(--kb-h, 290px) !important; }

/* 九宫格拼音键：上面小数字，下面字母 */
.numpad.kb-t9 .kb-nine-grid > .nk-t9 { flex-direction: column; gap: 1px; font-size: 17px; font-weight: 600; letter-spacing: .5px; line-height: 1.1; }
.numpad.kb-t9 .kb-nine-grid > .nk-t9 small { font-size: 11px; font-weight: 500; color: #a1a1a6; letter-spacing: 0; }
.numpad.kb-t9 .kb-nine-grid > .nk-lay, .numpad .kb-row .nk-lay { font-size: 13px; background: #262628; color: #d6d6d8; }
.numpad.kb-t9 .kb-nine-grid > .nk-sym, .numpad.kb-t9 .kb-nine-grid > .nk-zh { font-size: 14px; background: #262628; color: #d6d6d8; }
/* 左侧拼音选择 */
.numpad .kb-symcol .nk-pyc { flex: 0 0 36px; height: 36px; font-size: 15px; font-weight: 500; background: transparent; color: #f2f2f4; border-radius: 8px; }
.numpad .kb-symcol .nk-pyc.down { background: #48484b; }

/* 表情页 */
.numpad .kb-emo-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; height: 156px; overflow-y: auto; padding: 4px 2px; touch-action: pan-y !important; scrollbar-width: none; }
.numpad .kb-emo-grid::-webkit-scrollbar { display: none; }
.numpad .kb-emo-grid .nk-e { height: 44px; font-size: 26px; background: transparent; touch-action: pan-y !important; }
.numpad .kb-emo-grid .nk-e.down { background: #3a3a3c; }

/* 中文全键盘最后一行的中文逗号 */
.numpad .kb-row .nk-ch[data-k="，"] { flex: 0 0 11%; }
/* 撤销 / 按键音 */
.numpad .kb-act[data-act="sound"] { padding: 0 8px; }
/* 按键音开关：线条图标，和顶部其他按钮同样式（10-20） */
.numpad .kb-act.kb-snd { width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.numpad .kb-act.kb-snd .icon { width: 17px; height: 17px; }
.numpad .kb-act.kb-snd.off { color: #8e8e93; }

/* ───── 10-25 键盘外观贴近新版 iPhone（深色）：方一点的圆角、细一点的字、字母键亮 / 功能键暗两层、键帽底部一道阴影 ───── */
.numpad { background: #1b1b1d; }
.numpad .kb-row { gap: 6px; margin-top: 11px; padding: 0 3px; }
.numpad .kb-row .nk { height: 44px; border-radius: 6px; background: #4a4a4d; color: #fff; font-size: 23px; font-weight: 400; box-shadow: 0 1px 0 rgba(0, 0, 0, .55); }
.numpad .kb-row .nk.down { background: #6a6a6e; }
.numpad .kb-row .nk-shift, .numpad .kb-row .nk-del, .numpad .kb-row .nk-sym, .numpad .kb-row .nk-abc, .numpad .kb-row .nk-zh, .numpad .kb-row .nk-lay, .numpad .kb-row .nk-emo { background: #2c2c2e; font-size: 15px; color: #e5e5ea; }
.numpad .kb-row .nk-zh { color: var(--v2-accent-hi, #ff9a3c); }
.numpad .kb-row .nk-shift.on { background: #f2f2f7; color: #1c1c1e; }
.numpad .kb-row .nk-space { background: #4a4a4d; font-size: 15px; color: #e5e5ea; }
.numpad .kb-row .nk-done { border-radius: 6px; font-size: 16px; font-weight: 600; }
.numpad .kb-row .nk-shift, .numpad .kb-row .nk-del { flex: 1.35 1 0; }
.numpad .kb-row .nk-shift { margin-right: 6px; }
.numpad .kb-row .nk-del { margin-left: 6px; }
/* 第二排 9 个字母：左右各缩进半个键，键宽和第一排一样 */
.numpad .kb-row.kb-r1 { padding: 0 calc((100% - 9 * 6px) / 20 + 3px); }
.numpad .kb-row:nth-child(3):not(.kb-r1) { padding: 0 3px; }
.numpad .kb-bksp { font-size: 22px; line-height: 1; }
/* 数字 / 九宫格键 */
.numpad .kb-nine-grid > .nk, .numpad .numpad-keys .nk { border-radius: 6px; font-weight: 400; box-shadow: 0 1px 0 rgba(0, 0, 0, .55); }
/* 快捷标点：候选栏里一排，均匀分布、没有底色，像 iPhone 的联想栏 */
.numpad .kb-cand.kb-quick { min-width: 34px; padding: 0 8px; font-size: 19px; color: #e5e5ea; }
.numpad .kb-cand.kb-quick:active { background: #3a3a3c; }
.numpad .kb-row .nk-done { background: var(--v2-accent, #ff7a1a); color: #fff; }
.numpad .kb-row .nk-done.down { background: var(--v2-accent-hi, #ff9a3c); }
.numpad .kb-row .nk-lay { flex: 1.3 1 0; font-size: 12.5px; letter-spacing: -.02em; }

/* 输入预览：字段提示在上方，内容在整行居中。 */
.numpad .kb-preview { padding: 6px 12px 2px; text-align: center; }
.numpad .kb-preview-label { color: #8e8e93; font-size: 12px; line-height: 18px; margin-bottom: 4px; }
.numpad .kb-preview-value { border: 1px solid #ff7a1a; border-radius: 8px; background: #2a2a2c; height: 34px; line-height: 32px; padding: 0 10px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; }
.numpad .numpad-bar { justify-content: center; }