/* 目录的导航栏 */
.pagination-bar-mulu {
	outline: none;
	font-size: 0px;
	padding-top: 20px;
	position: relative;
	margin-top: 15px;
	bottom: 0;
	margin-bottom: 40px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ccc;
	/* 可选，添加一个上边框作为分隔线 */
	/* z-index: 1000; /* 可选，控制导航栏的层叠顺序 */
}

/* 诗集的导航栏 */
.pagination-bar {
	outline: none;
	font-size: 0px;
	padding-top: 18px;
	position: relative;
	margin-top: 25px;
	bottom: 0;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ccc;
	/* 可选，添加一个上边框作为分隔线 */
	/* z-index: 1000; /* 可选，控制导航栏的层叠顺序 */
}

/* 诗集的跳转栏 */
.pagination-bar-go {
	padding-top: 3px;
	margin-top: 3px;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	/* 可选，添加一个下边框作为分隔线 */
	padding-bottom: 16px;
	margin-bottom: 25px;
	user-select: none; 
}

.pagination-bar-go-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: fit-content;
	border: 2px solid rgb(0, 0, 0);
	border-radius: 7px;
	user-selected:none;
}

/* 样式化输入框 */
.pagination-bar-go #page-Input {
	width: 23vw;
	height: 28px;
	/* 设置宽度为200px，根据需要进行调整 */
	max-width: 100px;
	border: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.pagination-bar-go #page-Input:focus {
	outline: none;
}

/* 样式化按钮 */
.pagination-bar-go .goButton {
	margin-left: -2px;
	font-size: 20px;
	height: auto;
	cursor: pointer;
	background-color: rgb(240, 230, 140);
	border: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.pagination-bar a {
	display: inline-block;
	padding: 5px 7.5px;
	text-decoration: none;
	min-width: 30px;
	max-width: 10%;
	font-size: 16px;
	cursor: pointer;
	outline: none;
	border: none;
}

.pagination-bar-mulu a {
	display: inline-block;
	padding: 5px 7.5px;
	text-decoration: none;
	min-width: 30px;
	max-width: 10%;
	font-size: 16px;
	cursor: pointer;
	outline: none;
	border: none;
}

@media screen and (max-width: 700px) {
	.pagination-bar a {
		font-size: 17px;
		max-width: 13%;
		padding: 5px 5px;
	}
}

@media screen and (max-width: 700px) {
	.pagination-bar-mulu a {
		font-size: 17px;
		max-width: 13%;
		padding: 2.5px 5px;
	}
}

.pagination-bar a:not(.disabled) {
	background-color: #FFF;
	color: #666;
	border: 1px solid #BBBBBB;
	outline: none;
	border: none;
}

.pagination-bar-mulu a:not(.disabled) {
	background-color: #FFF;
	color: #666;
	border: 1px solid #BBBBBB;
	outline: none;
	border: none;
}

.pagination-bar a.disabled {
	background-color: #666;
	color: #FFF;
	border: 1px solid #444;
	outline: none;
	border: none;
}

.pagination-bar-mulu a.disabled {
	background-color: #666;
	color: #FFF;
	border: 1px solid #444;
	outline: none;
	border: none;
}

.page-prev {
	border-radius: 15px 0px 0px 15px;
}

.page-next {
	border-radius: 0px 15px 15px 0px
}

.pagination-bar span:not(.active) {
	display: inline-block;
	padding: 5px 7.5px;
	font-size: 16px;
}

.pagination-bar-mulu span:not(.active) {
	display: inline-block;
	padding: 5px 7.5px;
	font-size: 16px;
}