/* ============================================================
   广西师范大学教师教学发展中心 — 全站样式
   编写顺序：重置 → 版心 → Header → 侧边栏 → Footer → 各页面
   ============================================================ */

/* 1. 全局重置 & 根字号 */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 0.5vw;
	/* 2000px 视口下 1rem = 10px */
	scroll-behavior: smooth;
}

body {
	font-family: "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	background: #ffffff;
	line-height: 1.6;
	min-width: 1366px;
}

a {
	text-decoration: none;
	color: inherit;
	transition: color 0.3s ease, opacity 0.3s ease;
}

a:hover {
	color: #992077;
}

img {
	max-width: 100%;
	display: block;
}

ul,
ol {
	list-style: none;
}
h1,h2,
h3,h4,
h5,h6{
	color: currentColor;
}

/* 2. 版心 & 基础工具类 */
.w_1300 {
	width: 130rem;
	margin: 0 auto;
}

.w_1600 {
	width: 160rem;
	margin: 0 auto;
}

/* 区块标题（首页大标题：书法紫字 + 宋体黑字 + 祥云 + 菱形装饰线） */
.section-header {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 5rem;
}

.section-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 左右菱形装饰线 */
.section-title-wing {
	flex-shrink: 0;
	width: 22rem;
	height: 3rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.section-title-wing--left {
	background-image: url("../images/icon/title_left.png");
}

.section-title-wing--right {
	background-image: url("../images/icon/title_right.png");
}

.section-title-core {
	position: relative;
	flex-shrink: 0;
	margin: 0 3.2rem;
}

.title-cn-row {
	display: flex;
	align-items: stretch;
	gap: 0.6rem;
}

/* 前两字：紫色书法字 + 金色双下划线 */
.title-cn-primary {
	font-family: "KaiTi", "STKaiti", "FangSong", serif;
	font-size: 6.6rem;
	font-weight: bold;
	color: #992077;
	line-height: 0.8;
	letter-spacing: 0.2rem;
	text-shadow: 0.3rem 0.2rem 0 rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 3;
}

.title-cn-primary::after {
	position: absolute;
	content: '';
	right: 0.6rem;
	bottom: 0.5rem;
	width: 17.6rem;
	height: 0.8rem;
	display: block;
	z-index: -1;
	background-image: url('../images/icon/title_bottom.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/* 后两字 + 英文副标题 */
.title-cn-secondary-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 3;
}

/* 祥云底纹 */
.title-cn-secondary-wrap::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-55%);
	width: 9.9rem;
	height: 4.6rem;
	background: url("../images/icon/cloud.png") no-repeat center;
	background-size: contain;
	z-index: -1;
	pointer-events: none;
}

.title-cn-secondary {
	font-family: "SimSun", "Songti SC", "Noto Serif SC", serif;
	font-size: 4.6rem;
	font-weight: bold;
	color: #2c2c2c;
	line-height: 1;
	letter-spacing: 0.2rem;
}

.section-title .title-en {
	font-size: 1.4rem;
	color: #92989c;
	letter-spacing: 0.22rem;
	margin-top: 0.8rem;
	text-transform: uppercase;
	font-family: "Source Han Serif SC", Georgia, serif;
}

.section-title .title-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin-right: 1rem;
	vertical-align: middle;
}

.btn-more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.8rem;
	border: none;
	color: #4a4a4a;
	font-size: 1.4rem;
	transition: opacity 0.3s ease;
	width: 16.8rem;
	height: 4.1rem;
	background-color: transparent;
	background-image: url("../images/icon/more_border.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.btn-more:hover {
	opacity: 0.85;
}

/* 内部：文本 + 金线 + 圆点光晕 */
.btn-more-text {
	flex-shrink: 0;
	color: #454545;
	font-size: 1.4rem;
	line-height: 1;
	white-space: nowrap;
}

.btn-more-deco {
	display: flex;
	align-items: center;
	margin-left: 0.8rem;
}

.btn-more-line {
	width: 4rem;
	height: 0.2rem;
	background: #BFA161;
	margin-right: -0.85rem;
}

.btn-more-dot-halo {
	flex-shrink: 0;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: rgba(191, 161, 97, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-more-dot {
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: #BFA161;
}

/* 3. 公共 Header */
.header-placeholder {
	height: var(--header-height, 14rem);
	transition: height 0.25s ease;
}

/* 内页 Header 叠在 Banner 上，不占文档流高度 */
body.is-header-scroll .header-placeholder {
	height: 0;
}

/* 非内页滚动吸顶后：占位高度收缩为导航栏高度，避免内容跳动 */
body:not(.is-header-scroll) .header-placeholder.is-nav-only {
	height: var(--header-nav-height, 5.2rem);
}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* 滚动吸顶：上移隐藏 logo 区，仅保留导航栏（参考师大人事） */
.site-header.is-nav-only {
	transform: translateY(calc(-1 * var(--header-top-height, 8rem)));
	box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.16);
}

/* ========== 全站 Header 透明样式（默认） ========== */
.site-header .header-top {
	background: transparent;
	transition: background 0.3s ease;
}

.site-header .header-nav {
	background: transparent;
	transition: background 0.3s ease;
}

/* 透明 Header 黑色保底：自上而下渐变至透明，保证顶部 logo/导航可读 */
.site-header:not(.is-header-sticky):not(.is-nav-only) {
	background: linear-gradient(to bottom,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0.3) 45%,
		rgba(0, 0, 0, 0.1) 75%,
		transparent 100%);
}

.site-header:not(.is-header-sticky):not(.is-nav-only) .header-top,
.site-header:not(.is-header-sticky):not(.is-nav-only) .header-nav {
	background: transparent;
}

/* 透明状态下：搜索/EN 按钮适配 Banner 深色背景 */
.site-header:not(.is-header-sticky):not(.is-nav-only) .header-search-toggle {
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

.site-header:not(.is-header-sticky):not(.is-nav-only) .header-lang {
	border-color: rgba(255, 255, 255, 0.85);
	color: #ffffff;
}

.site-header:not(.is-header-sticky):not(.is-nav-only) .header-lang:hover {
	background: rgba(255, 255, 255, 0.15);
	color: #ffffff;
}

/* ========== 吸顶后：主色调背景 ========== */
.site-header.is-header-sticky,
.site-header.is-nav-only {
	background: transparent;
}

.site-header.is-header-sticky .header-top,
.site-header.is-nav-only .header-nav {
	background: #992077;
}

.site-header.is-header-sticky .header-nav {
	background: #992077;
}

.site-header.is-header-sticky .header-search-toggle,
.site-header.is-nav-only .header-search-toggle {
	filter: none;
	opacity: 0.95;
}

.site-header.is-header-sticky .header-lang,
.site-header.is-nav-only .header-lang {
	border-color: rgba(255, 255, 255, 0.85);
	color: #ffffff;
}

.site-header.is-header-sticky .header-lang:hover {
	background: rgba(255, 255, 255, 0.15);
	color: #ffffff;
}

.header-top {
	padding: 1.5rem 0;
}

.header-top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-logos {
	display: flex;
	align-items: center;
	gap: 3rem;
}

.header-logos img {
	height: 5rem;
	width: auto;
	display: block;
}

/* 两个 Logo 横向并排，中间竖线分隔（参考设计图） */
.header-logos img+img {
	padding-left: 3rem;
	border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.header-actions {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.header-actions>*+* {
	margin-left: 1.6rem;
}

/* 头部搜索框：默认隐藏，点击图标后在旁展开（参考师大研工） */
.header-searchbox {
	display: none;
	align-items: center;
}

.header-actions.is-search-open .header-searchbox {
	display: flex;
}

.header-search-row {
	display: flex;
	align-items: center;
	width: 32rem;
	height: 4.8rem;
	background: #ffffff;
	border-radius: 6rem;
	overflow: hidden;
}

.header-search-input {
	flex: 1;
	width: 100%;
	height: 100%;
	padding: 0 0.4rem 0 2rem;
	border: none;
	outline: none;
	font-size: 1.4rem;
	color: #333333;
	font-family: inherit;
}

.header-search-input::placeholder {
	color: #999999;
}

.header-search-submit {
	flex-shrink: 0;
	width: 5.4rem;
	height: 4.4rem;
	border: none;
	background: transparent url("../images/icon/search2.png") no-repeat center;
	background-size: 2rem;
	cursor: pointer;
}

.header-search-toggle {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	border: 0.15rem solid rgba(255, 255, 255, 0.85);
	background: transparent url("../images/icon/search.png") no-repeat center;
	background-size: 2.3rem;
	cursor: pointer;
	flex-shrink: 0;
	transition: opacity 0.3s ease, background 0.3s ease;
}

.header-search-toggle:hover {
	opacity: 1;
}

/* 语言切换：与搜索按钮一致的圆形边框 */
.header-lang {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.6rem;
	height: 3.6rem;
	padding: 0;
	border: 0.15rem solid rgba(255, 255, 255, 0.85);
	border-radius: 50%;
	font-size: 1.3rem;
	color: #ffffff;
	cursor: pointer;
	flex-shrink: 0;
	line-height: 1;
	transition: opacity 0.3s ease, background 0.3s ease;
}

.header-lang:hover {
	background: rgba(255, 255, 255, 0.15);
	color: #ffffff;
}

.header-nav-inner {
	display: flex;
	align-items: center;
}

.nav-list {
	display: flex;
	align-items: center;
	width: 100%;
}

.nav-list li {
	flex: 1;
	text-align: center;
}

/* 导航项容器（含二级菜单） */
.nav-item {
	position: relative;
	flex: 1;
	text-align: center;
}

.nav-item>a {
	display: block;
	padding: 1.6rem 0;
	color: #ffffff;
	font-size: 1.6rem;
	position: relative;
	transition: all 0.3s ease;
}

.nav-item>a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0.3rem;
	background: #f0c040;
	transition: width 0.3s ease;
}

.nav-item>a:hover::after,
.nav-item>a.active::after {
	width: 60%;
}

.nav-item>a.active {
	font-weight: bold;
}

/* 成果页等无二级菜单的导航项 */
.nav-list>li>a {
	display: block;
	padding: 1.6rem 0;
	color: #ffffff;
	font-size: 1.6rem;
	position: relative;
	transition: all 0.3s ease;
}

.nav-list>li>a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0.3rem;
	background: #f0c040;
	transition: width 0.3s ease;
}

.nav-list>li>a:hover::after,
.nav-list>li>a.active::after {
	width: 60%;
}

.nav-list>li>a.active {
	font-weight: bold;
}

/* 二级下拉菜单 */
.nav-submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 18rem;
	background: #ffffff;
	box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.16);
	border-radius: 0 0 0.6rem 0.6rem;
	overflow: hidden;
	z-index: 1000;
	padding: 0.8rem 0;
}

.nav-item.has-submenu:hover .nav-submenu {
	display: block;
}

.nav-submenu li {
	flex: none;
	text-align: left;
}

.nav-submenu a {
	display: block;
	padding: 1.2rem 2rem;
	color: #333333;
	font-size: 1.4rem;
	white-space: nowrap;
	transition: all 0.3s ease;
}

.nav-submenu a::after {
	display: none;
}

.nav-submenu a:hover {
	background: #f8f0f6;
	color: #992077;
}

/* 成果页独立导航 */
.site-header.header-achievement .header-nav {
	background: #992077;
}

/* 4. 首页右侧卷轴式锚点侧边栏 */
.float-sidebar {
	position: fixed;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 998;
	width: 9.2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	filter: drop-shadow(0 0.4rem 1.6rem rgba(0, 0, 0, 0.12));
}

/* 米黄卷轴主体 */
.sidebar-body {
	width: 100%;
	position: relative;
	z-index: 3;
}
.sidebar-body::before{
	position: absolute;
	top: 0.1rem;
	left: 0;
	transform: translateY(-100%);
	content: '';
	width: 9.2rem;
	height: 4rem;
	background-size: 100% auto;
	background-image: url('../images/ftool_top.png');
	background-repeat: no-repeat;
	display: block;
	z-index: -1;
}
/* 底部内凹弧线，与 TOP 按钮衔接 */
.sidebar-body::after {
	content: "";
	position: absolute;
	bottom: 0.1rem;
	left: 0;
	transform: translateY(100%);
	width: 9.2rem;
	height: 3rem;
	background-size: 100% auto;
	background-image: url('../images/ftool_bottom.png');
	background-repeat: no-repeat;
	display: block;
	z-index: -1;
}

.sidebar-nav {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

/* 导航项 */
.sidebar-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.4rem 0.6rem;
	color: #333333;
	font-size: 1.5rem;
	line-height: 1.35;
	text-align: center;
	transition: color 0.25s ease;
	background-image: url('../images/ftool_middle.png');
	background-size: cover;
}

.sidebar-item::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 5.6rem;
	height: 1px;
	background: rgba(153, 39, 119, 0.3);
}

.sidebar-item:last-child::after {
	display: none;
}

.sidebar-label {
	z-index: 1;
}

.sidebar-label.is-col2 {
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}

/* 选中态：紫色文字 + 祥云底纹 + 菱形分隔线 */
.sidebar-item.active,
.sidebar-item:hover {
	color: #992077;
}
.sidebar-item.active .sidebar-label::after{
	position: absolute;
	z-index: -1;
	content: '';
	bottom: 0.5rem;
	right: 1rem;
	width: 2em;
	height: 1em;
	font-size: 3rem;
	background-size: 100% 100%;
	background-image: url('../images/icon/cloud.png');
	display: block;
}
.sidebar-item.active .sidebar-label::before{
	position: absolute;
	z-index: -1;
	content: '';
	bottom: 0.3rem;
	left: 50%;
	margin-left: -4em;
	width: 8em;
	height: 1em;
	font-size: 0.8rem;
	background-size: 100% 100%;
	background-image: url('../images/ftool_line.png');
	display: block;
}

/* 回到顶部按钮 */
.sidebar-top {
	width: 100%;
	height: 8.5rem;
	margin-top: 1.5rem;
	background: url('../images/ftool_gotop.png');
	background-size: 100% 100%;
	border: none;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	transition: background 0.25s ease;
	position: relative;
	overflow: hidden;
}

/* 5. 公共 Footer */
.site-footer {
	position: relative;
	background: #992077;
	color: #ffffff;
	padding: 5rem 0 0;
	overflow: hidden;
}

/* 左侧建筑水印 */
.footer-watermark {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 45%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, transparent 100%);
	pointer-events: none;
}

.footer-inner {
	position: relative;
	z-index: 1;
}

/* Logo 独立一行靠左 */
.footer-logos {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 3rem;
	margin-bottom: 4.5rem;
}

.footer-logos img {
	height: 5.6rem;
	width: auto;
	display: block;
}

.footer-logos img+img {
	padding-left: 3rem;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.footer-main {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1.45fr;
	gap: 4rem;
	padding-bottom: 4.5rem;
}

/* 联系方式：标签 + 内容分行 */
.footer-contact .footer-info-row {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.footer-contact .footer-info-row:last-child {
	margin-bottom: 0;
}

.footer-info-label {
	flex-shrink: 0;
	width: 5rem;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 3rem;
}

.footer-info-content .text {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 3rem;
	opacity: 0.9;
	margin-bottom: 0;
}

.footer-tit {
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

.footer-item {
	font-size: 1.6rem;
	line-height: 3rem;
	opacity: 0.9;
}

.footer-item {
	margin-bottom: 1rem;
}

.footer-a {
	color: #ffffff;
	opacity: 0.9;
	transition: opacity 0.3s ease;
}

.footer-a:hover {
	opacity: 1;
	color: #ffffff;
}

.footer-qrcodes {
	display: flex;
	gap: 1.2rem;
}

.footer-qrcode-item {
	text-align: center;
	flex: 1;
}

.footer-qrcode-item .img {
	width: 12rem;
	height: 12rem;
	background: #ffffff;
	margin-bottom: 0.8rem;
}

.footer-qrcode-item span {
	display: block;
	font-size: 1.1rem;
	line-height: 1.5;
	opacity: 0.9;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 2rem 0;
	text-align: center;
	font-size: 1.2rem;
	opacity: 0.75;
	position: relative;
	z-index: 1;
}

/* ============================================================
   6. 首页专属样式
   ============================================================ */

/* Hero Banner 轮播 */
.hero-banner {
	width: 100%;
	height: 68rem;
	position: relative;
	overflow: hidden;
}

.hero-banner .swiper-slide {
	height: 68rem;
}

.hero-banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hero-banner .swiper-pagination-bullet,.achievement-banner .swiper-pagination-bullet{
	width: 1.2rem;
	height: 1.2rem;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.hero-banner .swiper-pagination-bullet-active ,.achievement-banner .swiper-pagination-bullet-active{
	background: #ffffff;
	width: 3rem;
	border-radius: 0.6rem;
}

/* 通知公告 */
.section-notice {
	padding: 5rem 0 8rem;
	background-image: url('../images/section1_bg.png');
	background-size: cover;
}

.notice-grid {
	display: flex;
	align-items: stretch;
}

.notice-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 4.8rem 3rem;
	border-bottom: 1px solid #eeeeee;
	position: relative;
	z-index: 3;
}
.notice-item:not(:last-child){
	margin-right: 7.6rem;
}
.notice-item::after{
	position: absolute;
	content: '';
	width: 1em;
	height: 1em;
	border-radius: 1em;
	font-size: 6.6rem;
	display: block;
	top: 0;
	left: 2.8rem;
	margin-top: -0.5em;
	background-size: 1em auto;
	background-image: url('../images/logo_ssm.png');
	opacity: 0;
	transition: all 0.3s ease;
}
.notice-item:hover::after{
	left: calc(100% - 1em - 2.8rem);
	opacity: 1;
}
.notice-item::before{
	position: absolute;
	content: '';
	display: block;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #992777;
	background-repeat: no-repeat;
	background-image: url('../images/notice_bg.png');
	background-size: 100% auto;
	background-position: bottom;
	z-index: -1;
	transition: all 0.3s ease;
}
.notice-item:nth-child(odd)::before{
	bottom: 0;
	transform-origin: bottom;
}
.notice-item:nth-child(even)::before{
	top: 0;
	transform-origin: top;
}
.notice-item:hover::before{
	height: 100%;
}
.notice-item:hover >* {
	color: #fff;
	transition: all 0.3s ease;
}


.notice-day-wrap {
	display: flex;
	align-items: flex-end;
	color: #992777;
	margin-bottom: 2.2rem;
}

.notice-day {
	display: block;
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1;
}

.notice-month {
	display: block;
	font-size: 1.6rem;
	margin-left: 1.2rem;
}

.notice-title {
	font-size: 2rem;
	line-height: 2.6rem;
	font-weight: 500;
	color: #333333;
	margin-bottom: 1.7rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.notice-summary {
	font-size: 1.6rem;
	color: #989EA3;
	line-height: 2.4rem;
	height: 4.8rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 新闻动态 */
.section-news {
	padding: 7.5rem 0 11.5rem;
	background-image: url('../images/section2_bg.png'),linear-gradient(180deg, #FDF7F1 0%, #FDF7F1 100%);
	background-size: cover;
}

.news-grid {
	display: flex;
}

.news-card {
	flex: 1;
	background-color: #ffffff;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
	transition: all 0.3s ease;
}
.news-card:not(:last-child){
	margin-right: 4.6rem;
}

.news-card:hover {
	transform: translateY(-0.4rem);
	box-shadow: 0 0.6rem 2rem rgba(153, 32, 119, 0.12);
	background-image: url('../images/news_bg.png');
}

.news-card-img {
	height: 27rem;
	overflow: hidden;
}

.news-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.news-card:hover .news-card-img img {
	transform: scale(1.05);
}

.news-card-body {
	padding: 2.8rem 3.6rem 3.6rem;
}

.news-card-title {
	font-size: 2rem;
	line-height: 2.6rem;
	color: #333;
	font-weight: 500;
	margin-bottom: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-card-summary {
	font-size: 1.6rem;
	color: #989EA3;
	line-height: 2.4rem;
	height: 4.8rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 1.8rem;
}
.news-card:hover .news-card-title,
.news-card:hover .news-card-summary{
	color: #992777;
}

.news-card-date {
	font-size: 1.4rem;
	color: #B3B8BD;
	line-height: 2.2rem;
}
.news-card-date::before{
	display: inline-block;
	width: 1em;
	height: 1em;
	content: '';
	background-size: 1em auto;
	background-image: url('../images/icon/date.png');
	font-size: 1.4rem;
	vertical-align: middle;
	margin: -3px 0.5rem 0 0;
}

/* 东苑讲堂 */
.section-lecture {
	padding: 7.5rem 0 11rem;
	background: linear-gradient(180deg, #F0F9FC 0%, #F0F4FC 100%);
}

.lecture-wrap {
	display: flex;
	align-items: stretch;
}
.lecture-wrap >*:not(:last-child){
	margin-right: 3rem;
}

.lecture-left {
	position: relative;
	text-align: center;
	height: 46.7rem;
	width: 51rem;
	overflow: hidden;
	flex-shrink: 0;
}
.lecture-left .img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}


.lecture-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
}

.lecture-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 2.4rem;
	padding-right: 0.5rem;
	flex-shrink: 0;
}

.lecture-nav .lecture-arrow {
	position: static;
	width: 4.2rem;
	height: 4.2rem;
	margin: 0;
	border: 1px solid #992077;
	border-radius: 50%;
	background: transparent;
	color: #992077;
}

.lecture-nav .lecture-arrow::after {
	font-size: 1.4rem;
	font-weight: bold;
}

.lecture-nav .swiper-pagination {
	position: static;
	width: auto;
	display: flex;
	align-items: center;
	margin: 0 2.8rem;
}

.lecture-nav .swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	background: #EBEBEB;
	opacity: 1;
	margin: 0;
}
.lecture-nav .swiper-pagination-bullet:not(:last-child){
	margin-right: 1rem;
}

.lecture-nav .swiper-pagination-bullet-active {
	background: #992077;
}

.lecture-swiper {
	flex: 1;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.lecture-swiper .swiper-wrapper {
	height: 100% !important;
	align-items: flex-start;
}

.lecture-swiper .swiper-slide {
	height: 100%;
	box-sizing: border-box;
}

.lecture-card {
	position: relative;
	background-color: #ffffff;
	background-image: url('../images/lecture_bg.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom;
	border: 1px solid #d4b896;
	padding: 2.5rem 2.5rem 3rem;
	overflow: hidden;
	box-sizing:border-box;
	height: 100%;
	cursor: pointer;
	display: block;
}
.lecture-card:hover{
	border-color: #A11C79;
	background-color: #F3EDF5;
}


.lecture-card-title {
	font-size: 2rem;
	font-weight: 500;
	line-height: 3rem;
	height: 6rem;
	margin-bottom: 4.6rem;
	color: #333333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.lecture-card:hover .lecture-card-title,.lecture-card:hover .lecture-meta-item{
	color: #992077;
}

.lecture-brand {
	color: #992077;
}

.lecture-card-line {
	width: 3.2rem;
	height: 0.2rem;
	background: #992077;
	margin-bottom: 3.3rem;
}

.lecture-meta {
	display: flex;
	flex-direction: column;
}
.lecture-meta-item:not(:last-child){
	margin-bottom: 2.4rem;
}

.lecture-meta-item {
	display: flex;
	align-items: flex-start;
	font-size: 1.6rem;
	color: #333;
	line-height: 2.4rem;
}

.lecture-meta-item::before {
	width: 1em;
	height: 1em;
	margin-right: 1rem;
	flex-shrink: 0;
	margin-top: 0.2rem;
	content: '';
	font-size: 2rem;
	display: block;
	background-size: 1em auto;
	background-image: url('../images/icon/icon_a.png');
}
.lecture-meta-item.date::before{
	background-position-y: 0;
}
.lecture-meta-item.local::before{
	background-position-y: -1em;
}
.lecture-meta-item.people::before{
	background-position-y: -2em;
}

/* 教师风采 */
.section-teacher {
	padding: 7.5rem 0 5rem;
	background-color: #fff;
	background-image: url('../images/section3_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}

.section-teacher::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("../images/watermark/bg-watermark.png") no-repeat center;
	background-size: cover;
	opacity: 0.04;
	pointer-events: none;
}

.section-teacher .w_1600 {
	position: relative;
	z-index: 1;
}

/* 教师风采区查看更多（沿用同一套内部装饰） */
.btn-more-gold .btn-more-text {
	color: #4a4a4a;
}

/* 左右分栏：左图右文+轮播 */
.teacher-wrap {
	display: grid;
	grid-template-columns: 62rem 1fr;
	gap: 5rem;
	align-items: start;
}

.teacher-left {
	display: flex;
	align-items: center;
	justify-content: center;
}

.teacher-avatar-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52rem;
	height: 52rem;
	z-index: 3;
}
.teacher-avatar-wrap::after{
	content: '';
	position: absolute;
	width: 1em;
	height: 1em;
	font-size: 52rem;
	background-size: 100% auto;
	display: block;
	background-image: url('../images/photo_border.png');
	top: 51%;
	left: 50%;
	margin: -0.5em 0 0 -0.5em;
	z-index: 1;
	pointer-events: none;
}

/* 紫色竖向姓名标签 */
.teacher-badge {
	position: absolute;
	left: 1.5rem;
	top: 40%;
	transform: translateY(-50%);
	z-index: 2;
	color: #ffffff;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	padding: 2rem 1rem;
	font-size: 2rem;
	letter-spacing: 0.3rem;
	white-space: nowrap;
}
.teacher-badge .t{
	font-size: 2.6rem;
}
.teacher-badge::after{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, #992777 0%, #E39FCE 100%);
	border-radius: 0.4rem;
	transform: skewY(8deg);
	z-index: -1;
}

.teacher-avatar-large {
	width: 38rem;
	height: 38rem;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.teacher-avatar-large img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.teacher-right {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 5.6rem 0 2rem;
}

.teacher-info {
	margin-bottom: 5.6rem;
}

.teacher-heading {
	font-size: 2.4rem;
	font-weight: bold;
	color: #333333;
	line-height: 3rem;
	margin-bottom: 3.3rem;
}

.teacher-bio {
	font-size: 1.4rem;
	color: #666666;
	line-height: 2.4rem;
	height: 9.6rem;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 3.2rem;
}

.teacher-more-link {
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #b8941f;
	transition: color 0.3s ease;
}

.teacher-more-link:hover {
	color: #992077;
}

/* 教师头像列表：纯 flex 布局，不用 Swiper 避免高度撑开 */
.teacher-list-wrap {
	display: flex;
	align-items: flex-start;
	padding: 0;
	margin:-15rem 0 0 62rem;
}

.teacher-list-wrap .teacher-arrow {
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	margin-top: 5.5rem;
	border: none;
	background: transparent;
	color: #992077;
	font-size: 3rem;
	cursor: pointer;
	line-height: 1;
	transition: opacity 0.3s ease;
}

.teacher-list-wrap .teacher-arrow:hover {
	opacity: 0.7;
}

.teacher-list {
	flex: 1;
	display: flex;
	justify-content: space-between;
	min-width: 0;
	margin: 0 1rem;
}

.teacher-item {
	flex: 1;
	max-width: 14rem;
	text-align: center;
	cursor: pointer;
}

.teacher-item .teacher-avatar-small {
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	overflow: hidden;
	border: 0.3rem solid transparent;
	margin: 0 auto 1rem;
	transition: all 0.3s ease;
}

.teacher-item .teacher-avatar-small img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.teacher-item .teacher-name {
	font-size: 1.6rem;
	font-weight: 400;
	color: #555;
	margin-bottom: 1rem;
}

.teacher-item .teacher-subtitle {
	font-size: 1.4rem;
	color: #555;
	line-height: 2rem;
	min-height: 4rem;
	display: none;
}

/* 选中态 */
.teacher-item.is-active .teacher-avatar-small {
	border-color: #992077;
}

.teacher-item.is-active .teacher-name {
	color: #992077;
}

.teacher-item.is-active .teacher-subtitle {
	display: block;
}

/* 校内平台 & 资源平台（合并为一张白卡片） */
.section-platform {
	padding: 6rem 0 0;
	background: #f8f0f6;
}
.section-platform .section-title .title-cn-primary{
	font-size: 4.8rem;
}
.section-platform .section-title .title-cn-secondary{
	font-size: 3.6rem;
}
.section-platform .section-title .title-en{
	font-size: 1.2rem;
	letter-spacing: 0;
}

.platform-card {
	background-color: #ffffff;
	background-image: url('../images/platform_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-radius: 2rem;
	padding: 4rem 5rem;
	box-shadow: 0 0.4rem 2.4rem rgba(153, 32, 119, 0.08);
}

.platform-row {
	display: grid;
	grid-template-columns: 26rem 1fr;
	align-items: center;
	gap: 3rem;
	padding: 2rem 0;
}

.platform-row+.platform-row {
	margin-top: 1rem;
	padding-top: 3rem;
	border-top: 1px solid #eeeeee;
}

.platform-icons {
	display: flex;
	align-items: flex-start;
}

.platform-icon-item {
	flex: 1;
	text-align: center;
	padding: 0 1.2rem;
	border-left: 1px solid #eeeeee;
	transition: transform 0.3s ease;
}


.platform-icon-item:hover {
	transform: translateY(-0.3rem);
}

.platform-icon-item .ico {
	width: 5rem;
	height: 5rem;
	margin: 0 auto 1rem;
}

.platform-icon-item span {
	display: block;
	font-size: 1.3rem;
	color: #666666;
	line-height: 1.5;
}

/* 首页：平台卡片叠入 Footer，加大 padding */
.page-home .section-platform {
	padding: 8.5rem 0 0;
	background: #FCF5F1;
	position: relative;
	z-index: 2;
}

.page-home .platform-card {
	border-radius: 2.4rem;
	padding: 5rem 5.5rem 4.5rem;
	position: relative;
	bottom: -17rem;
	margin-top: -17rem;
}

.page-home .site-footer {
	padding-top: 25rem;
}

/* ============================================================
   7. 列表页 / 详情页公共样式（参考师大研工内页）
   ============================================================ */

body.page-inner {
	background: #faf8fa;
}

/* ============================================================
   7.1 列表页专属样式
   ============================================================ */

/* 栏目 Banner（参考师大研工 page-banner 68rem） */
.column-banner {
	width: 100%;
	height: 62rem;
	position: relative;
	overflow: hidden;
}

.column-banner-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.column-banner-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.column-banner-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.45) 100%);
}

.column-banner-content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	height: 100%;
	color: #ffffff;
	/* 宽度由 w_1600 控制，勿设 width:100% 以免撑满全屏 */
}

.column-banner-column .title {
	font-size: 4.8rem;
	font-weight: bold;
	line-height: 7rem;
	font-family: "SimSun", "Songti SC", "STSong", serif;
	position: relative;
	z-index: 3;
}
.column-banner-column .title::after{
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	width: 2em;
	height: 1em;
	font-size: 4.6rem;
	background-size: 100% 100%;
	background-image: url('../images/icon/cloud2.png');
	right: 0;
	top: 50%;
	margin: -0.2em -0.6em 0 0;
}

.column-banner-column .subtitle {
	font-size: 1.8rem;
	letter-spacing: 0.2rem;
	line-height: 2.4rem;
	font-family: "SimSun", "Songti SC", "STSong", serif;
}
.column-banner-column .subtitle::before{
	content: '';
	display: inline-flex;
	width: 2em;
	height: 2px;
	background-color: currentColor;
	vertical-align: middle;
	margin: -3px 1rem 0 0;
}

/* 宣传图上的面包屑（列表/详情页唯一面包屑位置） */
.column-banner .breadcrumb {
	position: absolute;
	bottom: 3rem;
	font-size: 1.8rem;
	line-height: 2.6rem;
	color: #ffffff;
}
.breadcrumb{
	display: flex;
	align-items: center;
}
.breadcrumb::before{
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	background-size: 1em auto;
	 background-image: url('../images/icon/home.png'); 
	font-size: 2rem;
	margin-right: 1.2rem;
}


.breadcrumb1{
	display: flex;
	align-items: center;
margin-bottom:10px;
justify-content:space-between;
flex-direction:row;
}
.breadcrumb1::before{
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	background-size: 1em auto;
	/*background-image: url('../images/icon/home.png');*/
	font-size: 13px;
	margin-right: 1.2rem;
}

.breadcrumb .itm {
	color: #ffffff;
	display: block;
}
.breadcrumb span{
	margin: 0 0.8rem;
}

/* Tab 切换栏：外层全宽底色，内层 w_1600 版心左对齐 */
.tab-nav {
	background: #F5E8E1;
}

.tab-nav-inner {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.tab-item {
	flex: none;
	text-align: center;
	padding: 3rem 4rem;
	font-size: 2.6rem;
	color: #333333;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
	font-family: "SimSun", "Songti SC", "STSong", serif;
}

.tab-item:hover {
	color: #992077;
}

.tab-item.selected {
	background: #992077;
	color: #ffffff;
	font-weight: bold;
}

/* 列表区域 */
.list-section {
	padding: 7rem 0 8rem;
	background-color: #FCF5F1;
	background-image: url('../images/section2_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.list-content {
}

.list-group {
	overflow: hidden;
	margin-bottom: 2rem;
}

.list-group:last-child {
	margin-bottom: 0;
}

.list-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.4rem 0;
	border-bottom: 1px dashed #cccccc;
	transition: color 0.3s ease, padding 0.3s ease;
}

.list-item:hover {
	padding-left: 1rem;
	padding-right: 1rem;
}

.list-item::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	background: #992077;
	border-radius: 50%;
	margin-right: 1.5rem;
	flex-shrink: 0;
}

.list-title {
	flex: 1;
	font-size: 1.8rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 3rem;
}

.list-title:hover {
	color: #992077;
}

.list-date {
	font-size: 1.8rem;
	color: #9CA0A6;
	flex-shrink: 0;
}

.tab-panel {
	display: none;
}

.tab-panel.active {
	display: block;
}


/* 列表页分页（行高 4rem、底 #F5F5F5、字 1.3rem #87898C） */
.list_pagination,.wp_paging {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.2rem;
	margin-top: 7rem;
	font-size: 1.3rem;
	line-height: 1;
	font-family: inherit;
	color: #87898C;
}
.list_pagination >div,.wp_paging >li{
	display: inline-flex!important;
	min-height: 4rem;
	height: 4rem;
}
.wp_paging >li>span,.wp_paging >li>a{
	margin: 0;
}
.pagination_info,.pages_count {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 4rem;
	height: 4rem;
	padding: 0 1.6rem;
	background: #F5F5F5;
	border-radius: 0.3rem;
	color: #87898C;
	white-space: nowrap;
}

.pagination_page_ratio {
	margin-left: 0.35em;
	color: #87898C;
}

.pagination_cur_num {
	color: #992077;
	font-weight: 500;
}

.pagination_nums,.wp_paging .page_nav {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.2rem;
}

.list_pagination .pagination_num,
.wp_paging .page_nav a,
.list_pagination .pagination_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 2.8rem;
	min-height: 4rem;
	height: 4rem;
	padding: 0 1.6rem;
	background: #F5F5F5;
	border-radius: 0.3rem;
	color: #87898C;
	text-decoration: none;
	border: none;
	font-size: 1.3rem;
	line-height: 1;
	transition: background 0.15s, color 0.15s;
}
.wp_paging  .page_nav a,
.list_pagination .pagination_btn {
	padding: 0 1.6rem;
	min-width: auto;
}

.list_pagination .pagination_num:hover,
.wp_paging .page_nav a:hover,
.list_pagination .pagination_btn:hover {
	color: #992077;
	background: #ebebeb;
}

.list_pagination .pagination_num.selected {
	background: #992077;
	color: #ffffff;
	font-weight: 500;
}

.list_pagination .pagination_num.selected:hover {
	background: #992077;
	color: #ffffff;
}

.pagination_jump {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.2rem;
	margin-left: 0;
}

.pagination_jump_box,.wp_paging .page_jump {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	gap: 0.2rem;
	min-height: 4rem;
	height: 4rem;
	padding: 0 ;
	background: #F5F5F5;
	border-radius: 0.3rem;
	color: #87898C;
	white-space: nowrap;
}
.wp_paging .page_jump .pages{
	padding: 0 1.2rem;
}
.wp_paging .page_jump a{
	margin: 0;
}
.pagination_input,.wp_paging .page_jump .pageNum {
	width: 4.6rem;
	height: 3.8rem;
	padding: 0 0.4rem;
	margin: 0 1.2rem;
	box-sizing: border-box;
	background: #ffffff;
	border: none;
	border-radius: 0.25rem;
	color: #333333;
	font-size: 1.3rem;
	text-align: center;
	outline: none;
	-moz-appearance: textfield;
}

.pagination_input::-webkit-outer-spin-button,
.pagination_input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.pagination_ok ,.wp_paging .page_jump .pagingJump{
	box-sizing: border-box;
	min-height: 4rem;
	height: 4rem;
	line-height: 4rem;
	padding: 0 1.6rem;
	background: #fff0fa;
	border: none;
	border-radius: 0.3rem;
	color: #992077;
	font-size: 1.3rem;
	cursor: pointer;
	transition: background 0.15s;
}

.pagination_ok:hover,.wp_paging .page_jump .pagingJump:hover {
	background: #d4e5f5;
}

/* ============================================================
   8. 详情页专属样式
   ============================================================ */

.article-section {
	padding: 7rem 0 8rem;
	background-color: #FCF5F1;
	background-image: url('../images/section2_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.article-content {
	background: #ffffff;
	border-radius: 2rem;
	padding: 6.5rem 5rem 7.5rem;
	box-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.06);
}

.article-header {
	text-align: center;
	padding-bottom: 3.6rem;
	border-bottom: 1px solid #dfe1e6;
	margin-bottom: 0;
}

.article-header .title {
	font-size: 4rem;
	font-weight: 500;
	line-height: 5.3rem;
	margin-bottom: 2.8rem;
}

.article-meta {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #999999;
}

.article-meta .itm {
	margin: 0 2rem;
}

.article-body {
	font-size: 1.6rem;
	line-height: 3rem;
	color: #333;
	padding: 7.5rem 1.8rem 0;
}

.attachment {
	margin-top: 4rem;
	padding-top: 3rem;
	border-top: 1px solid #eeeeee;
	font-size: 1.5rem;
}

.attachment-label {
	font-weight: bold;
	color: #333333;
}

.attachment a {
	color: #0066cc;
	margin-left: 1rem;
}

.attachment a:hover {
	text-decoration: underline;
}

/* 上下篇导航（参考师大人事 detail_nav） */
.article-nav {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 12rem;
	margin-top: 12rem;
	padding-top: 0;
	border-top: none;
}

.article-nav a {
	width: 39rem;
	max-width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #cdd0d4;
	font-size: 1.3rem;
	color: #555555;
	background: transparent;
	border-radius: 0;
	position: relative;
	z-index: 1;
	min-width: 0;
	overflow: hidden;
	transition: padding 0.3s ease;
}

.article-nav a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f8f0f6;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.3s linear;
	z-index: -1;
}

.article-nav a:hover {
	padding: 1.2rem 1.2rem 1.3rem;
	color: #555555;
	background: transparent;
}

.article-nav a:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.article-nav .prev::after,
.article-nav .next::after {
	content: "←";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	color: #992077;
}

.article-nav .next::after {
	content: "→";
	right: auto;
	left: 0;
}

.article-nav .prev {
	padding-right: 4rem;
}

.article-nav .next {
	text-align: left;
	padding-left: 4rem;
}

.article-nav .nav-label {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.4rem;
	color: #333333;
}

.article-nav .nav-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ============================================================
   9. 成果展示页专属样式
   ============================================================ */

/* 成果页 Banner */
.achievement-banner {
	width: 100%;
	height: 60rem;
	position: relative;
}

.achievement-banner .swiper-slide {
	height: 60rem;
}

.achievement-banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 成果简介+成果视频 并排布局 */
.section-achieve-combo {
	padding: 7rem 0 12rem;
	background-image: url('../images/section4_bg.png');
	background-size: cover;
	background-position: bottom;
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.section-achieve-combo::after{
	position: absolute;
	content: '';
	display: block;
	width: 103rem;
	height: 42rem;
	top: 0;
	right: 0;
	background-color: #992777;
	background-image: url('../images/section2_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	border-radius: 0 0 0 10rem ;
}

.achieve-combo-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 60rem;
}
.achieve-combo-wrap >:not(:last-child){
	margin-right: 17rem;
}

/* 成果简介部分 */
.achieve-intro-part {
	padding: 6rem 5rem;
	display: flex;
	position: relative;
}

.achieve-intro-part::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url("../images/watermark/bg-watermark.png") no-repeat left bottom;
	background-size: 70% auto;
	opacity: 0.08;
	pointer-events: none;
}

.achieve-intro-text {
	position: relative;
	z-index: 1;
}

.achieve-intro-text .achieve-section-head {
	margin-bottom: 3rem;
	justify-content: flex-start;
}

.achieve-intro-text p {
	font-size: 1.6rem;
	color: #666666;
	line-height: 2.2;
	margin-bottom: 3rem;
}

/* 成果视频部分 */
.achieve-video-part {
	padding: 6rem 5rem;
	display: flex;
	position: relative;
	overflow: hidden;
}

.achieve-video-part::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/watermark/bg-watermark.png") no-repeat right center;
	background-size: 80% auto;
	opacity: 0.12;
	pointer-events: none;
}

.achieve-video-content {
	position: relative;
	z-index: 1;
	width: 100%;
       top:-25px;
}

.achieve-video-part .achieve-section-head {
	margin-bottom: 3rem;
}

.achieve-video-player {
	overflow: hidden;
	position: relative;
	background: #000000;
	height: 36rem;
}

.achieve-video-player video {
	width: 100%;
	height: 100%;
	display: block;
}

/* 按钮样式 */
.btn-outline {
	display: inline-block;
	padding: 1rem 2.5rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: #BFA161;
	transition: all 0.3s ease;
	background-image: url('../images/icon/more_border2.png');
	background-size: 100% 100%;
}
.btn-outline:hover{
	color: #BFA161;
}
.btn-outline::after {
	display: inline-block;
	content: "";
	width: 4em;
	height: 1em;
	background-size: 100% 100%;
	background-image: url('../images/icon/arrow.png');
	font-size: 0.6rem;
	margin:-0.7rem 0 0 0.8rem;
	vertical-align: middle;
}

/* 申报书 + 支撑材料 */
.section-achieve-materials {
	padding: 7rem 0 12rem;
	background: linear-gradient(180deg, #FDF7F1 0%, #FDF7F1 100%);
}

.achieve-materials-wrap {
	display: flex;
}
.achieve-materials-part{
	flex: 1;
}
.achieve-materials-part:not(:last-child){
	margin-right: 14rem;
}

.achieve-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3rem;
}

.achieve-section-head .title {
	font-size: 4rem;
	line-height: 5.6rem;
	color: #2C2C2C;
	font-family: "SimSun", "Songti SC", serif;
	position: relative;
	display: inline-block;
}
.achieve-section-head .title .t{
	color: #992777;
}

.achieve-section-head .title::after {
	content: "";
	position: absolute;
	right: -4rem;
	top: 50%;
	transform: translateY(-50%);
	width: 8rem;
	height: 4rem;
	background: url("../images/icon/cloud.png") no-repeat center;
	background-size: contain;
}

.achieve-section-head .subtitle {
	font-size: 1.2rem;
	color: #92989C;
	letter-spacing: 0.2rem;
	position: relative;
	z-index: 3;
}
.achieve-section-head .subtitle::before{
	position: absolute;
	content: '';
	width: 17.8rem;
	height: 0.8rem;
	background-image: url('../images/icon/title_bottom.png');
	background-size: 100% 100%;
	left: 0;
	top: 50%;
	margin-top: -0.4rem;
	z-index: -1;
	transform: rotateY(180deg);
	opacity: 0.75;
}

.achieve-section-text{
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 3rem;
	color: #333333;
	margin: 6rem 0 8rem;
}

/* 紫色背景下的白色文字 */
.achieve-video-part .achieve-section-head .title {
	color: #ffffff;
}
.achieve-video-part .achieve-section-head .title .t{
	color: #BFA161;
}

.achieve-video-part .achieve-section-head .title::after {
	background-image: url("../images/icon/cloud-white.png")  ;
}

.achieve-video-part .achieve-section-head .subtitle {
	color: rgba(255, 255, 255, 0.7);
}


/* 申报书 Grid */
.proposal-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.proposal-item:nth-child(n+3){
	margin-top: 2.2rem;
}
.proposal-item:nth-child(odd){
	margin-right: 2.2rem;
}
.proposal-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem 2.4rem;
	background: #ffffff;
	font-size: 2rem;
	line-height: 2.6rem;
	color: #000;
	transition: all 0.3s ease;
	box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.04);
	position: relative;
	z-index: 3;
}
.proposal-item::before{
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #992777;
	background-image: url('../images/section3_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}
.proposal-item:hover{
	color: #fff;
}
.proposal-item:hover::before {
	width: 100%;
}
.proposal-item:hover::after {
	border-color: #BFA161;
}

.proposal-item::after {
	content: "";
	width: 4em;
	height: 4em;
	border-radius: 4em;
	background-size: 2.5em auto;
	background-image: url('../images/icon/arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0.8rem;
	box-sizing: border-box;
	transition: all 0.3s ease;
	border: 1px dashed transparent;
}

/* 手风琴 Accordion */
.accordion-list {
	display: flex;
	flex-direction: column;
}

.accordion-item {
	overflow: hidden;
	  border-bottom: 1px solid #D8DDE3;
	  padding: 2.5rem 0;
}
.accordion-item:not(:last-child){
	margin-bottom: 1rem;
}

.accordion-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 2rem;
	line-height: 2.6rem;
	color: #333333;
	transition: all 0.3s ease;
}

.accordion-header:hover {
	color: #992077;
}

.accordion-item.selected .accordion-header {
	color: #992077;
}

.accordion-icon {
	font-size: 2.4rem;
	color: currentColor;
	transition: transform 0.3s ease;
	flex-shrink: 0;
	margin-left: 2rem;
}
.accordion-icon::after{
	content: '+';
}

.accordion-item.active .accordion-icon::after {
	content: '-';
}

.accordion-body {
	display: none;
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 2.6rem;
	color: #767578;
	line-height: 2;
}

.accordion-item.active .accordion-body {
	display: block;
}

/* 成果报告 */
.section-achieve-report {
	padding: 7rem 0 12rem;
	background-color: #ffffff;
	background-image: url('../images/section3_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.report-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.report-card {
	background: #ffffff;
	padding: 4.5rem 3.5rem 5.5rem;
	box-shadow: 0 1rem 1.5rem  rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.report-card:hover {
	transform: translateY(-0.5rem);
}

.report-card-num {
	font-size: 2.6rem;
	line-height: 3.4rem;
	font-weight: 500;
	color: #992077;
	margin-bottom: 2.5rem;
}

.report-card-line {
	width: 2.4rem;
	height: 0.2rem;
	background: #ccc;
	margin-bottom: 3.2rem;
}

.report-card .title {
	font-size: 2rem;
	line-height: 2.6rem;
	color: #333333;
	margin-bottom: 1.8rem;
}

.report-card .text {
	font-size: 1.6rem;
	line-height: 2.6rem;
	color: #767578;
}

/* ============================================================
   成果页头部导航样式（固定高度）
   ============================================================ */

/* 成果页body类 */
body.achievement-page {
	background: #ffffff;
}

/* 头部占位：与实际头部高度一致 */
.achievement-header-placeholder {
	height: 17rem;
}

/* 成果页头部容器 */
.achievement-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #992077;
}

/* 顶部区域 */
.achievement-header-top {
	height: 11rem;
	background: #992077;
	position: relative;
	overflow: hidden;
}

/* 云纹背景装饰 */
.achievement-header-top::before,
.achievement-header-top::after {
	content: "";
	position: absolute;
	width: 40rem;
	height: 20rem;
	background-image: url("../images/icon/cloud.png");
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.15;
	pointer-events: none;
}

.achievement-header-top::before {
	left: -5rem;
	top: 2rem;
	transform: scale(1.5);
}

.achievement-header-top::after {
	right: -8rem;
	top: -2rem;
	transform: scale(2);
	background-position: right center;
}

/* 建筑水印背景 */
.achievement-header-top-inner::before {
	content: "";
	position: absolute;
	right: 10rem;
	top: 0;
	width: 45rem;
	height: 11rem;
	background-image: url("../images/watermark/bg-watermark.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	opacity: 0.12;
	pointer-events: none;
}

.achievement-header-top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	position: relative;
	z-index: 1;
}

/* 品牌区域 */
.achievement-brand {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.achievement-logo {
	/*height: 6.5rem;*/
	width: auto;
	display: block;
}

.achievement-title {
	color: #ffffff;
}

.achievement-title h1 {
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 0.3rem;
	font-family: "SimSun", "Songti SC", serif;
	letter-spacing: 0.1rem;
	line-height: 1.2;
}

.achievement-title p {
	font-size: 1.2rem;
	opacity: 0.85;
	letter-spacing: 0.05rem;
	line-height: 1.2;
	text-transform: uppercase;
}

/* 操作按钮区域 */
.achievement-header-actions {
	display: flex;
	align-items: center;
	gap: 2rem;
}

/* 成果页搜索框：默认隐藏，点击图标后在旁展开 */
.achievement-searchbox {
	display: none;
	align-items: center;
}

.achievement-header-actions.is-search-open .achievement-searchbox {
	display: flex;
}

.achievement-search-row {
	display: flex;
	align-items: center;
	width: 32rem;
	height: 4.8rem;
	background: #ffffff;
	border-radius: 6rem;
	overflow: hidden;
}

.achievement-search-input {
	flex: 1;
	width: 100%;
	height: 100%;
	padding: 0 0.4rem 0 2rem;
	border: none;
	outline: none;
	font-size: 1.4rem;
	color: #333333;
	font-family: inherit;
}

.achievement-search-input::placeholder {
	color: #999999;
}

.achievement-search-submit {
	flex-shrink: 0;
	width: 5.4rem;
	height: 4.4rem;
	border: none;
	background: transparent url("../images/icon/search2.png") no-repeat center;
	background-size: 2rem;
	cursor: pointer;
}

.achievement-search-btn {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	border: 0.15rem solid rgba(255, 255, 255, 0.85);
	background: transparent url("../images/icon/search.png") no-repeat center;
	background-size: 2rem;
	cursor: pointer;
	flex-shrink: 0;
	transition: all 0.3s ease;
	padding: 0;
}

.achievement-search-btn:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.achievement-lang {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.6rem;
	height: 3.6rem;
	padding: 0;
	border: 0.15rem solid rgba(255, 255, 255, 0.85);
	border-radius: 50%;
	font-size: 1.3rem;
	color: #ffffff;
	cursor: pointer;
	flex-shrink: 0;
	line-height: 1;
	transition: all 0.3s ease;
}

.achievement-lang:hover {
	background: rgba(255, 255, 255, 0.15);
}

/* 导航栏区域 */
.achievement-header-nav {
	height: 6rem;
	background: #8a1c6a;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.achievement-header-nav-inner {
	display: flex;
	align-items: center;
	height: 100%;
}

.achievement-nav-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.achievement-nav-item {
	height: 100%;
	display: flex;
	align-items: center;
}

.achievement-nav-list a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 2.8rem;
	color: #ffffff;
	font-size: 1.7rem;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
	letter-spacing: 0.05rem;
}

.achievement-nav-list a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0.35rem;
	background: #f0c040;
	transition: width 0.3s ease;
	border-radius: 0.3rem 0.3rem 0 0;
}

.achievement-nav-list a:hover::after,
.achievement-nav-list.selected a::after {
	width: 70%;
}

.achievement-nav-list a:hover,
.achievement-nav-list.selected a {
	color: #f0c040;
	font-weight: 500;
}
.footer-list1 li{display:inline-block;margin:0 10px;}

.footer-list1 li a{font-size:16px;}



.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    position: relative;
     min-width:140px;
    text-align:center;
}

.nav-menu li:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 0px;
    background-color: #ddd;
}

.nav-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    padding: 11px 24px;
    display: block;
    transition: all 0.3s ease;
    font-weight: 500;
}

.nav-menu li a:hover {
    color: #fff;
    background-color: rgba(255,255,255,.1);
    transition:all 300ms ease;
}

.nav-menu li.active a {
    color: #fff;
    background-color: #ab2a84;
}

.nav-menu li.has-submenu {
    position: relative;
}

.nav-menu li.has-submenu .arrow {
    font-size: 8px;
    margin-left: 5px;
    vertical-align: middle;
    color: #fff;
}

.bannerbg{width:100%;background-image: linear-gradient(to bottom, #ab2a84, #fff);}

.submenu {
    display: none;
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    background-color: #fff;
    min-width: 150px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-top: 2px solid #ab2a84;
    padding-top: 5px;
}

.submenu li {
    border-right: none !important;
    border-left: none !important;
}

.submenu li a {
    padding: 12px 20px;
    font-size: 13px;
    color: #333;
    border-bottom: 1px solid #eee;
}

.submenu li:last-child a {
    border-bottom: none;
}

.submenu li a:hover {
    background-color: #ab2a84;
    color: #fff;

}