/* Kole UI PlateInput 样式 — 车牌号输入(省份 + 字母数字,支持新能源) */ .kole-plate { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); } .kole-plate-field { display: inline-flex; align-items: stretch; border-radius: 6px; overflow: hidden; border: 1px solid var(--kole-color-border); transition: border-color .15s, box-shadow .15s; } .kole-plate-field.is-focus { border-color: var(--kole-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.2); } .kole-plate-field.is-valid { border-color: var(--kole-color-success); } .kole-plate-field.is-invalid { border-color: var(--kole-color-error); } .kole-plate-prov { border: none; background: var(--kole-color-brand); color: var(--kole-color-text-inverse); font-size: 16px; font-weight: 700; padding: 0 10px; cursor: pointer; outline: none; } .kole-plate-input { border: none; outline: none; font-size: 18px; font-weight: 700; letter-spacing: 3px; color: var(--kole-color-text-title); background: var(--kole-color-card-bg); padding: 0 12px; width: 160px; text-transform: uppercase; font-family: "SFMono-Regular", Consolas, monospace; } .kole-plate-input::placeholder { color: var(--kole-color-text-placeholder); letter-spacing: normal; font-weight: 400; } .kole-plate-tip { font-size: 12px; margin-top: 6px; color: var(--kole-color-text-secondary); } .kole-plate-tip.valid { color: var(--kole-color-success); } .kole-plate-tip.invalid { color: var(--kole-color-error); } .kole-plate-tip .kole-plate-tag { display: inline-block; margin-inline-start: 6px; padding: 1px 7px; border-radius: 3px; font-size: 11px; background: var(--kole-color-brand-bg); color: var(--kole-color-brand); }