@charset "utf-8";

/*-----------------------------------
|	开发时间2026.06.12
|	index_form.css
|	网站表单提交单页样式表
--------------------------------------*/
.main {
	width: 960px;
	margin: 0 auto;
}

/*------ 首屏大海报 ------*/
.focus {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #f8f8f8;
}

.focus .hd {
	width: 100%;
	height: 11px;
	position: absolute;
	z-index: 1;
	bottom: 5px;
	text-align: center;
}

.focus .hd ul {
	display: inline-block;
	height: 5px;
	padding: 3px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0;
	vertical-align: top;
}

.focus .hd ul li {
	display: inline-block;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	margin: -7px 5px 0 5px;
	vertical-align: top;
	overflow: hidden;
}

.focus .hd ul .on {
	background: #9a6523;
}

.focus .bd {
	position: relative;
	z-index: 0;
}

.focus .bd li img {
	width: 100%;
	height: auto;
	background: url(images/loading.gif) center center no-repeat;
}

.focus .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 取消链接高亮 */
}

.focus .bd img {
	width: 100%;

}

/*------ 金刚4键导航 ------*/
.nav_four {
	background: #fff;
}

.nav_four ul li {}

.nav_four ul li a {
	display: block;
	float: left;
	width: 25%;
	height: 90px;
	font-size: .875rem;
	color: #333;
	text-align: center;

}

.nav_four ul li a::before {
	display: block;
	width: 42px;
	height: 42px;
	margin: 10px auto;
	background: url(/2index/static/m/images/nav_four_ico.png) no-repeat;
	background-size: 190px;
	content: "";
}

.nav_four ul li:nth-of-type(1) a::before {
	background-position: 1px 1px;
}

.nav_four ul li:nth-of-type(2) a::before {
	background-position: -48px 1px;
}

.nav_four ul li:nth-of-type(3) a::before {
	background-position: -100px 1px;
}

.nav_four ul li:nth-of-type(4) a::before {
	background-position: -150px 1px;
}

/* -------首頁表單提交----- */
.leak-form__main-container * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: system-ui, -apple-system, sans-serif;
}

.leak-form__main-container {
	width: 100%;
	/* max-width: 480px; */
	margin: 0 auto;
	background: #ffffff !important;
	/* 强制背景色，防止覆盖 */
}

.leak-form__title {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 35px;
	line-height: 1.3;
}

.leak-form__title-red {
	color: #ed2624;
}

.leak-form__title-blue {
	color: #194796;
}

.leak-form__item {
	margin-bottom: 28px;
}

.leak-form__label {
	font-size: 20px;
	color: #333333;
	display: block;
	margin-bottom: 10px;
}

.leak-form__required {
	color: #ed2624;
}

.leak-form__input {
	width: 100%;
	height: 60px;
	border: 1px solid #e5e5e5;
	border-radius: 999px;
	padding: 0 20px;
	font-size: 18px;
	color: #333;
	background: #fff !important;
	outline: none;
}

.leak-form__input::placeholder {
	color: #c5c5c5;
}

.leak-form__checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 17px;
	color: #333;
	margin-bottom: 30px;
}

.leak-form__submit {
	width: 100%;
	height: 68px;
	background-color: #ed2624 !important;
	border: none;
	border-radius: 999px;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	cursor: pointer;
}

/* 预约记录板块 */
.booking-section {
	margin-bottom: 40px;
	padding-top: 10px;
	background-color: #fff;
}

/* 预约板块：标题居中显示 */
.booking-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 新增：水平居中 */
	text-align: center;
	/* 兜底：文字居中 */
}

.booking-title img {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.booking-title span {
	color: #007AFF;
}

/* 上门检测标题栏 */
.check-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	background-color: #fff;
	border-radius: 4px 4px 0 0;
	margin-bottom: 0;
}

.check-title-left {
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

.check-title-left small {
	font-size: 12px;
	color: #FF8C00;
	font-weight: normal;
	margin-left: 8px;
}

.free-btn {
	background-color: #FF8C00;
	color: #fff;
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 20px;
	text-decoration: none;
}

/* 预约记录列表：加高行高，增加内边距 */
.booking-list {
	border: 1px solid #eee;
	border-top: none;
	border-radius: 0 0 4px 4px;
}

.booking-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 15px;
	/* 加高内边距，避免拥挤 */
	border-bottom: 1px solid #eee;
}

.booking-item:last-child {
	border-bottom: none;
}

.booking-time {
	font-size: 14px;
	color: #888;
	width: 80px;
}

.booking-name {
	font-size: 15px;
	color: #333;
	flex: 1;
	text-align: center;
}

.booking-area {
	font-size: 14px;
	color: #888;
	width: 90px;
	text-align: right;
}

/* 姓名手机号高亮 */
.booking-name span {
	color: #FF4500;
}

/* ========== 服务优势部分 ========== */
.service-adv__wrap {
	margin-top: 50px;
}

.main-title {
	font-size: 42px;
	font-weight: 800;
	background: linear-gradient(90deg, #ff2e1f, #ff6b35);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 36px;
	display: flex;
	align-items: center;
	letter-spacing: 1px;
}

.main-title::after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 36px;
	background-color: #dcdfe6;
	margin-left: 18px;
}

/* ========== 优势卡片通用样式 ========== */
.advantage-card {
	background-color: #ffffff;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 32px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: stretch;
	transition: all 0.3s ease;
}

/* 卡片hover美化：轻微上浮+阴影加深 */
.advantage-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.09);
}

/* 反转布局：第二项文左图右 */
.advantage-card.reverse {
	flex-direction: row-reverse;
}

/* ========== 图片区域 ========== */
.card-img {
	flex: 1;
	overflow: hidden;
}

.card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.advantage-card:hover .card-img img {
	transform: scale(1.03);
}

/* ========== 文字区域 ========== */
.card-text {
	flex: 1;
	padding: 18px 40px;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
}

/* ========== 卡片标题 + 右侧斜杠装饰 ========== */
.card-title {
	position: relative;
	display: inline-block;
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	padding: 10px 72px 10px 24px;
	background: linear-gradient(90deg, #ff7f50, #ffa07a);
	margin-bottom: 22px;
	border-radius: 4px 0 0 4px;
}

/* 右侧三条半透明白色斜杠 */
.card-title::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	background-image:
		linear-gradient(100deg, transparent 42%, rgba(255, 255, 255, 0.85) 42%, rgba(255, 255, 255, 0.85) 58%, transparent 58%),
		linear-gradient(100deg, transparent 42%, rgba(255, 255, 255, 0.85) 42%, rgba(255, 255, 255, 0.85) 58%, transparent 58%),
		linear-gradient(100deg, transparent 42%, rgba(255, 255, 255, 0.85) 42%, rgba(255, 255, 255, 0.85) 58%, transparent 58%);
	background-size: 14px 100%;
	background-position: 10px 0, 28px 0, 46px 0;
	background-repeat: no-repeat;
}

.section-tag {
	display: inline-flex;
	align-items: center;
	background-color: #ff8f6e;
	transform: skewX(-11deg);
	color: #ffffff;
	font-size: 38px;
	border-radius: 4px;
}

/* ========== 正文描述 ========== */
.card-desc {
	font-size: 22px;
	line-height: 1.9;
	color: #666666;
	font-weight: 400;
}


/* ========== 樣式完全隔離 不影響原有網頁 ========== */
.hk-repair__section,
.hk-repair__section *,
.hk-repair__section *::before,
.hk-repair__section *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "PingFang TC", "Microsoft JhengHei", "Heiti TC", sans-serif;
	line-height: 1.5;
}

.hk-repair__section {
	width: 100%;
	/* max-width: 750px; */
	margin: 0 auto;
	padding: 20px 16px;
	background: #f8f9fa;
}

/* 標題：紅色字+星星裝飾+右側豎線 */
.hk-repair__title {
	position: relative;
	display: inline-block;
	font-size: 34px;
	font-weight: 700;
	color: #ed2624;
	margin-bottom: 28px;
	padding-right: 18px;
}

.hk-repair__title::before {
	content: "✨";
	position: absolute;
	top: -8px;
	right: 6px;
	font-size: 16px;
	color: #ffb020;
	font-weight: normal;
}

.hk-repair__title::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 28px;
	background: #dcdcdc;
}

/* 案例卡片通用 */
.hk-repair__card {
	background: #ffffff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	margin-bottom: 26px;
}

/* 圖片對比區 */
.hk-repair__img-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 14px 14px 0 0;
}

.hk-repair__img-after {
	width: 100%;
	display: block;
	object-fit: cover;
}

/* 維修前小圖：傾斜疊加效果 */
.hk-repair__before-wrap {
	position: absolute;
	left: 5%;
	top: 12%;
	width: 38%;
	transform: rotate(-6deg);
	border: 4px solid #ffffff;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 2;
}

.hk-repair__img-before {
	width: 100%;
	display: block;
	border-radius: 6px;
}

/* 維修前標籤 */
.hk-repair__label-before {
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	padding: 4px 18px;
	border-radius: 20px;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	white-space: nowrap;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* 右上角案例類型標籤 */
.hk-repair__label-type {
	position: absolute;
	top: 16px;
	right: 16px;
	background: rgba(255, 255, 255, 0.92);
	padding: 6px 16px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 500;
	color: #222222;
	z-index: 3;
}

/* 右下角維修後標籤 */
.hk-repair__label-after {
	position: absolute;
	bottom: 16px;
	right: 16px;
	background: rgba(255, 255, 255, 0.92);
	padding: 6px 16px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 500;
	color: #222222;
	z-index: 3;
}

/* 師傅信息區 */
.hk-repair__master {
	padding: 20px 18px;
	display: flex;
	align-items: center;
	gap: 16px;
	background: #ffffff;
}

.hk-repair__avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 1px solid #eeeeee;
}

.hk-repair__master-info {
	flex: 1;
}

.hk-repair__master-name {
	font-size: 24px;
	font-weight: 700;
	color: #222222;
	margin-bottom: 6px;
}

.hk-repair__master-name span {
	font-size: 18px;
	font-weight: 400;
	color: #2b6cb0;
	margin-left: 8px;
}

.hk-repair__master-skill {
	font-size: 16px;
	color: #888888;
	line-height: 1.6;
}

/* ========== 移動端自適應 ========== */
@media (max-width: 600px) {
	.hk-repair__title {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.hk-repair__before-wrap {
		width: 45%;
		left: 4%;
		top: 10%;
	}

	.hk-repair__label-before {
		font-size: 15px;
		padding: 3px 14px;
	}

	.hk-repair__label-type,
	.hk-repair__label-after {
		font-size: 16px;
		padding: 5px 12px;
	}

	.hk-repair__master-name {
		font-size: 20px;
	}

	.hk-repair__master-name span {
		font-size: 15px;
	}

	.hk-repair__master-skill {
		font-size: 14px;
	}

	.hk-repair__avatar {
		width: 56px;
		height: 56px;
	}
}


/*------ 隐藏友情链接板块 ------*/
.flink {
	display: none
}