@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.Info {
	display: flex;
	flex-direction: column;
	height: calc(100% - 52px);
	padding-top: 8px;
	overflow: hidden;

	&-otherInfo {
		height: calc(100% - 132px) !important;
	}

	&-main {
		flex: 1;
		overflow: scroll;
	}

	&-main1 {
		flex: 1;
		overflow: scroll;
		background-color: #fff;
	}

	&-card {
		background-color: #fff;
		padding: 8px 16px 0px;

		&-card1 {
			background-color: #fff;
		}

		&-heading {
			font-size: 18px;
			color: #171a1d;
			font-weight: 700;
			line-height: 26px;
			background-color: #fff;
			padding: 8px 0 0 16px;
		}

		&-title {
			width: 100%;
			font-size: 14px;
			line-height: 22px;
			color: rgba(23, 26, 29, 0.6);
		}

		// &-focusLabel {
		// 	padding: 8px 12px;
		// 	background-color: rgba(0, 127, 255, 0.12);
		// 	border: 1px solid #007FFF;
		// 	color: #007FFF;
		// 	overflow: hidden;
		// 	white-space: nowrap;
		// 	text-overflow: ellipsis;
		// 	border-radius: 4px;
		// }

		&-label {
			padding: 8px 12px;
			background-color: rgba(242, 242, 242, 1);
			border: 1px solid rgba(126, 134, 142, 0.16);
			color: rgba(23, 26, 29, 0.6);
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			border-radius: 4px;

			&-focus {
				border: 1px solid rgba(0, 127, 255, 1);
				background-color: rgba(0, 127, 255, 0.12);
				color: #007fff;
			}
		}

		&-value {
			font-size: 16px;
			line-height: 24px;
			padding-top: 4px;
			color: #171a1d;

			&-posCount {
				&-number {
					display: flex;
					justify-content: center;
					align-items: center;
					padding: 8px;
					background: #f2f2f6;
					border-radius: 4px;

					&-first {
						display: flex;
						justify-content: center;
						width: 24px;
						height: 24px;
						font-size: 14px;
						font-weight: 400;
						text-align: LEFT;
						background-color: @theme_primary1_color;
						color: #ffffff;
						line-height: 22px;
						border-radius: 4px;
					}

					&-second {
						display: flex;
						font-size: 14px;
						font-family: PingFang SC, PingFang SC-Regular;
						font-weight: 400;
						text-align: LEFT;
						color: #171a1d;
						line-height: 22px;
						padding-left: 8px;
						justify-content: center;
					}

					&-third {
						display: flex;
						font-size: 14px;
						justify-content: center;
						padding-left: 8px;
					}
				}
			}
		}

		&-flex {
			display: flex;
			align-items: center;
		}

		&-divider {
			height: 8px;
		}

		&-img {
			min-width: 18px;
			min-height: 18px;
			max-width: 18px;
			max-height: 18px;
		}
	}

	&-foot {
		display: flex;
		justify-content: space-around;
		padding: 8px;
		background-color: #fff;
		margin-top: 16px;

		&-card {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
	}
}

.first-letter {
	font-size: 32px;
	/* 可根据需要调整字体大小 */
	font-weight: 400;
	/* 可选：加粗字体 */
	color: rgba(0, 127, 255, 0.48);
	vertical-align: middle;
	/* 垂直居中对齐 */
}