/* 云南大学工商管理与旅游管理学院 MPAcc 招生专题 - 自定义补充样式 */

/* 全局滚动平滑与字体抗锯齿 */
html {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #1e293b;
	overflow-x: hidden;
}

/* 锚点跳转顶部吸顶偏移 */
section {
	scroll-margin-top: 80px;
}

/* 自定义轻量滚动条 */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
	background: #94a3b8;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #64748b;
}

/* 隐藏横向滚动条并保持移动端平滑惯性滑动 */
.no-scrollbar::-webkit-scrollbar {
	display: none;
}
.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

/* 模块标题通用装饰下划线 */
.section-title-line {
	position: relative;
	display: inline-block;
}
.section-title-line::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 54px;
	height: 3px;
	background: linear-gradient(90deg, #2563eb, #38bdf8);
	border-radius: 2px;
}

.section-title-line-light::after {
	background: linear-gradient(90deg, #60a5fa, #93c5fd);
}

/* 学院沿革山峰时间轴高低起伏 */
@media (min-width: 1024px) {
	.timeline-step-1 { transform: translateY(32px); }
	.timeline-step-2 { transform: translateY(18px); }
	.timeline-step-3 { transform: translateY(24px); }
	.timeline-step-4 { transform: translateY(10px); }
	.timeline-step-5 { transform: translateY(0px); }
	.timeline-step-6 { transform: translateY(6px); }
}

.timeline-dot {
	transition: all 0.3s ease;
}
.timeline-item:hover .timeline-dot {
	transform: scale(1.25);
	box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.2);
}

/* Tab 切换过渡 */
.tab-btn {
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.tab-btn.active {
	background: #0f2b68 !important;
	color: #ffffff !important;
	border-color: #1d4ed8 !important;
	box-shadow: 0 4px 14px rgba(15, 43, 104, 0.35);
}

/* 师资力量 Tab 矩形导航与底部白色倒三角指示标 (完全对齐设计图：透明白边框未选中，纯白实心深蓝字选中+白倒三角) */
.teacher-tab-btn {
	position: relative;
	transition: all 0.25s ease;
	background-color: transparent;
	color: #ffffff;
	border: 1.5px solid rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
}

.teacher-tab-btn:hover:not(.active) {
	border-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.1);
}

.teacher-tab-btn.active {
	background-color: #ffffff !important;
	color: #0e2b70 !important;
	border-color: #ffffff !important;
	font-weight: 700 !important;
}

.teacher-tab-btn.active::after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #ffffff;
	z-index: 20;
}

@media (max-width: 639px) {
	.teacher-tab-btn.active::after {
		bottom: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #ffffff;
	}
}

/* 师资力量右侧 MPAcc 艺术字与倒影效果 */
.mpacc-reflection-wrap {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	line-height: 0.85;
}

.mpacc-reflection-wrap .logo-text {
	color: #ffffff;
	font-family: Arial, "Helvetica Neue", -apple-system, sans-serif;
	letter-spacing: -0.01em;
}

.mpacc-reflection-wrap .logo-reflection {
	font-family: Arial, "Helvetica Neue", -apple-system, sans-serif;
	letter-spacing: -0.01em;
	transform: scaleY(-1);
	background: linear-gradient(to top, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.1) 45%, transparent 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.65;
	margin-top: -6px;
	pointer-events: none;
	user-select: none;
}

/* 数据卡微动效 */
.stat-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.15);
}

/* 移动端菜单毛玻璃背景 */
#mobile-menu {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 返回顶部按钮渐现 */
#back-to-top {
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

/* 项目简介左侧垂直导航 Tab 选中态与交互 */
.project-nav-item {
	position: relative;
	transition: all 0.25s ease;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: none;
	border-left: none;
}

.project-nav-item:hover:not(.active) {
	background-color: rgba(255, 255, 255, 0.05);
	color: #ffffff;
}

/* 选中态：金黄色顶边框与右边框、深蓝渐变底色与微光 */
.project-nav-item.active {
	background: linear-gradient(90deg, #173e96, #0f2d72) !important;
	border-top: 2px solid #e5a93c !important;
	border-right: 2px solid #e5a93c !important;
	border-bottom: none !important;
	border-left: none !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: inset 0 0 15px rgba(30, 80, 200, 0.35);
}

@media (min-width: 1024px) {
	.project-nav-item.active {
		margin-right: -1px;
		z-index: 10;
	}
}

@media (max-width: 1023px) {
	.project-nav-item {
		border-top: none;
		border-right: none;
		border-bottom: 2px solid transparent;
	}
	.project-nav-item.active {
		border-top: none !important;
		border-right: none !important;
		border-bottom: 2px solid #e5a93c !important;
		margin-bottom: -1px;
	}
}

/* 培养目标、课程设置、新生数据、报考说明与学制学费 Tab 矩形导航与底部倒三角指示标 */
.education-tab-btn,
.curriculum-tab-btn,
.freshman-tab-btn,
.admission-tab-btn,
.study-tab-btn {
	position: relative;
	transition: all 0.25s ease;
	background-color: #ffffff;
	color: #163888;
	border: 1.5px solid #163888;
	box-sizing: border-box;
}

.education-tab-btn:hover:not(.active),
.curriculum-tab-btn:hover:not(.active),
.freshman-tab-btn:hover:not(.active),
.admission-tab-btn:hover:not(.active),
.study-tab-btn:hover:not(.active) {
	background-color: #f1f5fd;
}

.education-tab-btn.active,
.curriculum-tab-btn.active,
.freshman-tab-btn.active,
.admission-tab-btn.active,
.study-tab-btn.active {
	background-color: #122e72 !important;
	color: #ffffff !important;
	border-color: #122e72 !important;
	font-weight: 700 !important;
}

.education-tab-btn.active::after,
.curriculum-tab-btn.active::after,
.freshman-tab-btn.active::after,
.admission-tab-btn.active::after,
.study-tab-btn.active::after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #122e72;
	z-index: 20;
}

@media (max-width: 639px) {
	.education-tab-btn.active::after,
	.curriculum-tab-btn.active::after,
	.freshman-tab-btn.active::after,
	.admission-tab-btn.active::after,
	.study-tab-btn.active::after {
		bottom: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #122e72;
	}
}

/* 顶部吸顶导航菜单项联动高亮与金黄指示横条 */
.nav-link {
	color: rgba(255, 255, 255, 0.85);
	transition: color 0.25s ease;
}
.nav-link:hover {
	color: #fcd34d;
}
.nav-link.active {
	color: #fbbf24 !important;
	font-weight: 600;
}
.nav-link .active-bar {
	opacity: 0;
	transform: scaleX(0);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-link.active .active-bar {
	opacity: 1;
	transform: scaleX(1);
}

.mobile-nav-link {
	color: #bfdbfe;
}
.mobile-nav-link:hover {
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.1);
}
.mobile-nav-link.active {
	color: #fbbf24 !important;
	font-weight: 700;
	background-color: rgba(255, 255, 255, 0.12);
}