/* ============================================================
   lianbang-home-faq
   Figma: 193:3761 (bg) + 193:3762 (image) + 193:3764 (accordion)
   全铺 1280×560px，bg:#f9f9f9
   Left: 533×415 (rounded-bl:40 rounded-tr:40)
   Right: x:640, w:526
   ============================================================ */

/* ── Section：破容器全铺（见 section-width-standard skill）
      不写 width:100%，靠负 margin 撑满视口，消除左右白边        ── */
.lianbang-home-faq {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	min-height: 560px;
	background-color: #f9f9f9;
	padding: 72px 0;   /* 顶部/底部 72px = 3943-3871；左右交给 __inner */
	position: relative;
}

/* ── 内容容器：与其它 section 统一封顶 1280px + 30px 边距 ────── */
.lianbang-home-faq__inner {
	display: flex;
	align-items: flex-start;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 30px;
}

/* ── 左侧图片（Figma 193:3762）
   533×415px  rounded-bl:40px rounded-tr:40px
   left:30px（padding already applied）                           ── */
.lianbang-home-faq__image-wrap {
	flex: 0 0 42%;       /* 533/1260 ≈ 42%，随 __inner 宽度等比缩放 */
	width: 42%;
	height: 415px;
	border-radius: 0 40px 0 40px;  /* rounded-tr:40 rounded-bl:40 */
	overflow: hidden;
	background-color: #dde6f0;     /* 无图占位色 */
}

.lianbang-home-faq__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── 右侧（Figma 193:3763 + 193:3764）
   left:640px → 内容从 left:640px 开始
   640 - 30(padding) - 533(image) - gap = 640-563=77px gap       ── */
.lianbang-home-faq__right {
	flex: 1;
	padding-left: 77px;    /* 640 - 30(section padding) - 533(image width) */
}

/* FAQ 标题（Figma 193:3763）
   Montserrat ExtraBold 48px  #383838                             */
.lianbang-home-faq__title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 48px;
	line-height: normal;
	color: #383838;
	margin: 0 0 30px 0;    /* 3943 → 4036 = 93px; 93-48(titleH)≈30px margin bottom */
}

/* ── 手风琴容器（Figma 193:3764）
   gap:20px between items                                          ── */
.lianbang-home-faq__accordion {
	display: flex;
	flex-direction: column;
	gap: 0;                /* 用 separator + padding 控制间距 */
	max-width: none;       /* 随右栏宽度自动伸展 */
}

/* 单个 FAQ 条目 */
.lianbang-home-faq__item {
	display: flex;
	flex-direction: column;
}

/* 问题行（Figma：h:37px，question text + plus icon） */
.lianbang-home-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 37px;
	padding: 10px 0;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	gap: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

/* 问题行是点击控件不是可读文本，禁止拖选；答案正文保持可选中可复制
   （FAQ 页出现过的同类问题，见 verify/faq-verify.md） */
.lianbang-home-faq__question ::selection,
.lianbang-home-faq__question::selection {
	background-color: transparent;
	color: inherit;
}

.lianbang-home-faq__question ::-moz-selection,
.lianbang-home-faq__question::-moz-selection {
	background-color: transparent;
	color: inherit;
}

/* 问题文字（Figma：SF Pro Semibold 16px，text-black） */
.lianbang-home-faq__question-text {
	font-family: -apple-system, 'SF Pro Text', 'Nunito Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	flex: 1;
}

/* Plus / Minus icon（Figma：15×15px） */
.lianbang-home-faq__icon {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	position: relative;
}

.lianbang-home-faq__icon-plus  { display: block; }
.lianbang-home-faq__icon-minus { display: none; }

.lianbang-home-faq__item.is-open .lianbang-home-faq__icon-plus  { display: none; }
.lianbang-home-faq__item.is-open .lianbang-home-faq__icon-minus { display: block; }
.lianbang-home-faq__item.is-open .lianbang-home-faq__question-text { color: #013f92; }

/* 答案 */
.lianbang-home-faq__answer {
	padding: 0 0 12px 0;
}
.lianbang-home-faq__answer p {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: #555555;
	margin: 0;
}

/* 分隔线（Figma：1px horizontal line, w:524px） */
.lianbang-home-faq__separator {
	width: 100%;
	height: 1px;
	background-color: #d0d0d0;
	margin-bottom: 20px;   /* Figma gap:20px between items */
}

.lianbang-home-faq__item:last-child .lianbang-home-faq__separator {
	margin-bottom: 0;
}

/* ── 响应式 ──────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.lianbang-home-faq {
		padding: 56px 0;
	}
	.lianbang-home-faq__inner {
		padding: 0 24px;
	}
	.lianbang-home-faq__image-wrap {
		flex: 0 0 380px;
		width: 380px;
		height: 320px;
	}
	.lianbang-home-faq__right {
		padding-left: 48px;
	}
	.lianbang-home-faq__title {
		font-size: 38px;
	}
}

@media (max-width: 767px) {
	.lianbang-home-faq {
		padding: 48px 0;
	}
	.lianbang-home-faq__inner {
		flex-direction: column;
		padding: 0 20px;
		gap: 36px;
	}
	.lianbang-home-faq__image-wrap {
		flex: none;
		width: 100%;
		height: 240px;
	}
	.lianbang-home-faq__right {
		padding-left: 0;
		width: 100%;
	}
	.lianbang-home-faq__title {
		font-size: 30px;
	}
	.lianbang-home-faq__accordion {
		max-width: none;
	}
}

/* 兜底：钉死问题行的背景与外发光。组件外的全局/主题样式会给 button 焦点态
   刷实心蓝底，靠普通规则压不住（同 FAQ 页，见 verify/faq-verify.md） */
.lianbang-home-faq__question,
.lianbang-home-faq__question:focus,
.lianbang-home-faq__question:focus-visible,
.lianbang-home-faq__question:active {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}