.unit {
    margin: 3em 0 0 0 ;
}



.unit .releasetime {
    display: flex;
    justify-content: center;   /* 主轴（水平）居中 */
    align-items: center;   /* 交叉轴（垂直）居中 */
	color: #999;
    font-size: 0.8em;
}
/* 左右两侧的横线 */
.unit .releasetime::before,
.unit .releasetime::after {
    content: '';
    display: inline-block;
    width: 1em;   /* 横线长度 */
    height: 0.1em;   /* 横线粗细 */
    background-color: #999;   /* 横线颜色 */
}
.unit .releasetime::before {
    margin-right: 0.5em;   /* 左横线与文字的距离 */
}
.unit .releasetime::after {
    margin-left: 0.5em;   /* 右横线与文字的距离 */
}



.unit .card-bg {
    margin: 0.2em 0 0 0 ;
    background-color: #FEFEF3;
	border-radius: 0.8em;
    padding: 1em 0.5em;
	border: 0.1em solid #626262;   /* 宽度 样式 颜色 */
}



.unit .card-bg .title-preinfo {
	display: flex;
	justify-content: space-between; /* 核心属性 */
	gap: 0em;   /* 设置间距 */
}
.unit .card-bg .title-preinfo .matchdatetime {
	color: #626262;
}
.unit .card-bg .title-preinfo .front_views {
	display: flex;
	gap: 0em;   /* 设置间距 */
    font-size: 0.8em;
}
.unit .card-bg .title-preinfo .front_views .icon img {
	display: inline-block;
	width: 0.8em;
	width: 0.8em;
}
.unit .card-bg .title-preinfo .front_views .text {
	color:#626262;
}
.unit .card-bg .title-preinfo .front_views .text span {
	letter-spacing: 0em;
	color:#626262;
	text-decoration: underline;
	text-decoration-color: #FECF13;   /* 下划线颜色 */
	text-decoration-style: solid;   /* 样式：solid(实线), double(双线), dotted(点状), dashed(虚线), wavy(波浪) */
	text-decoration-thickness: 0.3em;   /* 下划线粗细 */
	text-underline-offset: 0.1em;   /* 下划线与文字的距离 */
}



.unit .card-bg .title {
	display: flex;
	gap: 0.2em;   /* 设置间距 */
	background-color: #464646;
    color: #FFF;
    font-size: 1.2em;
    padding: 0.5em 0.2em;
    margin: 0.2em 0 0 0 ;
    align-items: center;   /* 核心：垂直居中所有子元素 */
}
.unit .card-bg .title .vs {
    position: relative; /* 视觉补偿：vs 字符重心偏低，需微调上移 */
    top: -0.1em;   /* 根据实际字体和字号测试调整，通常 -1px 到 -2px */
}



.unit .card-bg .titleimage img {
    margin: 0.5em 0 0 0 ;
    height: 8em;
	max-width: 100%;
	border-radius: 0.2em;
}


/* 常驻风险提示 */
.unit .card-bg .resident_reminder {
    margin: 0em 0 0 0 ;
    font-size: 0.8em;
	border-radius: 0.2em;
	color:#999;
}
.unit .card-bg .resident_reminder span {
    font-weight: bold;
}







.unit .card-bg .front_content {
    margin: 0.5em 0 0 0 ;
	color: #626262;
}



.unit .card-bg .pay-reminder {
	display: flex;
	margin:0.5em 0;
}
.unit .card-bg .pay-reminder .tag {
	font-size: 0.8em;
	padding: 0.2em 0.8em;
	color: #626262;
	border: 0.1em solid #626262;   /* 宽度 样式 颜色 */
	border-radius: 0.2em;
	align-items: center;   /* 垂直居中 */
	background-color: #FECF13;
}



.pagination_outer {
	width: 100%;
	position: fixed;   /* 固定定位 */
    bottom: 3em;
    z-index: 100;   /* 确保在最上层 */
    background-color: #FEFEF3;
    padding: 0.5em 0.6em;
	border-top: 0.1em solid #626262;       /* 宽度 样式 颜色 */
	border-bottom: 0.1em solid #626262;       /* 宽度 样式 颜色 */
} 
.pagination_outer .pagination {
	display: flex;
	gap: 0.8em;   /* 设置间距 */
	align-items: center;   /* 垂直居中 */
	justify-items: center;   /* 水平居中 */
}
.pagination_outer .pagination .page {
	padding:0.3em 0.8em;
	color:#FFF;
	border: 0.1em solid #FECF13;   /* 宽度 样式 颜色 */
	border-radius: 0.6em;
	align-items: center;   /* 垂直居中 */
	background-color: #626262;   /* 兜底色：如果浏览器不支持渐变，就显示纯色 */
	background: linear-gradient(to top, #464646 20%, #626262 70%);   /* 现代浏览器会覆盖上面的纯色 */
}
.pagination_outer .pagination .pagei {
	padding:0.3em 0.8em;
	color:#626262;
	border: 0.1em solid #FECF13;   /* 宽度 样式 颜色 */
	border-radius: 0.6em;
	align-items: center;   /* 垂直居中 */
	background-color: #FECF13;   /* 兜底色：如果浏览器不支持渐变，就显示纯色 */
	background: linear-gradient(to top, #FECF13 20%, #FEFEF3 70%);   /* 现代浏览器会覆盖上面的纯色 */
}