/* 触摸屏模拟键盘 */
body.kb-on{padding-bottom:352px;}
.tk{
    position:fixed;left:0;right:0;bottom:0;z-index:9999;
    background:#f6f7fb;border-top:1px solid #e3e6ee;
    box-shadow:0 -10px 30px rgba(16,24,40,.12);
    padding:8px 10px 12px;transform:translateY(110%);
    transition:transform .18s ease;
    font-family:inherit;
}
.tk.on{transform:translateY(0);}
.tk-head{display:flex;align-items:center;gap:10px;padding:0 4px 6px;}
.tk-target{flex:1;font-size:12px;color:#8e8e93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tk-close{width:auto;min-width:64px;padding:0 10px;height:34px;border:0;border-radius:9px;background:#e8ebf2;color:#4a4f5a;font-size:18px;cursor:pointer;}
.tk-rows{display:flex;flex-direction:column;gap:6px;}
.tk-row{display:flex;gap:6px;justify-content:center;}
.tk-key{
    flex:1 1 0;min-width:0;height:52px;border:0;border-radius:10px;background:#fff;
    box-shadow:0 1px 0 #d9dde7, 0 2px 5px rgba(16,24,40,.06);
    font-size:20px;font-weight:600;color:#1d1d1f;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    user-select:none;-webkit-user-select:none;touch-action:manipulation;
}
.tk-key:active{background:#eef1f7;transform:translateY(1px);}
.tk-key.wide{flex:0 0 74px;font-size:15px;background:#e9edf5;color:#3c4250;}
.tk-key.space{flex:2 1 0;font-size:15px;background:#fff;}
.tk-key.act{background:color-mix(in srgb,var(--ind-color,#007aff) 14%,#fff);color:color-mix(in srgb,var(--ind-color,#007aff) 78%,#000);}
.tk-bottom{display:flex;flex-direction:row;gap:6px;margin-top:6px;}
.tk-bottom .tk-key{height:46px;}
.tk-ime{background:#fff;border:1px solid #e3e6ee;border-radius:12px;padding:6px 8px;margin-bottom:8px;}
.tk-buf{min-height:26px;font-size:18px;letter-spacing:1px;color:#1d1d1f;border-bottom:1px dashed #e3e6ee;padding:1px 2px 3px;}
.tk-buf:empty::after{content:attr(data-ph);color:#b6bbc6;font-size:13px;letter-spacing:0;}
.tk-cands{display:flex;flex-wrap:wrap;gap:6px;padding:7px 0 3px;min-height:38px;}
.tk-cand{
    min-width:44px;height:36px;padding:0 10px;border:1px solid #e3e6ee;border-radius:9px;background:#fff;
    font-size:19px;color:#1d1d1f;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
}
.tk-cand:active{background:#eef1f7;}
.tk-cand.cur{background:color-mix(in srgb,var(--ind-color,#007aff) 16%,#fff);border-color:color-mix(in srgb,var(--ind-color,#007aff) 40%,#fff);}
.tk-imectrl{display:flex;gap:6px;justify-content:flex-end;}
.tk-imectrl button{height:30px;padding:0 12px;border:1px solid #e3e6ee;border-radius:8px;background:#fff;font-size:13px;color:#4a4f5a;cursor:pointer;}
.tk-none{font-size:13px;color:#9aa0aa;padding:10px 2px;}
.tk-tip{font-size:11px;color:#9aa0aa;text-align:center;padding-top:4px;}
@media (max-height:760px){
    .tk-key{height:46px;font-size:18px;}
}