.container {
	width: 100%;
	margin: 0 auto;
	padding: 24px 32px;
	background: #fff;
}

.section {
	margin-bottom: 24px;
}

.sectionTitle {
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 16px;
	position: relative;
	padding-left: 8px;
}

.sectionTitle::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 18px;
	background-color: #006665;
	/* 蓝色竖线 */
	border-radius: 2px;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 48px;
	grid-row-gap: 16px;
}

.item {
	display: flex;
	align-items: baseline;
}

.label {
	color: #666666;
	font-size: 12px;
	min-width: 96px;
}

.value {
	color: #333333;
	font-size: 12px;
}


// 表格包装器
.tableWrapper {
	width: 60%;
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;

	:global(.ant-table-wrapper) {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	// 表头样式
	:global {
		.ant-table-thead>tr>th {
			color: rgba(51, 51, 51, 1) !important;
			font-weight: 450 !important;
			background-color: rgba(240, 247, 247, 1) !important;
			text-align: center !important;
		}

		// 表体样式
		.ant-table-tbody>tr>td {
			color: rgba(78, 88, 86, 1) !important;
			font-weight: 400 !important;
			text-align: center !important;
		}

		// 操作列按钮样式
		.viewDetailBtn {
			color: rgba(0, 102, 101, 1) !important;

			&:hover {
				color: rgba(0, 102, 101, 1) !important;
			}
		}

		.editBtn {
			color: rgba(45, 158, 157, 1) !important;

			&:hover {
				color: rgba(45, 158, 157, 1) !important;
			}
		}

		.deleteBtn {
			color: rgba(255, 130, 109, 1) !important;

			&:hover {
				color: rgba(255, 130, 109, 1) !important;
			}
		}

		// 状态列 Switch 样式
		.statusSwitch {

			// 启用状态背景色
			&.ant-switch-checked {
				background-color: rgba(20, 106, 89, 1) !important;
			}

			// 停用状态背景色
			&:not(.ant-switch-checked) {
				background-color: rgba(153, 153, 153, 1) !important;
			}
		}

		// 复选框样式
		.ant-checkbox-inner {
			border-color: rgba(0, 102, 101, 1) !important;
		}

		.ant-checkbox-wrapper:hover .ant-checkbox-inner,
		.ant-checkbox:hover .ant-checkbox-inner {
			border-color: rgba(0, 102, 101, 1) !important;
		}

		.ant-checkbox-checked .ant-checkbox-inner {
			background-color: rgba(0, 102, 101, 1) !important;
			border-color: rgba(0, 102, 101, 1) !important;
		}
	}
}