@charset "utf-8";
/* ==========================================================================
   内页公共样式（Figma 节点 119:710「4单位概况-单位简介」等内页共用）
   结构：内页banner 180-500 / 面包屑 500-560 / 左侧栏目菜单 + 右侧内容 / 页脚
   尺寸基准同 cgc.css：1rem = 100px（1920 基准）
   ========================================================================== */

/* 内页 banner（Figma 119:715 / 180:1985 / 180:2025） */
.page-banner {
	position: relative;
	height: 3.2rem;
	overflow: hidden;
}
.page-banner > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-banner .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 41, 88, 0.3);
}
.page-banner .bn-txt {
	position: absolute;
	left: 0;
	top: 1.35rem;
	width: 100%;
	text-align: center;
	color: #fff;
}
.page-banner .bn-txt h1 {
	font-size: 0.34rem;
	line-height: 1.2;
	color: #fff;
}
.page-banner .bn-txt p {
	margin-top: 0.12rem;
	font-size: 0.16rem;
	color: #fff;
}

/* 面包屑（Figma 119:969 / 119:973 / 120:974） */
.crumb { height: 0.6rem; background: #f7f7f7; }
.crumb .main {
	display: flex;
	align-items: center;
	height: 0.6rem;
	font-size: 0.14rem;
	color: #666;
}
.crumb i {
	flex: none;
	width: 0.18rem;
	height: 0.18rem;
	margin-right: 0.13rem;
}
.crumb a:hover { color: var(--cgc-blue); }

/* 内页主体 */
.page-body {
	position: relative;
	padding-top: 0.36rem;
	/* 内页正文与底部之间留出设计稿的间距（Figma 123:1121：正文底 1340 → 底部顶 1561，共 221）
	   底部自身还有 margin-top 0.38rem，这里补足剩余的 1.83rem */
	padding-bottom: 1.83rem;
}
.page-body .inner-main { display: flex; align-items: flex-start; }

/* 左侧栏目菜单（Figma 123:992 组件59 / 123:1018 组件60） */
.side-menu { flex: none; width: 3.2rem; }
.side-menu .side-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0.79rem;
	background: url('../img/cgc/banner-title-bg.svg') no-repeat center / cover;
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.3rem;
	color: #fff;
}
.side-menu ul li { border-bottom: 1px solid #d9d9d9; }
/* 栏目名固定单行：放不下就用省略号截断，右侧箭头绝对定位，不参与文字宽度计算 */
.side-menu ul li a {
	position: relative;
	display: block;
	height: 0.76rem;
	line-height: 0.76rem;
	padding: 0 0.44rem 0 0.21rem;
	font-size: 0.22rem;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.side-menu ul li a i {
	position: absolute;
	right: 0.17rem;
	top: 50%;
	width: 0.16rem;
	height: 0.16rem;
	margin-top: -0.08rem;
	background: url('../img/cgc/menu-arrow3.svg') no-repeat center / contain;
}
.side-menu ul li a:hover { color: var(--cgc-blue); }
.side-menu ul li.on a {
	position: relative;
	background: url('../img/cgc/menu-active.svg') no-repeat center / cover;
	/* 选中态：文字 #165298（设计稿节点 123:1172） */
	color: var(--cgc-blue);
}
/* 选中态左侧 4px 竖向渐变色条（设计稿节点 123:1170：#104BB2 → #178FFF） */
.side-menu ul li.on a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0.04rem;
	height: 100%;
	background: url('../img/cgc/menu-active-bar.svg') no-repeat center / cover;
}
.side-menu ul li.on a i { background-image: url('../img/cgc/menu-arrow-active.svg'); }

/* 右侧内容区（Figma 123:1051 / 123:1055 / 123:1060） */
.inner-content {
	flex: 1;
	min-width: 0;
	margin-left: 0.54rem;
}
.inner-content .sec-hd { height: 0.56rem; }
.inner-content .sec-hd .sec-t i { width: 0.28rem; height: 0.28rem; }

/* 图文介绍（Figma 123:1062 / 123:1061） */
.about-intro {
	display: flex;
	margin-top: 0.46rem;
}
.about-intro .pic {
	flex: none;
	width: 3.73rem;
	height: 4.61rem;
	border-radius: 0.14rem;
	overflow: hidden;
}
.about-intro .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-intro .txt {
	flex: 1;
	min-width: 0;
	margin-left: 0.58rem;
	font-size: 0.18rem;
	line-height: 0.38rem;
	color: #000;
}

/* 数据条（Figma 123:1067 / 123:1082） */
.stat-bar {
	position: relative;
	display: flex;
	align-items: flex-start;
	height: 2.03rem;
	margin-top: 0.97rem;
	padding: 0.49rem 0 0 0.65rem;
	background: var(--cgc-blue);
	border-radius: 0.08rem;
	overflow: hidden;
}
.stat-bar .stat-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.4;
}
.stat-bar dl {
	position: relative;
	flex: none;
	width: 2.38rem;
}
.stat-bar dt {
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.48rem;
	line-height: 1;
	color: #fff;
}
.stat-bar dd {
	margin-top: 0.09rem;
	font-size: 0.18rem;
	line-height: 0.38rem;
	color: #fff;
}

/* 正文（Figma 123:1060） */
.rich-txt {
	position: relative;
	margin-top: 0.25rem;
	width: 9.18rem;
	font-size: 0.18rem;
	line-height: 0.38rem;
	color: #000;
}
.rich-txt p { margin-bottom: 0.1rem; text-indent: 0; }
.rich-txt img { max-width: 100%; }

/* 内页下半部分底纹（Figma 123:1093 / 123:1096） */
.page-deco {
	position: absolute;
	left: 50%;
	z-index: 0;
	width: 19.2rem;
	height: 10.38rem;
	margin-left: -9.6rem;
	background: url('../img/cgc/bg-pattern.png') no-repeat center / cover;
	opacity: 0.1;
	pointer-events: none;
}
.page-deco-fade {
	position: absolute;
	left: 50%;
	z-index: 0;
	width: 19.2rem;
	height: 5.44rem;
	margin-left: -9.6rem;
	background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
	pointer-events: none;
}
.page-body .inner-main,
.page-body .page-deco,
.page-body .page-deco-fade { position: relative; }
.page-body .page-deco,
.page-body .page-deco-fade { position: absolute; }

/* 组织架构（读 website_structure：分组 + 部门；竖条高度随文字自动撑开） */
.org-page {
	position: relative;
	height: 7.87rem;
	padding-top: 0.36rem;
	background: url('../img/cgc/org-bg.png') no-repeat center top;
	background-size: 19.2rem auto;
}
.org-chart {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	/* 窄屏时两组自动换行，各自居中，避免整体偏到一侧 */
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 0.3rem;
	/* 纯装饰，放行鼠标事件 */
	pointer-events: none;
}
.org-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* 组宽 = 竖条总宽：胶囊、横线、竖条同一基准，胶囊正好居中在竖条上方 */
	flex: none;
	width: max-content;
}
.org-pill {
	margin-top: 0.64rem;
	height: 0.45rem;
	padding: 0 0.2rem;
	line-height: 0.45rem;
	border-radius: 0.3rem;
	background: linear-gradient(to bottom, #4e8dd8, #165298);
	font-size: 0.18rem;
	color: #fff;
	white-space: nowrap;
}
/* 胶囊 → 横线 */
.org-link {
	position: relative;
	width: 100%;
	height: 1px;
	margin-top: 0.33rem;
	background: #165298;
}
.org-link::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -0.33rem;
	width: 1px;
	height: 0.33rem;
	background: #165298;
}
.org-bars {
	display: flex;
	/* 关键：每条竖条各自撑高，不被拉伸成一样高 */
	align-items: flex-start;
	gap: 0;
	padding-top: 0.22rem;
}
.org-bar {
	position: relative;
	/* 宽度不写死：由文字 + 左右内边距撑开；条与条之间用左右外边距控制 */
	padding: 0.24rem 0.09rem;
	margin: 0 0.04rem;
	background: #e3f0fc;
	border: 1px solid #84bdff;
	border-radius: 0.1rem;
	font-size: 0.18rem;
	line-height: 0.2rem;
	color: var(--cgc-blue);
	text-align: center;
	writing-mode: vertical-rl;
	text-orientation: upright;
	/* 高度不写死：由文字自动撑开（上下 padding 各 0.24rem） */
	overflow: clip;
	overflow-clip-margin: 0.22rem;
}
/* 横线 → 竖条 的连接线 */
.org-bar::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -0.22rem;
	width: 1px;
	height: 0.22rem;
	background: #165298;
}
.org-bar b { font-weight: normal; font-size: 0.18rem; color: inherit; }
.org-bar b { font-weight: normal; font-size: 0.14rem; }

/* 领导成员 / 专家队伍 人员卡片（Figma 123:1121：卡片 160×280，照片 148×204） */
.leader-rows { margin-top: 0.6rem; }
.leader-row {
	display: flex;
	justify-content: center;
	gap: 0.94rem;
}
.leader-row + .leader-row { margin-top: 0.47rem; }
.leader-card {
	width: 1.6rem;
	/* 设计稿卡片固定 160×280：照片 148×204 在上，姓名/职务占下面 76 */
	height: 2.8rem;
	text-align: center;
}
.leader-card .photo {
	display: block;
	width: 1.48rem;
	height: 2.04rem;
	margin: 0 auto;
	overflow: hidden;
}
.leader-card .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.leader-card h4 {
	margin-top: 0.08rem;
	font-family: "Source Han Sans CN", "Microsoft YaHei", Arial, sans-serif;
	font-weight: normal;
	font-size: 0.2rem;
	line-height: 0.34rem;
	color: #000;
}
.leader-card p {
	font-size: 0.2rem;
	line-height: 0.34rem;
	color: #000;
	/* 设计稿文字块比卡片宽 14px（左右 inset 均为 -8.75%），让职务按设计稿换行 */
	margin: 0 -0.14rem;
}
/* 人员卡自动换行容器：宽 922 = 4×160 + 3×94，正好 4 个一行并居中 */
.leader-flow {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.47rem 0.94rem;
	width: 9.22rem;
	margin: 0.47rem auto 0;
}
/* 专家队伍：4 列 × 2 行（Figma 269:1474：行距 64，首行距标题线 52） */
.leader-rows.experts { margin-top: 0.52rem; }
.leader-rows.experts .leader-row + .leader-row { margin-top: 0.64rem; }
.leader-rows.experts .leader-flow { gap: 0.64rem 0.94rem; }

/* 企业文化（Figma 124:1236） */
.cul-hero {
	position: relative;
	height: 1.71rem;
	margin-top: 0.38rem;
	border-radius: 0.08rem;
	overflow: hidden;
	text-align: center;
}
.cul-hero > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cul-hero .hd {
	position: absolute;
	left: 0;
	top: 0.44rem;
	width: 100%;
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.22rem;
	color: var(--cgc-blue);
}
.cul-hero .txt {
	position: absolute;
	left: 0;
	top: 0.94rem;
	width: 100%;
	padding: 0 1.6rem;
	font-size: 0.16rem;
	line-height: 1.4;
	color: #000;
}

/* 四段说明卡（930×140，白底圆角 8，带阴影；左侧蓝色竖条 5×20） */
.cul-list { margin-top: 0.3rem; }
.cul-item {
	position: relative;
	min-height: 1.4rem;
	padding: 0.37rem 1.6rem 0.2rem 0.41rem;
	background: #fff;
	border-radius: 0.08rem;
	box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.cul-item + .cul-item { margin-top: 0.3rem; }
.cul-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.42rem;
	width: 0.05rem;
	height: 0.2rem;
	background: var(--cgc-blue);
}
.cul-item h3 {
	font-family: "Source Han Sans CN", "Microsoft YaHei", Arial, sans-serif;
	font-weight: normal;
	font-size: 0.22rem;
	color: #000;
}
.cul-item p {
	margin-top: 0.14rem;
	font-size: 0.16rem;
	line-height: 1.5;
	color: #666;
}
.cul-item .ico {
	position: absolute;
	right: 0.2rem;
	top: 0.17rem;
	width: 1rem;
	height: 1rem;
	background: url('../img/cgc/cul-icon.svg') no-repeat center / contain;
}

/* 强化五项保障（卡片 292×149，圆角 8，两行交错排列） */
.cul-five-title {
	margin-top: 0.55rem;
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.22rem;
	color: var(--cgc-blue);
	text-align: center;
}
.cul-five { margin-top: 0.34rem; }
.cul-five .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.25rem;
}
.cul-five .row + .row { margin-top: 0.22rem; }
.cul-five .card {
	position: relative;
	width: 2.92rem;
	height: 1.49rem;
	border-radius: 0.08rem;
	overflow: hidden;
	text-align: center;
}
.cul-five .card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cul-five .card b {
	position: absolute;
	left: 0;
	top: 0.24rem;
	width: 100%;
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.32rem;
	color: #86b0e0;
}
.cul-five .card span {
	position: absolute;
	left: 0;
	top: 0.67rem;
	width: 100%;
	font-size: 0.18rem;
	line-height: 0.26rem;
	color: #000;
	/* 后台维护的标题里保留了换行，按设计稿分成两行显示 */
	white-space: pre-line;
}

/* 经营资质 / 重要荣誉 证书图集（Figma 130:1651：卡 268 宽，证书 168×236，标签条 #e3f0fc 268×58） */
.cert-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem 0.62rem;
	margin-top: 0.65rem;
}
.cert-card { width: 2.68rem; }
.cert-card .pic {
	display: block;
	position: relative;
	width: 2.68rem;
	/* 画框区固定 268 高：横版画框贴底、竖版画框铺满（设计稿 132:1843 / 132:1850） */
	height: 2.68rem;
}
/* 横版画框（默认）：268×199 贴底居中 */
.cert-card .pic::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 2.68rem;
	height: 1.99rem;
	margin-left: -1.34rem;
	background: url('../img/cgc/cert-frame.png') no-repeat center / 100% 100%;
}
/* 竖版画框：同一素材旋转 90°，199×268 居中铺满 */
.cert-card.is-v .pic::before {
	bottom: 50%;
	margin-bottom: -0.995rem;
	transform: rotate(90deg);
}
.cert-card .pic img {
	position: absolute;
	object-fit: contain;
	transition: transform 0.3s;
}
/* 横版证书 236×169：居中落在横版画框（268×199 贴底）内，四周留出框边 */
.cert-card.is-h .pic img {
	left: 50%;
	bottom: 0.15rem;
	width: 2.36rem;
	height: 1.69rem;
	margin-left: -1.18rem;
}
/* 竖版证书 168×236 */
.cert-card.is-v .pic img {
	left: 50%;
	top: 50%;
	width: 1.68rem;
	height: 2.36rem;
	margin: -1.18rem 0 0 -0.84rem;
}
.cert-card:hover .pic img { transform: scale(1.03); }
.cert-card p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0.58rem;
	padding: 0 0.1rem;
	background: #e3f0fc;
	font-size: 0.16rem;
	line-height: 0.24rem;
	color: #000;
	text-align: center;
}

/* 分页（Figma 132:1901：32 高，当前页白底蓝字） */
.pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.1rem;
	margin-top: 0.68rem;
}
.pager a,
.pager span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0.32rem;
	height: 0.32rem;
	padding: 0 0.08rem;
	border-radius: 0.06rem;
	font-size: 0.14rem;
	color: #7d7d7d;
	background: transparent;
}
.pager a:hover { color: var(--cgc-blue); }
.pager .on {
	/* 设计稿：当前页为蓝底白字 */
	background: var(--cgc-blue);
	color: #fff;
}
.pager .arrow { color: #7d7d7d; }

/* 重要荣誉列表（Figma 132:1930：卡 929×225，白底圆角 8 + 阴影，图 267×191，行距 30） */
.honour-list { margin-top: 0.42rem; }
.honour-item {
	display: flex;
	min-height: 2.25rem;
	padding: 0.15rem 0.35rem 0.15rem 0.16rem;
	background: #fff;
	border-radius: 0.08rem;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.honour-item + .honour-item { margin-top: 0.3rem; }
.honour-item .pic {
	flex: none;
	width: 2.67rem;
	height: 1.91rem;
	margin-right: 0.38rem;
	border: 1px solid #dedede;
	overflow: hidden;
}
.honour-item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.honour-item:hover .pic img { transform: scale(1.03); }
.honour-item .info {
	flex: 1;
	min-width: 0;
	padding-top: 0.3rem;
}
.honour-item .dt {
	font-size: 0.16rem;
	line-height: 0.22rem;
	color: var(--cgc-blue);
}
.honour-item h4 {
	margin-top: 0.12rem;
	font-family: "Source Han Sans CN", "Microsoft YaHei", Arial, sans-serif;
	font-weight: normal;
	font-size: 0.2rem;
	line-height: 0.28rem;
	color: #000;
}
.honour-item .desc {
	margin-top: 0.46rem;
	font-size: 0.14rem;
	line-height: 0.24rem;
	color: #666;
}

/* 内容详情页（Figma 166:1830：标题 32px 居中 1097 宽，正文 18px/36px 1081 宽居中） */
.art-wrap { margin-top: 0.61rem; }
.art-title {
	width: 10.97rem;
	margin: 0 auto;
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.32rem;
	line-height: 1.4;
	color: #000;
	text-align: center;
}
.art-meta {
	margin-top: 0.2rem;
	font-size: 0.16rem;
	line-height: 0.22rem;
	color: #666;
	text-align: center;
}
.art-line {
	height: 1px;
	margin-top: 0.28rem;
	background: #eaeaea;
}
.art-body {
	width: 10.81rem;
	margin: 0.4rem auto 0;
	font-size: 0.18rem;
	line-height: 2;
	color: #000;
}
.art-body p { margin-bottom: 0.1rem; }
.art-body img {
	display: block;
	width: 9.51rem;
	height: 4.99rem;
	margin: 0.35rem auto;
	object-fit: cover;
}
.art-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.4rem;
	padding-top: 0.4rem;
	border-top: 1px solid #eaeaea;
}
.art-nav .links { width: 8.61rem; }
.art-nav .links a {
	display: block;
	font-size: 0.18rem;
	line-height: 0.5rem;
	color: var(--cgc-blue);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.art-back {
	display: flex;
	align-items: center;
	font-size: 0.18rem;
	color: #000;
}
.art-back i {
	flex: none;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.17rem;
	background: url('../img/cgc/ic-back-circle.svg') no-repeat center / contain;
}
.art-back em {
	width: 0.26rem;
	height: 0.26rem;
	margin-right: -0.35rem;
	margin-left: 0.12rem;
	background: url('../img/cgc/ic-back-arrow.svg') no-repeat center / contain;
}

/* 行的新闻列表（Figma 166:1226 党的建设：行高 70、行距 30、左侧小标 + 标题 20px + 日期 18px）
   新闻中心之外的党建 / 通知公告 / 人力资源列表共用 */
.row-list { display: flex; flex-direction: column; gap: 0.3rem; margin-top: 0.42rem; }
.row-list li {
	display: flex;
	align-items: center;
	height: 0.7rem;
	padding: 0 0.3rem 0 0.17rem;
	background: url('../img/cgc/row-bg.svg') no-repeat center / 100% 100%;
}
.row-list li > i {
	flex: none;
	width: 0.16rem;
	height: 0.16rem;
	margin-right: 0.24rem;
	background: url('../img/cgc/row-bullet.svg') no-repeat center / contain;
}
.row-list li .tt {
	flex: 1;
	min-width: 0;
	font-size: 0.2rem;
	color: #151515;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.row-list li .tt:hover { color: var(--cgc-blue); }
.row-list li .dt {
	flex: none;
	margin-left: 0.2rem;
	font-size: 0.18rem;
	color: #666;
}
/* 通知公告：整栏宽（无左栏目），行距 45（Figma 132:2146） */
.row-list.notice { gap: 0.45rem; margin-top: 0.55rem; }
.row-list.notice li { height: 0.7rem; padding-left: 0.3rem; }
.page-body.full-width { padding-top: 0.37rem; }

/* 人力资源-队伍建设（Figma 132:2368：正文 + 4 张 226×163 卡片） */
.hr-text {
	display: block;
	margin-top: 0.59rem;
	font-size: 0.18rem;
	line-height: 0.38rem;
	color: #000;
	text-align: justify;
}
.hr-cards {
	display: flex;
	gap: 0.06rem;
	margin-top: 0.63rem;
}
.hr-cards .item {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 2.26rem;
	height: 1.63rem;
	background: url('../img/cgc/hr-card.png') no-repeat center / cover;
	border-radius: 0.08rem;
	text-align: center;
}
.hr-cards .item b {
	font-family: 'CN-Bold', "Source Han Sans CN", "Microsoft YaHei", sans-serif;
	font-size: 0.32rem;
	line-height: 1;
	color: var(--cgc-blue);
}
.hr-cards .item p {
	margin-top: 0.25rem;
	font-size: 0.2rem;
	line-height: 0.38rem;
	color: var(--cgc-blue);
}

@media screen and (max-width: 1024px) {
	.hr-text { font-size: 0.26rem; line-height: 0.5rem; }
	.hr-cards { flex-wrap: wrap; gap: 0.2rem; margin-top: 0.4rem; }
	.hr-cards .item { width: calc((100% - 0.2rem) / 2); height: 2.2rem; }
	.hr-cards .item b { font-size: 0.5rem; }
	.hr-cards .item p { font-size: 0.3rem; }
}

/* 风采展示图集（Figma 182:2126：412×276 三列，列距 33、行距 60） */
.gal-grid {
	display: grid;
	grid-template-columns: repeat(3, 4.12rem);
	gap: 0.6rem 0.33rem;
	margin-top: 0.6rem;
}
.gal-grid a {
	display: block;
	width: 4.12rem;
	height: 2.79rem;
	border-radius: 0.06rem;
	overflow: hidden;
}
.gal-grid a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.gal-grid a:hover img { transform: scale(1.04); }

/* ==========================================================================
   全局搜索（Figma 170:907 有结果 / 170:1222 无结果）
   浅灰面板 1304×201：标题 24px 蓝 → 1236×60 白底输入框（#dedede 描边）+ 217×60 蓝按钮
   → 命中统计 16px 黑（数字红）；结果条：标题 22px、来源时间 16px #666、1px #efefef 分隔线，行距 133
   ========================================================================== */
/* 正文与底部的间距（页面底部自带 margin-top 0.38rem）：有结果 分页条底→底部 133、无结果 正文底→底部 155 */
.page-body.search-page { padding-top: 0.48rem; padding-bottom: 1.33rem; }
.page-body.search-page.is-empty { padding-bottom: 1.55rem; }

.search-panel {
	height: 2.01rem;
	padding: 0.22rem 0.34rem 0.19rem;
	background: #f7f7f7;
}
.search-panel .sp-title {
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.24rem;
	color: var(--cgc-blue);
}
.search-box2 {
	display: flex;
	height: 0.6rem;
	margin-top: 0.28rem;
}
.search-box2 input {
	flex: 1;
	min-width: 0;
	height: 0.6rem;
	padding: 0 0.2rem;
	background: #fff;
	border: 1px solid var(--cgc-border);
	border-right: 0;
	font-size: 0.16rem;
	color: #000;
}
.search-box2 input::placeholder { color: var(--cgc-gray); }
.search-box2 button {
	flex: none;
	width: 2.17rem;
	height: 0.6rem;
	background: var(--cgc-blue);
	border: 0;
	font-size: 0.22rem;
	color: #fff;
	cursor: pointer;
}
.search-count {
	margin-top: 0.14rem;
	line-height: 0.23rem;
	font-size: 0.16rem;
	color: #000;
}
.search-count .num { color: red; }

.search-list { margin: 0.52rem 0.36rem 0 0.34rem; }
.search-list li { padding-bottom: 0.12rem; border-bottom: 1px solid #efefef; }
.search-list li + li { margin-top: 0.4rem; }
.search-list li .st {
	display: block;
	overflow: hidden;
	font-size: 0.22rem;
	line-height: 0.32rem;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.search-list li .st:hover { color: var(--cgc-blue); }
/* 命中的关键词高亮为红色（设计稿 170:907 第 2 条；模板里按输入框关键词补 .kw） */
.search-list li .st .kw { color: red; }
.search-list li .sm {
	margin-top: 0.16rem;
	line-height: 0.32rem;
	font-size: 0.16rem;
	color: #666;
}
.search-list li .sm .dt { margin-left: 0.3rem; }

/* 无结果提示（Figma 170:1343：面板下 48px 居中 22px 黑字） */
.search-null {
	margin-top: 0.48rem;
	line-height: 0.32rem;
	font-size: 0.22rem;
	color: #000;
	text-align: center;
}

/* 分页条（Figma 170:957：32×32 方格、格间距 8、距最后一条结果 40） */
.search-page .pager { margin-top: 0.4rem; gap: 0.08rem; }

@media screen and (max-width: 1024px) {
	.gal-grid { grid-template-columns: repeat(2, 1fr); gap: 0.2rem; margin-top: 0.3rem; }
	.gal-grid a { width: 100%; height: 2.9rem; }
	.search-panel { height: auto; padding: 0.3rem 0.3rem 0.28rem; }
	.search-panel .sp-title { height: 0.44rem; line-height: 0.44rem; font-size: 0.3rem; }
	.search-box2 { height: 0.76rem; margin-top: 0.28rem; }
	.search-box2 input { height: 0.76rem; font-size: 0.24rem; }
	.search-box2 button { width: 2rem; height: 0.76rem; font-size: 0.26rem; }
	.search-count { font-size: 0.22rem; line-height: 0.32rem; }
	.search-list { margin: 0.4rem 0 0; }
	.search-list li .st { font-size: 0.28rem; line-height: 0.4rem; }
	.search-list li .sm { font-size: 0.22rem; line-height: 0.4rem; }
	.search-null { font-size: 0.28rem; }
}

/* 专题专栏（Figma 171:1384：415×333 三列三行，内图 393×222，标题 24px 居中） */
.topic-grid {
	display: grid;
	grid-template-columns: repeat(3, 4.15rem);
	gap: 0.46rem 0.29rem;
	margin-top: 0.64rem;
}
.topic-grid a {
	display: block;
	width: 4.15rem;
	height: 3.33rem;
	padding-top: 0.11rem;
	background: #fff;
	border-radius: 0.08rem;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
	overflow: hidden;
	text-align: center;
}
.topic-grid a .pic {
	display: block;
	width: 3.93rem;
	height: 2.22rem;
	margin: 0 auto;
	overflow: hidden;
}
.topic-grid a .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.topic-grid a:hover .pic img { transform: scale(1.04); }
.topic-grid a p {
	margin-top: 0.37rem;
	padding: 0 0.1rem;
	font-size: 0.2rem;
	line-height: 0.24rem;
	color: #000;
}

/* 图片放大预览（Figma 183:2370：遮罩 + 大图 1118×758 + 左右 62px 圆形箭头 + 关闭） */
.lb-mask {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
}
.lb-mask.on { display: flex; }
.lb-mask .lb-img {
	width: 11.18rem;
	height: 7.58rem;
	overflow: hidden;
}
.lb-mask .lb-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.lb-mask .lb-btn {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.62rem;
	height: 0.62rem;
	margin-top: -0.31rem;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 50%;
	cursor: pointer;
}
.lb-mask .lb-prev { left: 3.7rem; }
.lb-mask .lb-next { right: 3.7rem; }
.lb-mask .lb-close {
	/* 关闭按钮固定在预览层右上角（原在右下侧） */
	top: 0.4rem;
	right: 0.4rem;
	margin-top: 0;
	background: none;
}
.lb-mask .lb-close::before,
.lb-mask .lb-close::after {
	content: '';
	position: absolute;
	width: 0.3rem;
	height: 0.03rem;
	background: #fff;
}
.lb-mask .lb-close::before { transform: rotate(45deg); }
.lb-mask .lb-close::after { transform: rotate(-45deg); }
.lb-mask .lb-btn i {
	width: 0.28rem;
	height: 0.28rem;
}
.lb-mask .lb-prev i { background: url('../img/cgc/ic-arrow-left.svg') no-repeat center / contain; }
.lb-mask .lb-next i { background: url('../img/cgc/ic-arrow-right.svg') no-repeat center / contain; }

@media screen and (max-width: 1024px) {
	.topic-grid { grid-template-columns: repeat(2, 1fr); gap: 0.24rem; margin-top: 0.3rem; }
	.topic-grid a { width: 100%; height: auto; padding-bottom: 0.3rem; }
	.topic-grid a .pic { width: 92%; height: auto; aspect-ratio: 393/222; }
	.topic-grid a p { font-size: 0.3rem; margin-top: 0.24rem; }
	.lb-mask .lb-img { width: 90%; height: auto; aspect-ratio: 1118/758; }
	.lb-mask .lb-prev { left: 0.3rem; }
	.lb-mask .lb-next { right: 0.3rem; }
	.lb-mask .lb-close { top: 0.3rem; right: 0.3rem; }
}

/* ==========================================================================
   适配：<=1024px（750 基准）
   ========================================================================== */
@media screen and (max-width: 1024px) {
	.page-banner { height: 3.4rem; }
	.page-banner .bn-txt { top: 1.1rem; }
	.page-banner .bn-txt h1 { font-size: 0.4rem; }
	.page-banner .bn-txt p { font-size: 0.24rem; }
	.crumb,
	.crumb .main { height: 0.8rem; }
	.crumb .main { font-size: 0.24rem; }
	.crumb i { width: 0.3rem; height: 0.3rem; margin-right: 0.14rem; }

	.page-body { padding-top: 0.3rem; }
	.page-body .inner-main { display: block; }
	.side-menu { width: 100%; }
	.side-menu .side-title { height: 1rem; font-size: 0.36rem; }
	.side-menu ul { display: flex; flex-wrap: wrap; }
	.side-menu ul li { width: 50%; }
	.side-menu ul li a {
		height: 0.9rem;
		line-height: 0.9rem;
		padding: 0 0.58rem 0 0.24rem;
		font-size: 0.28rem;
	}
	.side-menu ul li a i { right: 0.24rem; width: 0.24rem; height: 0.24rem; margin-top: -0.12rem; }

	.inner-content { margin-left: 0; margin-top: 0.4rem; }
	.about-intro { display: block; margin-top: 0.3rem; }
	.about-intro .pic { width: 100%; height: 4.6rem; }
	.about-intro .txt {
		margin-left: 0;
		margin-top: 0.3rem;
		font-size: 0.26rem;
		line-height: 0.5rem;
	}
	.stat-bar {
		flex-wrap: wrap;
		height: auto;
		margin-top: 0.5rem;
		padding: 0.4rem 0.3rem;
	}
	.stat-bar dl { width: 50%; margin-bottom: 0.3rem; }
	.stat-bar dt { font-size: 0.6rem; }
	.stat-bar dd { font-size: 0.26rem; }
	.rich-txt {
		width: 100%;
		font-size: 0.26rem;
		line-height: 0.5rem;
	}
	.page-deco,
	.page-deco-fade { display: none; }
}