/* ===================================
   Page 66-68 樣式
   別頁：念佛人是幸福的
   作者：釋妙悟
   =================================== */

/* 固定垂直標籤 */
.bundle-66-68-active .fixed-vertical-label {
	position: fixed;
	top: 30px;
	left: 30px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	background-color: #806856;
	color: white;
	padding: 10px 8px;
	font-size: 1rem;
	white-space: nowrap;
	border-radius: 5px;
	z-index: 1000;
	font-weight: bold;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

@media (max-width: 768px) {
	.bundle-66-68-active .fixed-vertical-label {
		font-size: 11px;
		padding: 2px 0px;
		left: 0px;
		line-height: 1.2;
	}
}

/* 主容器 - 零 padding 讓圖片全寬顯示 */
.bundle-66-68 .container {
	max-width: 800px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-bottom: 2.5rem;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background-color: #1a1209;
	overflow: hidden;
}

/* 圖片容器（相對定位供疊加使用） */
.bundle-66-68 .image-wrapper {
	position: relative;
	width: 100%;
	display: block;
}

.bundle-66-68 .image-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

/* 頁碼 */
.bundle-66-68 .page-number {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 0;
	background-color: #fff;
}

.bundle-66-68 .page-circle {
	background: #806856;
	color: white;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.bundle-66-68 .page-text {
	font-size: 14px;
	color: #666;
}

/* ===================== */
/* Page 66 - 標題頁      */
/* ===================== */

/* 標題 + 作者疊加區（Y: 147~232 ≈ 頁面 20~31%） */
.bundle-66-68 .page-66 .text-overlay {
	position: absolute;
	top: 17%;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 20px;
	pointer-events: none;
	isolation: isolate;
	/* 建立獨立堆疊上下文，讓 ::before 圓圈壓在文字之下、圖片之上 */
}

/* 透明黃色圓形背景（對應 PDF 原始設計） */
.bundle-66-68 .page-66 .text-overlay::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: rgba(255, 220, 80, 0.35);
	z-index: -1;
}

.bundle-66-68 .page-66 .overlay-title {
	color: #231f20;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 12px 0;
}

.bundle-66-68 .page-66 .overlay-author {
	color: #231f20;
	font-size: 1rem;
	margin: 0;
}

/* 分享容器（疊在圖片下方白色區） */
.bundle-66-68 .page-66 .share-area {
	padding: 12px 20px;
	background-color: #fff;
}

/* ===================== */
/* Page 67 - 詩歌頁      */
/* ===================== */

/* 詩歌疊加（Y: 333~611 ≈ 頁面 45%~82%，置於中下） */
.bundle-66-68 .page-67 .poem-overlay {
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	text-align: center;
	pointer-events: none;
	isolation: isolate;
	/* 建立獨立堆疊上下文，讓 ::before 圓圈在文字之下、圖片之上 */
}

/* 透明黃色圓形背景（對應 PDF 原始設計） */
.bundle-66-68 .page-67 .poem-overlay::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background-color: rgba(199, 176, 1, 0.8);
	z-index: -1;
}

.bundle-66-68 .page-67 .poem-line {
	display: block;
	color: #231f20;
	font-size: 0.97rem;
	line-height: 2;
	font-family: 'Noto Sans TC', sans-serif;
	white-space: nowrap;
}

/* ===================== */
/* Page 68 - 結尾頁      */
/* ===================== */

/* Namo Amitābha 疊加（Y: 648 ≈ 頁面 87%，白色） */
.bundle-66-68 .page-68 .namo-overlay {
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	text-align: center;
	pointer-events: none;
}

.bundle-66-68 .page-68 .namo-text {
	color: #ffffff;
	font-size: 1.1rem;
	font-style: italic;
	letter-spacing: 0.2em;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

/* ===================== */
/* RWD                   */
/* ===================== */

@media (max-width: 768px) {
	.bundle-66-68 .page-66 .overlay-title {
		font-size: 1.6rem;
	}

	.bundle-66-68 .page-67 .poem-line {
		font-size: 0.85rem;
		line-height: 1.4;
	}

	.bundle-66-68 .page-68 .namo-text {
		font-size: 0.95rem;
	}

	.bundle-66-68 .page-circle {
		width: 25px;
		height: 25px;
		font-size: small;
	}

	.bundle-66-68 .page-text {
		font-size: small;
	}
}

@media (max-width: 480px) {
	.bundle-66-68 .page-66 .overlay-title {
		font-size: 1.3rem;
	}

	.bundle-66-68 .page-66 .overlay-author {
		font-size: 0.9rem;
	}

	.bundle-66-68 .page-67 .poem-line {
		font-size: 0.78rem;
		line-height: 1.3;
		white-space: normal;
	}

	.bundle-66-68 .page-67 .poem-overlay {
		width: 90%;
	}
}