/* wp-pagenavi 02 - iOS 緊湊立體懸浮版 */
.wp-pagenavi {
	clear: both;
	text-align: left;
	padding: 5px 0; /* 縮小整個區塊的上下間距 */
}

.wp-pagenavi a, .wp-pagenavi span {
	/* 顏色與毛玻璃 */
	background-color: rgba(60, 180, 229, 0.95) !important;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	
	/* 核心：懸浮陰影 */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);

	/* 調整：縮小內距與外距 */
	padding: 6px 12px; 
	margin: 2px 3px; /* 縮小上下左右的外距 */
	
	display: inline-block;
	white-space: nowrap;
	border-radius: 4px; 
	
	transition: all 0.25s ease-out;
	text-align: center;
	text-decoration: none;
	line-height: 1.2; /* 縮小行高，讓按鈕更扁平 */
}

/* 當前頁碼：維持綠色 + 內凹 */
.wp-pagenavi span.current {
	background-color: rgba(54, 194, 28, 0.95) !important;
	font-weight: bold;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
	border: none;
}

/* 滑鼠移過：微幅浮起 */
.wp-pagenavi a:hover {
	background-color: #FFC500 !important;
	color: #FFF;
	transform: translateY(-2px); /* 縮小浮起高度 */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}