/* ========================================================
   2027天津大学工商管理硕士(MBA)招生专题 - 样式表 (与Tailwind互补)
   ======================================================== */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #222222;
  background-color: #ffffff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* 全局版心与主题色兜底 */
.max-w-container {
  max-width: 1200px !important;
}

.bg-primary {
  background-color: #0d3880 !important;
}

.text-primary {
  color: #0d3880 !important;
}

/* 特色方向气泡小尖角与专属渐变 */
.dir-bg-1 {
  background: linear-gradient(180deg, #4da9fe, #1164eb);
}
.dir-bg-1::after {
  border-color: #1164eb transparent;
}
.dir-bg-2 {
  background: linear-gradient(180deg, #fb7d75, #b62555);
}
.dir-bg-2::after {
  border-color: #b62555 transparent;
}
.dir-bg-3 {
  background: linear-gradient(180deg, #9e86fc, #823bce);
}
.dir-bg-3::after {
  border-color: #823bce transparent;
}
.dir-bg-4 {
  background: linear-gradient(180deg, #b40a77, #550244);
}
.dir-bg-4::after {
  border-color: #550244 transparent;
}
.dir-bg-5 {
  background: linear-gradient(180deg, #b985fb, #3754f9);
}
.dir-bg-5::after {
  border-color: #3754f9 transparent;
}
.dir-bg-6 {
  background: linear-gradient(180deg, #05dae0, #3177e9);
}
.dir-bg-6::after {
  border-color: #3177e9 transparent;
}
.dir-bg-7 {
  background: linear-gradient(180deg, #57e6b8, #08a862);
}
.dir-bg-7::after {
  border-color: #08a862 transparent;
}
.dir-bg-8 {
  background: linear-gradient(180deg, #ffa492, #ff0e47);
}
.dir-bg-8::after {
  border-color: #ff0e47 transparent;
}

.direction-card {
	min-height: 110px;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.direction-card::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 8px 8px 0;
	border-style: solid;
	display: block;
	width: 0;
	transition: bottom 0.3s ease;
}

.direction-card .dir-desc {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	margin-top: 0;
	transition: max-height 0.4s ease, opacity 0.35s ease, margin-top 0.3s ease;
	pointer-events: none;
}

.direction-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
	z-index: 10;
}

.direction-card:hover .dir-desc {
	max-height: 220px;
	opacity: 1;
	margin-top: 0.75rem;
	pointer-events: auto;
}

/* 核心背景大图与渐变卡片 */

@media (min-width: 1024px) {
  .timeline-wave-container {
    aspect-ratio: 1160 / 460;
    background: url("../images/timeline-wave.png") no-repeat center bottom / 100% auto #ffffff;
  }
}

.preferred-banner-box {
  background: url("../images/campus-building-bg.png") no-repeat center center;
  background-size: cover;
}

.scholarship-section {
  background: url("../images/scholarship-bg.png") no-repeat center center;
  background-size: cover;
}

.scholarship-title {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
}

.scholarship-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 1px;
}

.admission-banner-wrap {
  background: url("../images/admission-plan-bg.png") no-repeat center center;
  background-size: cover;
}

.training-section-wrap {
  background: url("../images/campus-building-bg.png") no-repeat center center;
  background-size: cover;
}

.footer-wrap {
  background: #092657 url("../images/scholarship-bg.png") no-repeat center center;
  background-size: cover;
}

.bg-term-blue {
  background: linear-gradient(145deg, rgba(24, 76, 153, 0.9), rgba(12, 45, 96, 0.9));
}

.bg-term-purple {
  background: linear-gradient(145deg, rgba(162, 27, 85, 0.9), rgba(105, 14, 52, 0.9));
}