/* 图形验证码字段:输入、图片与换图行布局。 */ /* 导入方:app/components/CaptchaField.vue、app/components/SecurityVerificationDialog.vue、app/components/instance/DcimActions.vue、app/components/instance/DcimBilling.vue、app/components/instance/DcimManage.vue、app/components/instance/InstanceAccess.vue、app/components/instance/InstanceBilling.vue、app/components/instance/InstanceSmsCode.vue、app/pages/account/index.vue、app/pages/forgot-password.vue、app/pages/login.vue、app/pages/oauth/bind.vue、app/pages/register.vue、app/pages/transfer/index.vue。 */ .field[data-v-5ba6618f] { flex-direction: column; gap: 6px; display: flex; } .field > label[data-v-5ba6618f] { color: var(--p-text-color, #334155); font-size: 0.9375rem; } .row[data-v-5ba6618f] { gap: 10px; display: flex; } .row[data-v-5ba6618f] > :first-child { flex: 1; } .img[data-v-5ba6618f] { border: 1px solid var(--p-content-border-color, #e2e8f0); background: var(--p-content-background); cursor: pointer; width: 110px; height: 40px; color: var(--p-text-muted-color, #94a3b8); border-radius: var(--radius-md); flex-shrink: 0; justify-content: center; align-items: center; padding: 0; display: flex; overflow: hidden; } .img img[data-v-5ba6618f] { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }