/**
 * Qing 留言表单（Leave a Message）样式。
 *
 * 结构：.qing-lm（白色卡片）
 *   > .qing-lm__head（蓝色标题栏，居中标题）
 *   > .qing-lm__body（说明 + 表单）
 *       > .qing-lm__field（标签在上、输入框在下）
 *       > .qing-inq-feedback（复用询盘反馈样式钩子）
 *       > .qing-lm__actions > .qing-inq-submit（居中圆角提交按钮）
 *
 * 提交逻辑复用 inquiry.js（表单类名 qing-inq-form）。
 */

.qing-lm {
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 14px rgba(16, 24, 40, 0.06);
}

/* -------- 蓝色标题栏 -------- */
.qing-lm__head {
	background: #2361c6;
	padding: 18px 24px;
	text-align: center;
}

.qing-lm__title {
	margin: 0;
	color: #ffffff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
}

/* -------- 表单区 -------- */
.qing-lm__body {
	padding: 28px 48px 40px;
}

.qing-lm__desc {
	margin: 0 0 22px;
	color: #3d4a5c;
	font-size: 16px;
	line-height: 1.6;
}

.qing-lm__field {
	margin-bottom: 18px;
}

.qing-lm__label {
	display: block;
	margin-bottom: 8px;
	color: #5b6b80;
	font-size: 15px;
	line-height: 1.4;
}

/* 必填红星。 */
.qing-lm__star {
	color: #e02424;
	margin-left: 6px;
}

.qing-lm__input {
	width: 100%;
	height: 52px;
	padding: 0 14px;
	border: 1px solid #e3e6ea;
	border-radius: 6px;
	background: #f2f2f2;
	color: #1a2233;
	font-size: 15px;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.qing-lm__textarea {
	height: auto;
	padding: 12px 14px;
	resize: vertical;
	line-height: 1.6;
}

.qing-lm__input:focus {
	border-color: #2361c6;
	background: #ffffff;
}

/* 反馈信息（成功/失败），类名钩子与 inquiry.css 保持一致。 */
.qing-lm__feedback {
	min-height: 20px;
	margin: 4px 0 6px;
	font-size: 14px;
	color: #667085;
}

.qing-lm__feedback.is-error {
	color: #e02424;
}

.qing-lm__feedback.is-success {
	color: #12b76a;
}

/* -------- 提交按钮：居中圆角胶囊 -------- */
.qing-lm__actions {
	display: flex;
	justify-content: center;
	margin-top: 8px;
}

.qing-lm .qing-inq-submit {
	display: inline-block;
	width: 250px;
	max-width: 100%;
	padding: 13px 24px;
	border: none;
	border-radius: 24px;
	background: #2361c6;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: background 0.2s ease;
}

.qing-lm .qing-inq-submit:hover {
	background: #1b4c9e;
}

.qing-lm .qing-inq-submit:disabled {
	opacity: 0.6;
	cursor: default;
}

/* -------- 移动端适配 -------- */
@media (max-width: 767px) {
	.qing-lm__body {
		padding: 20px 18px 28px;
	}

	.qing-lm__title {
		font-size: 21px;
	}
}