.wv-field {
	box-sizing: border-box;
	background-color: #FFF;
	min-height: unset;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

/* 更新禁用状态使用正确的颜色变量 */
.wv-field[disabled], .wv-field.disabled {
  background-color: var(--wv-background-color-plain-disabled);
  color: var(--wv-content-color-fit-background-plain-disabled);
}
.wv-field.border[disabled], .wv-field.border.disabled {
  background-color: var(--wv-background-color-white-disabled); 
  color: var(--wv-content-color-fit-background-plain-disabled);
  border: solid 1rpx var(--wv-background-color-plain-disabled); 
}

.wv-field.pill {
	border-radius: 80rpx !important;
}
.wv-field.border {
	border: solid 1px var(--wv-border-color);
}
.wv-field.transparent {
	background: transparent;
}
.wv-field.block {
	width: 100% !important;
}

/* 更新尺寸变体使用正确的尺寸变量 */
.wv-field.huge {
	font-size: var(--wv-font-size-default);
	padding: var(--wv-padding-small);
	border-radius: var(--wv-border-radius-large);
	height: var(--wv-form-control-height-huge);
}
.wv-field.large {
	font-size: var(--wv-font-size-default);
	padding: var(--wv-padding-mini);
	border-radius: var(--wv-border-radius-default);
	height: var(--wv-form-control-height-large);
}
.wv-field.default-size, .wv-field {
	font-size: var(--wv-font-size-small);
	padding: var(--wv-padding-mini);
	border-radius: var(--wv-border-radius-default);
	height: var(--wv-form-control-height-default);
}
.wv-field.small {
	font-size: var(--wv-font-size-small);
	padding: var(--wv-padding-mini);
	border-radius: var(--wv-border-radius-small);
	height: var(--wv-form-control-height-small);
}
.wv-field.mini {
	font-size: var(--wv-font-size-mini);
	padding: var(--wv-padding-mini);
	border-radius: var(--wv-border-radius-small);
	height: var(--wv-form-control-height-mini);
}

.wv-field-label {
	box-sizing: border-box;
	max-width: 100%;

	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center; 
	position: relative;

	white-space: nowrap;
	word-break: keep-all;
}

.wv-field-label.pill {
	border-radius: 80rpx !important;
}
.wv-field-label.border {
	border: solid 1px var(--wv-border-color);
}
.wv-field-label.block {
	width: 100% !important;
}
.wv-field-label.auto-width {
	width: auto !important;
}
.wv-field-label.auto-height {
	height: auto !important;
	white-space: normal;
	word-break: break-all !important;
}
.wv-field-label.huge {
	gap: 8rpx;
	font-size: var(--wv-font-size-small);
	line-height: calc(var(--wv-font-size-small) * 1.1);
	padding: 0 var(--wv-padding-default);
	border-radius: var(--wv-border-radius-huge);
	height: var(--wv-form-control-height-huge);
}
.wv-field-label.large {
	gap: 8rpx;
	font-size: var(--wv-font-size-small);
	line-height: calc(var(--wv-font-size-small) * 1.1);
	padding: 0 var(--wv-padding-default);
	border-radius: var(--wv-border-radius-large);
	height: var(--wv-form-control-height-large);
}
.wv-field-label.default-size, .wv-field-label {
	gap: 6rpx;
	font-size: var(--wv-font-size-small);
	line-height: calc(var(--wv-font-size-small) * 1.1);
	padding: 0 var(--wv-padding-small);
	border-radius: var(--wv-border-radius-default);
	height: var(--wv-form-control-height-default);
}
.wv-field-label.small {
	gap: 4rpx;
	font-size: var(--wv-font-size-small);
	line-height: calc(var(--wv-font-size-small) * 1.1);
	padding: 0 var(--wv-padding-mini);
	border-radius: var(--wv-border-radius-small);
	height: var(--wv-form-control-height-small);
}
.wv-field-label.mini {
	gap: 2rpx;
	font-size: var(--wv-font-size-mini);
	line-height: calc(var(--wv-font-size-mini) * 1.1);
	padding: 0 var(--wv-padding-mini);
	border-radius: var(--wv-border-radius-mini);
	height: var(--wv-form-control-height-mini);
}

/* 边框样式也更新为统一的变量 */
.wv-field-label.border, .wv-field-label.border.default-type { border: solid 1rpx var(--wv-border-color); }
.wv-field-label.border.primary { border: solid 1rpx var(--wv-background-color-primary); }
.wv-field-label.border.secondary { border: solid 1rpx var(--wv-background-color-secondary); }
.wv-field-label.border.info { border: solid 1rpx var(--wv-background-color-info); }
.wv-field-label.border.success { border: solid 1rpx var(--wv-background-color-success); }
.wv-field-label.border.danger { border: solid 1rpx var(--wv-background-color-danger); }
.wv-field-label.border.warning { border: solid 1rpx var(--wv-background-color-warning); }
.wv-field-label.border.error { border: solid 1rpx var(--wv-background-color-error); }
.wv-field-label.border.poppy { border: solid 1rpx var(--wv-background-color-poppy); }
.wv-field-label.border.pink { border: solid 1rpx var(--wv-background-color-pink); }
.wv-field-label.border.jade { border: solid 1rpx var(--wv-background-color-jade); }
.wv-field-label.border.forest { border: solid 1rpx var(--wv-background-color-forest); }
.wv-field-label.border.cute { border: solid 1rpx var(--wv-background-color-cute); }
.wv-field-label.border.plain { border: solid 1rpx var(--wv-background-color-plain); }
.wv-field-label.border.light { border: solid 1rpx rgba(var(--wv-theme-light-rgb), 1); }
.wv-field-label.border.dark { border: solid 1rpx var(--wv-background-color-dark); }
.wv-field-label.border.transparent { border: none; }

.field-group {
	display: inline-flex;
	flex-direction: row;
	width: auto;
}

.field-group.block {
	display: flex;
	width: 100%;
}

.field-group > .wv-field:not(:first-child):not(:last-child),
.field-group > .wv-btn:not(:first-child):not(:last-child),
.field-group > .wv-field-label:not(:first-child):not(:last-child),
.field-group > .wv-field:not(:first-child):not(:last-child).pill,
.field-group > .wv-btn:not(:first-child):not(:last-child).pill,
.field-group > .wv-field-label:not(:first-child):not(:last-child).pill {
	border-radius: var(--wv-border-radius-none) !important;
}

.field-group > .wv-field:first-child,
.field-group > .wv-btn:first-child,
.field-group > .wv-field-label:first-child {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.field-group > .wv-field:last-child,
.field-group > .wv-btn:last-child,
.field-group > .wv-field-label:last-child {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.field-group > .wv-field:only-child.huge,
.field-group > .wv-btn:only-child.huge,
.field-group > .wv-field-label:only-child.huge {
	border-radius: var(--wv-border-radius-huge);
}

.field-group > .wv-field:only-child.large,
.field-group > .wv-btn:only-child.large,
.field-group > .wv-field-label:only-child.large {
	border-radius: var(--wv-border-radius-large);
}

.field-group > .wv-field:only-child,
.field-group > .wv-btn:only-child,
.field-group > .wv-field-label:only-child,
.field-group > .wv-field:only-child.default-size,
.field-group > .wv-btn:only-child.default-size,
.field-group > .wv-field-label:only-child.default-size {
	border-radius: var(--wv-border-radius-default);
}

.field-group > .wv-field:only-child.small,
.field-group > .wv-btn:only-child.small,
.field-group > .wv-field-label:only-child.small {
	border-radius: var(--wv-border-radius-small);
}

.field-group > .wv-field:only-child.mini,
.field-group > .wv-btn:only-child.mini,
.field-group > .wv-field-label:only-child.mini {
	border-radius: var(--wv-border-radius-mini);
}

.field-group > .wv-field:only-child.pill,
.field-group > .wv-btn:only-child.pill,
.field-group > .wv-field-label:only-child.pill {
	border-radius: 100rpx !important;
}

/* 垂直排列 field-group */
.field-group.vertical {
	flex-direction: column;
}
/* 仅修改垂直排列的圆角处理部分，其他保持不变 */

/* 垂直排列时的元素边框圆角规则 */
.field-group.vertical > .wv-field:not(:first-child):not(:last-child),
.field-group.vertical > .wv-btn:not(:first-child):not(:last-child),
.field-group.vertical > .wv-field-label:not(:first-child):not(:last-child) {
	border-radius: var(--wv-border-radius-none) !important;
}

/* 第一个元素保留顶部圆角，移除底部圆角 */
.field-group.vertical > .wv-field:first-child,
.field-group.vertical > .wv-btn:first-child,
.field-group.vertical > .wv-field-label:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/* 最后一个元素保留底部圆角，移除顶部圆角 */
.field-group.vertical > .wv-field:last-child,
.field-group.vertical > .wv-btn:last-child,
.field-group.vertical > .wv-field-label:last-child {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

/* 针对不同尺寸的第一个元素正确设置顶部圆角 */
.field-group.vertical > .wv-field:first-child.huge,
.field-group.vertical > .wv-btn:first-child.huge,
.field-group.vertical > .wv-field-label:first-child.huge {
	border-top-left-radius: var(--wv-border-radius-huge) !important;
	border-top-right-radius: var(--wv-border-radius-huge) !important;
}

.field-group.vertical > .wv-field:first-child.large,
.field-group.vertical > .wv-btn:first-child.large,
.field-group.vertical > .wv-field-label:first-child.large {
	border-top-left-radius: var(--wv-border-radius-large) !important;
	border-top-right-radius: var(--wv-border-radius-large) !important;
}

.field-group.vertical > .wv-field:first-child,
.field-group.vertical > .wv-btn:first-child,
.field-group.vertical > .wv-field-label:first-child,
.field-group.vertical > .wv-field:first-child.default-size,
.field-group.vertical > .wv-btn:first-child.default-size,
.field-group.vertical > .wv-field-label:first-child.default-size {
	border-top-left-radius: var(--wv-border-radius-default) !important;
	border-top-right-radius: var(--wv-border-radius-default) !important;
}

.field-group.vertical > .wv-field:first-child.small,
.field-group.vertical > .wv-btn:first-child.small,
.field-group.vertical > .wv-field-label:first-child.small {
	border-top-left-radius: var(--wv-border-radius-small) !important;
	border-top-right-radius: var(--wv-border-radius-small) !important;
}

.field-group.vertical > .wv-field:first-child.mini,
.field-group.vertical > .wv-btn:first-child.mini,
.field-group.vertical > .wv-field-label:first-child.mini {
	border-top-left-radius: var(--wv-border-radius-mini) !important;
	border-top-right-radius: var(--wv-border-radius-mini) !important;
}

/* 针对不同尺寸的最后一个元素正确设置底部圆角 */
.field-group.vertical > .wv-field:last-child.huge,
.field-group.vertical > .wv-btn:last-child.huge,
.field-group.vertical > .wv-field-label:last-child.huge {
	border-bottom-left-radius: var(--wv-border-radius-huge) !important;
	border-bottom-right-radius: var(--wv-border-radius-huge) !important;
}

.field-group.vertical > .wv-field:last-child.large,
.field-group.vertical > .wv-btn:last-child.large,
.field-group.vertical > .wv-field-label:last-child.large {
	border-bottom-left-radius: var(--wv-border-radius-large) !important;
	border-bottom-right-radius: var(--wv-border-radius-large) !important;
}

.field-group.vertical > .wv-field:last-child,
.field-group.vertical > .wv-btn:last-child,
.field-group.vertical > .wv-field-label:last-child,
.field-group.vertical > .wv-field:last-child.default-size,
.field-group.vertical > .wv-btn:last-child.default-size,
.field-group.vertical > .wv-field-label:last-child.default-size {
	border-bottom-left-radius: var(--wv-border-radius-default) !important;
	border-bottom-right-radius: var(--wv-border-radius-default) !important;
}

.field-group.vertical > .wv-field:last-child.small,
.field-group.vertical > .wv-btn:last-child.small,
.field-group.vertical > .wv-field-label:last-child.small {
	border-bottom-left-radius: var(--wv-border-radius-small) !important;
	border-bottom-right-radius: var(--wv-border-radius-small) !important;
}

.field-group.vertical > .wv-field:last-child.mini,
.field-group.vertical > .wv-btn:last-child.mini,
.field-group.vertical > .wv-field-label:last-child.mini {
	border-bottom-left-radius: var(--wv-border-radius-mini) !important;
	border-bottom-right-radius: var(--wv-border-radius-mini) !important;
}

/* 胶囊形状特殊处理 */
.field-group.vertical > .wv-field:first-child.pill,
.field-group.vertical > .wv-btn:first-child.pill,
.field-group.vertical > .wv-field-label:first-child.pill {
	border-top-left-radius: 100rpx !important;
	border-top-right-radius: 100rpx !important;
}

.field-group.vertical > .wv-field:last-child.pill,
.field-group.vertical > .wv-btn:last-child.pill,
.field-group.vertical > .wv-field-label:last-child.pill {
	border-bottom-left-radius: 100rpx !important;
	border-bottom-right-radius: 100rpx !important;
}

/* 单个元素的圆角处理 */
.field-group.vertical > .wv-field:only-child.huge,
.field-group.vertical > .wv-btn:only-child.huge,
.field-group.vertical > .wv-field-label:only-child.huge {
	border-radius: var(--wv-border-radius-huge) !important;
}

.field-group.vertical > .wv-field:only-child.large,
.field-group.vertical > .wv-btn:only-child.large,
.field-group.vertical > .wv-field-label:only-child.large {
	border-radius: var(--wv-border-radius-large) !important;
}

.field-group.vertical > .wv-field:only-child,
.field-group.vertical > .wv-btn:only-child,
.field-group.vertical > .wv-field-label:only-child,
.field-group.vertical > .wv-field:only-child.default-size,
.field-group.vertical > .wv-btn:only-child.default-size,
.field-group.vertical > .wv-field-label:only-child.default-size {
	border-radius: var(--wv-border-radius-default) !important;
}

.field-group.vertical > .wv-field:only-child.small,
.field-group.vertical > .wv-btn:only-child.small,
.field-group.vertical > .wv-field-label:only-child.small {
	border-radius: var(--wv-border-radius-small) !important;
}

.field-group.vertical > .wv-field:only-child.mini,
.field-group.vertical > .wv-btn:only-child.mini,
.field-group.vertical > .wv-field-label:only-child.mini {
	border-radius: var(--wv-border-radius-mini) !important;
}

.field-group.vertical > .wv-field:only-child.pill,
.field-group.vertical > .wv-btn:only-child.pill,
.field-group.vertical > .wv-field-label:only-child.pill {
	border-radius: 100rpx !important;
}