/**
 * 导师介绍 About（Instructor About）
 * 对应 shizi/beauty_instructor.html #about 区块
 */

/* ========== 容器 ========== */
.gt-iab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4rem;
	max-width: 1440px;
	margin: 0 auto;
	padding: 8rem 5%;
}

/* ========== 图片侧 ========== */
.gt-iab__img {
	flex: 1;
	position: relative;
}

.gt-iab__img img {
	width: 100%;
	height: auto;
	display: block;
	filter: grayscale(20%);
	transition: filter 0.5s;
}

.gt-iab__img img:hover {
	filter: grayscale(0%);
}

/* 装饰边框（右下偏移） */
.gt-iab__img::after {
	content: '';
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 100%;
	height: 100%;
	border: 1px solid var(--gt-iab-accent, #c9a77c);
	z-index: -1;
	pointer-events: none;
}

/* ========== 文字侧 ========== */
.gt-iab__text {
	flex: 1;
}

.gt-iab__subtitle {
	font-size: 0.8rem;
	color: var(--gt-iab-accent, #c9a77c);
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 1rem;
	display: block;
}

.gt-iab__name {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 2.5rem;
	color: var(--gt-iab-primary, #1a1a1a);
	margin: 0 0 2rem;
}

.gt-iab__desc {
	color: var(--gt-iab-text-light, #888);
	margin-bottom: 1.5rem;
	font-size: 0.95rem;
	line-height: 1.6;
}

.gt-iab__desc:last-of-type {
	margin-bottom: 0;
}

.gt-iab__signature {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 1.5rem;
	color: var(--gt-iab-primary, #1a1a1a);
	margin-top: 2rem;
}

/* ========== 隐藏装饰边框 ========== */
.gt-iab--no-deco .gt-iab__img::after {
	display: none;
}

/* ========== 悬停还原彩色 ========== */
.gt-iab__img img:hover {
	filter: grayscale(0%) !important;
}

/* ========== 布局翻转（图右文左） ========== */
.gt-iab--reversed {
	flex-direction: row-reverse;
}

.gt-iab--reversed .gt-iab__img::after {
	right: auto;
	left: -20px;
}

/* ========== 响应式 ========== */
@media (max-width: 768px) {
	.gt-iab {
		flex-direction: column;
		gap: 3rem;
		padding: 4rem 5%;
	}
	.gt-iab--reversed {
		flex-direction: column;
	}
	.gt-iab__name {
		font-size: 2rem;
	}
}
