/* 基础全局样式重置（补充必要基础） */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: Source Han Sans CN, Source Han Serif CN, sans-serif;
  color: #333;
}
a {
  color: inherit;
  text-decoration: none;
}
ul, li {
  list-style: none;
}

/* ================================================================================== */
/* 中间内容主容器 (原有Middle_content) */
.Middle_content {
  width: 100%;
  min-height: 9.00rem;
  position: relative;
  padding: 0.40rem 0;
  overflow: hidden;
  background: #fff url(../new_images/bottom-bg.png) no-repeat right bottom /  100% auto;
  background-attachment: local;
}

/* 内容包裹层 - 还原图2间距/居中 */
.Middle_content .content-wrap {
  width: 100%;
  max-width: 14.40rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0.60rem;
  padding: 0 0.80rem;
  align-items: flex-start;
}

/* 左侧栏 - 核心：最小高400px + 背景图固定右下角（不贴底） */
.Middle_content .left-col {
  width: 2.60rem;
  flex-shrink: 0;
  background: #FFFFFF url(../new_images/left-col-bg.png) no-repeat right 85% / 100% auto;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  min-height: 5.00rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
  box-shadow: 2px 2px 0.20rem 1px rgba(51,51,51,0.1);
  /* 左侧4px渐变边框 - 保留你的正确配置 */
  border-left: 4px solid transparent; 
  border-image: linear-gradient(180deg, #074996 0%, rgba(247,247,247,0.38) 100%) 1 0 1 100%;
  background-clip: padding-box; /* 防止背景图覆盖渐变边框，必须留 */
}

/* 左侧标题栏 */
.Middle_content .left-header h2 {
  font-family: Source Han Serif CN, Source Han Serif CN;
  font-weight: bold;
  font-size: 0.36rem;
  color: #333333;
  letter-spacing: 3px;
  text-indent: 0.6em;
}
.Middle_content .left-header h2 span{
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
}

/* 左侧导航 */
.Middle_content .left-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Middle_content .left-nav li {
  margin: 0;
  margin-left: 10%;
  transition: background 0.3s;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.18rem;
  color: #999999;
}
.Middle_content .left-nav li:last-child {
  border-bottom: none;
}
.Middle_content .left-nav li a {
  display: block;
  color: #666;
  font-size: 0.16rem;
  transition: all 0.3s;
  background-color: #fff;
  text-decoration: none;
  line-height: 0.38rem;
  width: 90%;
  height: 0.38rem;
  text-indent: 1em;
}
/* 选中项 - 蓝底蓝字渐变 */
.Middle_content .left-nav li.active a {
  background: linear-gradient( 90deg, #074996 0%, rgba(8,74,151,0) 100%);
  border-radius: 2px 2px 2px 2px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FAFAFA;
}

/* 右侧内容区 */
.Middle_content .right-col {
  flex: 1;
  padding: 0;
}
.Middle_content .right-header {
  margin-bottom: 0.36rem;
  padding-bottom: 0.12rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  position: relative; /* 伪元素定位基准 */
  align-items: flex-end; /* 标题和面包屑底部对齐 */
}
/* 左侧蓝色短线：覆盖灰色边框 */
.Middle_content .right-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.30rem;
  height: 3px;
  background-color: #074996; 
  z-index: 1;
}

/* 面包屑样式 */
.Middle_content .breadcrumbs {
  font-size: 0.14rem;
  color: #999;
  display: flex;
  align-items: center;
  gap: 6px; /* 图标文字间距 */
}
.Middle_content .breadcrumbs img{
  width: 0.16rem;
  height: 0.16rem;
  flex-shrink: 0;
}
.Middle_content .breadcrumbs span:first-child {
  color: #666;
}
.Middle_content .breadcrumbs a {
  text-decoration: none;
}
.Middle_content .breadcrumbs a:hover {
  text-decoration: underline;
}

/* 右侧内容正文 */
.Middle_content .right-content p {
  font-size: 0.16rem;
  line-height: 2;
  color: #333;
  margin-bottom: 0.20rem;
  text-align: justify;
  text-indent: 2em;
  letter-spacing: 0.3px;
}
.Middle_content .update-info {
  text-align: right;
  color: #999;
  font-size: 0.14rem;
  margin-top: 0.40rem;
  text-indent: 0 !important;
  font-style: italic;
}

/* 博士生导师方向列表样式 - 保留所有原有配置 */
.Middle_content .tutor-direction-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.20rem; /* 方向之间间距 */
  width: 100%;
  margin-bottom: 0.24rem;
}
.Middle_content .tutor-direction-item {
  display: flex;
  flex-direction: column;
  gap: 0.24rem; /* 标题和名单间距 */
}
/* 方向标题：固定512px/48px + 纯蓝背景 + 文字居中 */
.Middle_content .direction-title {
  width: 5.12rem;
  height: 0.48rem;
  background: #074996;
  color: #FFFFFF;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 0.24rem;
  letter-spacing: 0.05rem;
  padding: 0 0.20rem;
  margin: 0;
  display: flex;
  align-items: center; /* 垂直居中 */
  flex-shrink: 0; /* 防止被挤压变形 */
}
/* 姓名列表容器：改为弹性流式布局，自动换行 */
.Middle_content .tutor-name-list {
  font-size: 0.16rem;
  color: #333333;
  line-height: 2;
  padding: 0 0.20rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap; /* 核心：自动换行 */
  gap: 0.24rem; /* 姓名之间的间距，可调整 */
  align-items: center;
}
/* 单个姓名元素：独立标签 + 悬浮高亮 */
.Middle_content .tutor-name {
  cursor: pointer; /* 鼠标悬浮变手型，提示可交互 */
  transition: all 0.2s ease; /* 高亮过渡，更丝滑 */
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.24rem;
  color: #666666;
}
/* 悬浮高亮效果：主色文字 + 轻微放大，视觉明显 */
.Middle_content .tutor-name:hover {
  color: #074996; /* 匹配页面主色 */
  font-weight: 500;
  transform: scale(1.05); /* 轻微放大，不突兀 */
}

/* —————————— 通知列表样式 —————————— */
.Middle_content .notice-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.Middle_content .notice-item {
  display: flex;
  align-items: center;
  padding: 0.12rem 0;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}
.Middle_content .notice-item::before {
  content: "●";
  color: #999999;
  margin-right: 0.10rem;
  font-size: 0.14rem;
  flex-shrink: 0;
  display: inline-block;
}
.Middle_content .notice-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.16rem;
  text-decoration: none;
  line-height: 1.6;
  transition: color 0.3s ease;
  width: 100%;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.18rem;
  color: #666666;
}
.Middle_content .notice-link > div:first-child {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Middle_content .notice-link > div:last-child {
  flex-shrink: 0;
  white-space: nowrap;
  min-width: 0.90rem;
  text-align: right;
}
/* 悬浮交互 */
.Middle_content .notice-item:hover {
  background: rgba(7, 73, 150, 0.03);
  padding: 0.12rem 0.08rem;
  border-radius: 0.04rem;
}
.Middle_content .notice-item:hover .notice-link {
  color: #074996;
}

/* ================================================================================== */
/* 新中间内容主容器 (New_content) */
.New_content {
  width: 100%;
  padding: 0.40rem 0;
  background-color: #ffffff;
}
/* 内容包裹层 */
.New_content .new-wrap {
  width: 100%;
  max-width: 14.40rem;
  margin: 0 auto;
  padding: 0 0.80rem;
  position: relative;
  z-index: 2;
}
/* 右侧内容区 */
.New_content .new-col {
  width: 100%;
  padding: 0;
}
/* 头部容器 */
.New_content .new-header {
  margin-bottom: 0.36rem;
  padding-bottom: 0.12rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
/* 头部底部蓝色短线（和Middle_content保持一致） */
.New_content .new-header::after {
 /* content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 3px;
  background-color: #074996; 
  z-index: 1; */
}
/* 头部左侧标题盒 */
.New_content .new-title-box {
  flex: 1;
}
/* 面包屑（和Middle_content的breadcrumbs样式完全一致） */
.New_content .new-bread {
  font-size: 0.14rem;
  color: #999;
  display: flex;
  align-items: center;
  gap: 0.06rem;
}
.New_content .new-bread img {
  width: 0.16rem;
  height: 0.16rem;
  flex-shrink: 0;
}
.New_content .new-bread span {
  color: #666;
}
.New_content .new-bread a {
  text-decoration: none;
  color: #333;
}
.New_content .new-bread a:hover {
  text-decoration: underline;
}

/* 核心：New_content下的right-content 与 Middle_content的right-content样式完全一致 */
.New_content .right-content {
  width: 100%;
}
/* 正文段落样式（和Middle_content保持一致） */
.New_content .right-content p {
  font-size: 0.16rem;
  line-height: 2;
  color: #333;
  margin-bottom: 0.20rem;
  text-align: justify;
  text-indent: 2em;
  letter-spacing: 0.3px;
}
/* 更新信息样式（和Middle_content保持一致） */
.New_content .update-info {
  text-align: right;
  color: #999;
  font-size: 0.14rem;
  margin-top: 0.40rem;
  text-indent: 0 !important;
  font-style: italic;
}

/* 博士生导师样式 - New_content下完全复用Middle_content的样式 */
.New_content .tutor-direction-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.20rem; /* 方向之间间距 */
  width: 100%;
  margin-bottom: 0.24rem;
}
.New_content .tutor-direction-item {
  display: flex;
  flex-direction: column;
  gap: 0.24rem; /* 标题和名单间距 */
}
.New_content .direction-title {
  width: 2.20rem;
  height: 0.48rem;
  background: #074996;
  color: #FFFFFF;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 0.24rem;
  letter-spacing: 0.05rem;
  padding: 0 0.20rem;
  margin: 0;
  display: flex;
  align-items: center; /* 垂直居中 */
  flex-shrink: 0; /* 防止被挤压变形 */
}
.New_content .tutor-name-list {
  font-size: 0.16rem;
  color: #333333;
  line-height: 2;
  padding: 0 0.20rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap; /* 核心：自动换行 */
  gap: 0.24rem; /* 姓名之间的间距 */
  align-items: center;
}
.New_content .tutor-name {
  cursor: pointer; 
  transition: all 0.2s ease; 
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 0.24rem;
  color: #333333;
}
.New_content .tutor-name:hover {
  color: #074996; 
  font-weight: 500;
  transform: scale(1.05); 
}

/* 通知列表样式 - New_content下完全复用Middle_content的样式 */
.New_content .notice-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.New_content .notice-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}
.New_content .notice-item::before {
  content: "●";
  color: #999999;
  margin-right: 0.10rem;
  font-size: 0.14rem;
  flex-shrink: 0;
  display: inline-block;
}
.New_content .notice-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.16rem;
  text-decoration: none;
  line-height: 1.6;
  transition: color 0.3s ease;
  width: 100%;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.18rem;
  color: #666666;
}
.New_content .notice-link > div:first-child {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.New_content .notice-link > div:last-child {
  flex-shrink: 0;
  white-space: nowrap;
  min-width: 90px;
  text-align: right;
}
.New_content .notice-item:hover {
  background: rgba(7, 73, 150, 0.03);
  padding: 0.12rem 0.08rem;
  border-radius: 0.04rem;
}
.New_content .notice-item:hover .notice-link {
  color: #074996;
}

/* 新内容区容器 */
.New_content .new-content {
  width: 100%;
}
/* 返回按钮容器 */
.New_content .new-content2 {
  display: flex;
  justify-content:flex-end ;
  width: 100%;
  margin-top: 1.30rem;
  padding-bottom:1.30rem;
}
.new-content{
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 0.18rem;
	color: #666666;
	line-height: 0.4rem;
}
/* 返回按钮样式 */
.Go_back{
  width: 1.40rem;
  height: 0.52rem;
  background: #CCCCCC;
  border-radius: 0.04rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.20rem;
  color: #999999;
  line-height: 0.52rem;
  text-align: center;
  cursor: pointer;
}
.Go_back:hover{
  color: #FFFFFF; /* 修正：hover时文字改为白色更清晰 */
  background: #074996;
}

.community{
	text-align: center;
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 500;
	font-size: 0.26rem;
	color: #333333;
	margin-bottom: 0.24rem;
}
.time{
	text-align: center;
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 0.16rem;
	color: #999999;
	margin-bottom: 0.24rem;
}