/* HKX 表单小工具
 *
 * 只做「放进侧栏后不横向溢出、间距合理」的最小修正。
 * 表单本身的外观全部沿用主题的 .xintheme-form 样式，不重复定义。
 * 仅在启用了这个小工具的页面上加载。
 */

.hkx-fw-desc {
	margin: 0 0 14px;
	line-height: 1.7;
}

.hkx-fw-desc > :first-child {
	margin-top: 0;
}

.hkx-fw-desc > :last-child {
	margin-bottom: 0;
}

/* 主题的 .xintheme-form 用 margin:0 -8px 做栅格负边距，
 * 在窄侧栏里会横向溢出，这里收回来。 */
.hkx-fw-form .xintheme-form {
	margin: 0;
}

/* 第一个字段组去掉顶部外边距，避免小工具顶部多一块空白 */
.hkx-fw-form .xintheme-form .field-group:first-child {
	margin-top: 0;
}

/* 主题只在 .single-bottom-form 里把提交按钮拉满宽，小工具里补上 */
.hkx-fw-form .xintheme-form button[type="submit"] {
	width: 100%;
}

/* 验证码图片 + 输入框在窄栏里允许换行，输入框自适应剩余宽度 */
.hkx-fw-form .xintheme-form .form_vercode {
	flex-wrap: wrap;
	gap: 8px;
}

.hkx-fw-form .xintheme-form .form_vercode img {
	max-width: 100%;
}

.hkx-fw-form .xintheme-form .form_vercode input {
	flex: 1 1 120px;
	min-width: 0;
	width: auto;
	margin: 0;
}