/* 首页「探索特惠」导航区块（仿 LowEndBox Explore Cheap Hosting Deals）
   白色背景，左右内距与首页 .inside-article 一致（25px 30px 30px）。
   区块被 GP 列网格容器包裹，网格项各带 10px 列间距，故用 margin:0 10px 补偿，
   使白卡外缘与 .inside-article 文章卡片对齐。 */

.kh-explore {
	background: #fff;
	padding: 25px 30px 30px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	flex: 1 1 100%;           /* 占满 flex 容器整行，与文章卡片同宽 */
	margin: 0 0 2.5em 30px;   /* 左 30px 抵消容器 -30px 左移；右 0 与文章齐平 */
}

.kh-explore__title {
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0 0 0.25em;
}

.kh-explore__desc {
	margin: 0 0 1.3em;
	color: #5b6b7b;
	font-size: 0.95em;
}

.kh-explore__cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.4em 2.5em;
}

.kh-explore__col-head {
	font-size: 1.05em;
	margin: 0 0 0.9em;
	padding-bottom: 0.35em;
	border-bottom: 2px solid var(--global-color-14, #2684e1);
}

/* 分组：<details> 手风琴，可折叠（移动端默认折叠） */
.kh-explore__group {
	margin-bottom: 1.1em;
}

.kh-explore__group > summary.kh-explore__group-title {
	font-size: 0.95em;
	font-weight: 600;
	margin: 0 0 0.5em;
	color: #333;
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 0.45em;
	user-select: none;
}

.kh-explore__group > summary.kh-explore__group-title::-webkit-details-marker {
	display: none;
}

.kh-explore__group > summary.kh-explore__group-title::before {
	content: "";
	flex: 0 0 auto;
	width: 0;
	height: 0;
	border-left: 5px solid currentColor;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	transition: transform 0.15s ease;
}

.kh-explore__group[open] > summary.kh-explore__group-title::before {
	transform: rotate(90deg);
}

.kh-explore__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	padding-left: 0.95em;
}

.kh-explore .kh-explore__link {
	display: inline-block;
	padding: 0.38em 0.85em;
	font-size: 0.9em;
	line-height: 1.3;
	background: #f4f8fc;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 999px;
	color: var(--global-color-14, #2684e1);
	text-decoration: none;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.kh-explore .kh-explore__link:hover,
.kh-explore .kh-explore__link:focus {
	background: var(--global-color-14, #2684e1);
	border-color: var(--global-color-14, #2684e1);
	color: #fff;
}

/* 导购指南下方广告：与区块同宽对齐（区块已用 margin:0 10px 与文章卡片对齐），
   图片响应式缩放，避免半宽右栏下横幅溢出 */
.kh-explore__ad {
	margin-top: 1.2em;
	padding-top: 1.1em;
	border-top: 1px dashed rgba(0, 0, 0, 0.14);
	text-align: center;
}

.kh-explore__ad a {
	display: block;
	line-height: 0;
}

.kh-explore__ad img.image {
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	border: 0;
}

/* 移动端：两栏折叠为单列；分组默认由脚本收起（折叠显示） */
@media (max-width: 768px) {
	.kh-explore {
		padding: 20px 20px 22px;
		margin: 0 0 1.8em;     /* 移动端容器 margin 0，区块 0 才与卡片齐平 */
		flex: 1 1 100%;
	}

	/* GP 在移动端把容器直接子元素 padding-left 清零（.generate-columns-container>*{padding-left:0}），
	   需提升特异性 + !important 保住区块左内距，否则内容贴左、与卡片不对齐 */
	.generate-columns-container .kh-explore {
		padding-left: 20px !important;
	}

	.kh-explore__cols {
		grid-template-columns: 1fr;
		gap: 1.4em;
	}
}


/* ===== 折叠按钮与折叠状态 ===== */
.kh-explore__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.kh-explore__toggle {
	flex-shrink: 0;
	background: #eef2f7;
	border: 1px solid #d0d7e2;
	border-radius: 6px;
	padding: 4px 14px;
	font-size: 0.85em;
	color: #556;
	cursor: pointer;
	user-select: none;
	transition: background 0.15s, color 0.15s;
}
.kh-explore__toggle:hover {
	background: #dce3ed;
	color: #223;
}

.kh-explore.collapsed .kh-explore__desc,
.kh-explore.collapsed .kh-explore__cols {
	display: none;
}

.kh-explore.collapsed {
	padding-bottom: 18px;
}

@media (max-width: 768px) {
	.kh-explore.collapsed {
		padding-bottom: 14px;
	}
}