
/* Test H5 plate keyboard visual refinement 2026-09-11 */
.plate-keyboard-popup{box-sizing:border-box;max-height:min(78vh,520px);min-height:300px;overflow:hidden}
.plate-keyboard-popup>.flex.justify-between{flex:0 0 54px;gap:12px;padding:0 2px}
.plate-keyboard-popup>.flex.justify-between>span{display:flex;flex:1;min-width:0;height:40px;align-items:center;justify-content:center;padding:0 12px;box-sizing:border-box;font-weight:500;line-height:1}
.plate-keyboard-popup>.flex.justify-between>span:last-child{box-shadow:0 4px 10px rgba(25,137,250,.2);font-weight:600}
.plate-keyboard-popup>.p-1{flex:1;min-height:0;display:flex;align-items:flex-end;padding:8px 0 10px}
.plate-keyboard-popup .keyboard{width:100%;padding:0 2px}
.plate-keyboard-popup .srk{display:flex;justify-content:center;margin-bottom:10px}
.plate-keyboard-popup .srk>*{max-width:100%}
.plate-keyboard-popup .plate_number{padding:0 2px 8px}
.plate-keyboard-popup .plate_number_box,.plate-keyboard-popup .plate_chinese_box{gap:8px}
.plate-keyboard-popup .van-button{min-width:0;height:40px;border-radius:9px;font-weight:500;transition:background-color .12s,border-color .12s,transform .12s}
.plate-keyboard-popup .van-button:active{transform:scale(.96)}
.plate-keyboard-popup .plate_number_box>.flex-1{grid-column:span 2;background:#eef1f5;color:#323233;font-weight:500}
.plate-keyboard-popup .plate_number_box>.flex-1:active{background:#dfe5ec}

/* Test H5 alphanumeric plate keyboard refinement 2026-09-11 */
.plate-keyboard-popup .allBoard{width:100%;box-sizing:border-box;padding:6px 2px 0}
.plate-keyboard-popup .allBoard .plate_number_box{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.plate-keyboard-popup .allBoard .plate_number_box>.van-button{height:42px;background:#fff}
.plate-keyboard-popup .allBoard .plate_number_box>.van-button:nth-child(-n+10){background:#f0f6ff;border-color:#d5e6fb;color:#245b91;font-weight:600}
.plate-keyboard-popup .allBoard .plate_number_box>.van-button:nth-child(n+11):not(.flex-1){background:#fff}
.plate-keyboard-popup .allBoard .plate_number_box>.van-button.flex-1{grid-column:span 2;background:#e9edf2;border-color:#dce1e7;color:#535a63;font-size:13px}
.plate-keyboard-popup .allBoard .plate_number_box>.van-button:active{background:#dceeff;border-color:#1989fa;color:#1769aa}
.plate-keyboard-popup .allBoard .plate_number_box>.van-button.flex-1:active{background:#d7dde5;color:#323233}
@media (max-width:360px){.plate-keyboard-popup{padding-left:8px;padding-right:8px}.plate-keyboard-popup .allBoard .plate_number_box{gap:6px}.plate-keyboard-popup .allBoard .plate_number_box>.van-button{height:38px;font-size:13px}.plate-keyboard-popup>.flex.justify-between{gap:8px}}

/* Test H5 plate keyboard width correction from mobile review 2026-09-11 */
.plate-keyboard-popup>.p-1,.plate-keyboard-popup .keyboard,.plate-keyboard-popup .allBoard,.plate-keyboard-popup .plate_number_box{width:100%;max-width:100%;box-sizing:border-box}
.plate-keyboard-popup .plate_number_box{align-items:stretch}
.plate-keyboard-popup .plate-digits,.plate-keyboard-popup .plate-letters{width:100%;max-width:100%;box-sizing:border-box;flex:0 0 auto}
.plate-keyboard-popup .plate_number_box>.van-button,.plate-keyboard-popup .plate-digits>.van-button,.plate-keyboard-popup .plate-letters>.van-button{display:flex;width:100%;min-width:0;box-sizing:border-box;align-items:center;justify-content:center}
.plate-keyboard-popup .plate_number_box>.van-button:nth-child(-n+10){background:#eef6ff;border-color:#d4e7fb;color:#245b91;font-weight:600}
.plate-keyboard-popup .plate_number_box>.van-button:nth-child(n+11):not(.flex-1){background:#fff;border-color:#e5e6eb;color:#323233}
@media (max-width:600px){.plate-keyboard-popup{width:100%;padding-left:10px;padding-right:10px}.plate-keyboard-popup .plate-digits,.plate-keyboard-popup .plate-letters,.plate-keyboard-popup .plate_number_box{gap:6px}.plate-keyboard-popup .plate_number_box>.van-button,.plate-keyboard-popup .plate-digits>.van-button,.plate-keyboard-popup .plate-letters>.van-button{height:40px}}

/* Test H5 emergency correction: always keep plate keys in grid 2026-09-11 */
.plate-keyboard-popup .plate_number_box{display:grid!important;width:100%;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:stretch}
.plate-keyboard-popup .plate_number_box>.plate-digits,.plate-keyboard-popup .plate_number_box>.plate-letters{display:contents}
.plate-keyboard-popup .plate_number_box>.van-button,.plate-keyboard-popup .plate_number_box>.plate-delete,.plate-keyboard-popup .plate-digits>.van-button,.plate-keyboard-popup .plate-letters>.van-button{width:100%;min-width:0;box-sizing:border-box}
.plate-keyboard-popup .plate_number_box>.plate-delete{grid-column:span 2}
.plate-keyboard-popup .plate-digits>.van-button{height:42px;background:#eef6ff;border-color:#d4e7fb;color:#245b91;font-weight:600}
.plate-keyboard-popup .plate-letters>.van-button{height:42px;background:#fff}
@media (max-width:600px){.plate-keyboard-popup .plate_number_box{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.plate-keyboard-popup .plate_number_box>.van-button,.plate-keyboard-popup .plate-digits>.van-button,.plate-keyboard-popup .plate-letters>.van-button{height:40px}}
