/* ── 联系表单小部件 ─────────────────────────────────── */

.hbc-cf { width: 100%; }

/* 面包屑 */
.hbc-cf__breadcrumb { font-size: 13px; color: #555; }
.hbc-cf__breadcrumb a { color: #555; text-decoration: none; }
.hbc-cf__breadcrumb a:hover { text-decoration: underline; }
.hbc-cf__bc-sep { margin: 0 4px; }

/* 介绍 */
.hbc-cf__intro { font-size: 14px; color: #333; margin: 0 0 16px; }
.hbc-cf__divider {
	border: none;
	border-top: 1px solid #cccccc;
	margin: 0 0 16px;
}
.hbc-cf__divider-text { font-size: 13px; color: #555; margin: 0; }

/* 区块间距 */
.hbc-cf__section { margin-bottom: 24px; }

/* 标签 */
.hbc-cf__label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #111111;
	margin-bottom: 8px;
}
.hbc-cf__required { color: #cc0000; }
.hbc-cf__sub-label { display: block; font-size: 12px; color: #666; margin-top: 4px; }

/* 字段间距 */
.hbc-cf__field { margin-bottom: 16px; }

/* 两列布局 */
.hbc-cf__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.hbc-cf__row--mt { margin-top: 12px; }

/* 输入框 / 下拉 / 文本域 */
.hbc-cf__input,
.hbc-cf__select,
.hbc-cf__textarea {
	display: block;
	width: 100%;
	padding: 8px 12px;
	font-size: 14px;
	color: #111;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 0;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.2s;
	font-family: inherit;
}
.hbc-cf__input:focus,
.hbc-cf__select:focus,
.hbc-cf__textarea:focus { border-color: #888; }

/* 自定义下拉箭头 */
.hbc-cf__select {
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 36px;
	cursor: pointer;
}

.hbc-cf__textarea {
	resize: vertical;
	min-height: 160px;
}

/* 字符计数 */
.hbc-cf__char-count { font-size: 12px; color: #888; margin: 4px 0 0; }

/* 提示文字 */
.hbc-cf__hint {
	font-size: 12px;
	color: #555;
	line-height: 1.5;
	margin: -8px 0 16px;
}

/* 底部说明 */
.hbc-cf__footer-note {
	font-size: 12px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 20px;
}

/* 提交按钮 */
.hbc-cf__submit {
	display: block;
	width: 100%;
	padding: 18px 40px;
	background-color: #111111;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	cursor: pointer;
	transition: background-color 0.2s;
	font-family: inherit;
}
.hbc-cf__submit:hover { background-color: #333; }
.hbc-cf__submit:disabled { opacity: 0.6; cursor: not-allowed; }

/* 消息提示 */
.hbc-cf__message {
	margin-top: 16px;
	padding: 12px 16px;
	font-size: 14px;
	border-radius: 3px;
	line-height: 1.5;
}
.hbc-cf__message.is-success { background-color: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; }
.hbc-cf__message.is-error   { background-color: #fce4e4; color: #c62828; border: 1px solid #ef9a9a; }

/* 响应式 */
@media (max-width: 768px) {
	.hbc-cf__row { grid-template-columns: 1fr; gap: 0; }
}