/* 招生信息 / 就业信息 - 标题与教学科研一致，日期为正方形块 */
.admission-employment {
  padding: 50px 0 60px;
  position: relative;
  overflow: hidden;}

.admission-employment::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../images/zsjybg.png) no-repeat top center;
  background-size: cover;
  opacity: 0.3;
  z-index: 0;}

.admission-employment .px1400 {
  position: relative;
  z-index: 1;}

.ae-row {
  display: flex;
  gap: 60px;
  align-items: stretch;
  max-width: 100%;}

.ae-panel {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  animation: ae-panel-in 0.55s ease-out backwards;}

.ae-panel.ae-employment {
  animation-delay: 0.08s;}

/* 标题与教学科研完全一致：使用 .tit，仅补充本板块与就业绿色 */
.admission-employment .tit .titr {
  margin-top: 15px;}

.admission-employment .tit .xian {
  right: 35%;}

.ae-employment .tit .xian {
  background-color: #2e7d32;}

.ae-employment .tit .xian::after {
  border-color: #2e7d32;}

.ae-employment .tit .titr:hover a {
  color: #2e7d32;
  background: url(../images/more2.png) no-repeat left center;
  background-size: 12px 12px;}

/* 列表 - 日期左、标题右 */
.ae-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 40px;}

.ae-item {
  margin-bottom: 24px;
  animation: ae-item-in 0.45s ease-out backwards;}

.ae-item:last-child {
  margin-bottom: 0;}

.ae-item:nth-child(1) { animation-delay: 0.06s;}
.ae-item:nth-child(2) { animation-delay: 0.12s;}
.ae-item:nth-child(3) { animation-delay: 0.18s;}
.ae-item:nth-child(4) { animation-delay: 0.24s;}
.ae-item:nth-child(5) { animation-delay: 0.30s;}

.ae-item a {
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: 80px;
  background-color: #eff4f9;
  border-top: 3px solid transparent;
  transition: border-top-color 0.3s ease, background-color 0.3s ease;}

.ae-item a:hover {
  background-color: #e3eef8;
  border-top-color: #0054bc;}

.ae-employment .ae-item a:hover {
  background-color: #e8f5e9;
  border-top-color: #2e7d32;}

/* 日期 - 正方形块状 */
.ae-date {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0054bc 0%, #1e50a2 100%);
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;}

.ae-employment .ae-date {
  background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);}

.ae-day {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
  letter-spacing: 0.02em;}

.ae-year {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 2px;}

.ae-item a:hover .ae-date {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(0, 84, 188, 0.3);}

.ae-employment .ae-item a:hover .ae-date {
  box-shadow: 0 4px 12px rgba(46, 125, 50, 0.3);}

/* 标题文字区 - 统一高度按两行标题（26px×2=52px+上下内边距） */
.ae-zi {
  flex: 1;
  min-height: 80px;
  overflow: hidden;
  padding: 14px 20px 14px 18px;
  font-size: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;}

.ae-zi p {
  font-size: 16px;
  line-height: 26px;
  color: #333;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s ease;
  min-height: 52px;}

.ae-item a:hover .ae-zi p {
  color: #0054bc;}

.ae-employment .ae-item a:hover .ae-zi p {
  color: #2e7d32;}

/* 入场动画 */
@keyframes ae-panel-in {
  from {
    opacity: 0;
    transform: translateY(16px);}
  to {
    opacity: 1;
    transform: translateY(0);}
}

@keyframes ae-item-in {
  from {
    opacity: 0;
    transform: translateX(-10px);}
  to {
    opacity: 1;
    transform: translateX(0);}
}

/* 响应式 */
@media screen and (max-width: 992px) {
  .admission-employment {
    padding: 42px 0 50px;}
  .ae-row {
    gap: 30px;}
  .ae-list {
    margin-top: 32px;}
  .ae-item {
    margin-bottom: 20px;}
  .ae-item a {
    min-height: 76px;}
  .ae-zi {
    min-height: 76px;
    padding: 12px 18px 12px 16px;}
  .ae-zi p {
    font-size: 15px;
    line-height: 24px;
    min-height: 48px;}
  .ae-date {
    width: 64px;
    height: 64px;}
  .ae-day {
    font-size: 16px;}
  .ae-year {
    font-size: 11px;}
}

@media screen and (max-width: 768px) {
  .ae-row {
    flex-direction: column;
    gap: 50px;}
  .ae-list {
    margin-top: 28px;}
  .ae-item {
    margin-bottom: 20px;}
  .ae-zi {
    padding: 14px 18px 14px 16px;}
}

@media screen and (max-width: 480px) {
  .admission-employment {
    padding: 36px 0 44px;}
  .ae-list {
    margin-top: 24px;}
  .ae-item {
    margin-bottom: 18px;}
  .ae-item a {
    min-height: 72px;}
  .ae-zi {
    min-height: 72px;
    padding: 12px 16px 12px 14px;}
  .ae-zi p {
    font-size: 14px;
    line-height: 22px;
    min-height: 44px;}
  .ae-date {
    width: 56px;
    height: 56px;}
  .ae-day {
    font-size: 15px;}
  .ae-year {
    font-size: 10px;}
}