/* ===================================================
   Moelog AI Q&A – Consolidated CSS
   命名空間說明:
   - 文章內清單: .moe-aiqna-block
   - 答案頁: body.moe-aiqna-answer 下所有樣式
   =================================================== */

/* --- 1. 文章內「問題清單」區塊 (.moe-aiqna-block) --- */

.moe-aiqna-block {
	margin: -0.2em 0 1.2em 0;
	padding: 0.5em;
	border: 1px solid #E5E5E0;
	border-radius: 6px;
	background: #fff;

}


.moe-aiqna-block h3 {
	margin: 0 0 .6em;
	font-size: 1.3rem;
	line-height: 1.4;
	font-family: "Noto Sans TC", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.moe-aiqna-block ul {
	list-style: none;
	margin: 0.1em 0 0 0.8em;
	padding: 0;
}

.moe-aiqna-block li {
	margin: .3em 0;
}

.moe-aiqna-block .moe-aiqna-link {
	display: inline-block;
	text-decoration: none;
	color: #1d8ac3;
	padding-left: 16px;
	line-height: 1.6em;
	font-family: "Noto Sans TC", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.moe-aiqna-block .moe-aiqna-link:hover {
	color: #6D6D6D;
}

/* --- 2. 答案頁 (body.moe-aiqna-answer) - 全域設定 --- */

body.moe-aiqna-answer {
	margin: 24px auto;
	max-width: 880px;
	color: #222;
	font-family: "Noto Sans TC", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.85;
	background: #f5f5f0 !important;
}

/* 置中容器 */
.moe-aiqna-answer .moe-container {
	max-width: 880px;
	margin: 30px auto 0;
	padding: 0 16px;
	background: #F0EEE0 url(images/moe-containerbg.gif);
}

.moe-aiqna-answer .moe-banner {
	max-width: 790px;
	height: 250px;
	margin: 0 auto;
	background: #F0EEE0 url(images/moe-banner.jpg) repeat-y;
}

/* --- 3. 答案頁標題與提問重現 --- */

.moe-aiqna-answer .moe-head {
	border-bottom: none;
	padding-bottom: 8px;
	margin-bottom: 16px;
}

.moe-aiqna-answer .moe-question-echo {
	margin: 0 0 4px 0;
	padding: 0 30px 16px 45px;
	font: 220%/100% "DotGothic16", sans-serif;
	text-shadow: 0 2px 0 #d1d1d1;
	color: #1d8ac3;
}

/* --- 4. 答案頁內文排版 --- */

.moe-aiqna-answer .moe-answer-wrap p {
	margin: 0 0 1em;
	padding: 0 2.4em;
	font-size: 120%;
	color: #666;
}

.moe-aiqna-answer .moe-answer-wrap ul,
.moe-aiqna-answer .moe-answer-wrap ol {
	margin: .5em 0 1em 1.25em;
}

.moe-aiqna-answer .moe-answer-wrap pre {
	padding: .75em 1em;
	background: #fafafa;
	border-radius: 6px;
	overflow: auto;
}

.moe-aiqna-answer .moe-answer-wrap code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* --- 5. 底部關閉區域 --- */

.moe-aiqna-answer .moe-close-area {
	margin: 20px 0 0;
	text-align: center;
}

.moe-aiqna-answer .moe-bottom {
	height: 54px;
	margin: 0 auto;
	background: #f5f5f0 url(images/moe-bottom.gif) no-repeat;
	color: #666;
	clear: both;
}

.moe-aiqna-answer .moe-close-btn {
	display: inline-block;
	padding: .45em .9em;
	border: none !important;
	border-radius: 6px;
	text-decoration: none;
	background: #f5f5f5;
	color: #94B800;
	outline: none !important;
	transition: background .2s, transform .05s ease-in-out;
}

.moe-aiqna-answer .moe-close-btn:hover {
	background: #e7e7e7;
}

.moe-aiqna-answer .moe-close-btn:active {
	transform: scale(0.98);
}

.moe-aiqna-answer .moe-close-btn:focus,
.moe-aiqna-answer .moe-close-btn:active {
	outline: none !important;
	box-shadow: none !important;
}

.moe-aiqna-answer .moe-fallback {
	display: none;
	margin-top: 8px;
	font-size: 13px;
	color: #666;
}

/* ===================================================
   6. 手機版響應式設計
   =================================================== */

@media (max-width: 900px) {

	/* ✅ 隱藏背景圖片 */
	.moe-aiqna-answer .moe-container {
		margin: 0;
		padding: 0 12px;
		max-width: 100%;
		background: #FFFFFF !important;
		/* 保留背景色,移除圖片 */
	}

	.moe-aiqna-answer .moe-banner {
		display: none;
		/* ✅ 完全隱藏 banner */
	}

	.moe-aiqna-answer .moe-bottom {
		background: #FFFFFF !important;
		/* 移除底部圖片 */
		height: 0px;
		/* 縮小高度 */
	}

	/* 答案頁整體 */
	body.moe-aiqna-answer {
		margin: 0;
		padding: 0;
		background: #FFFFFF !important;
	}

	/* 問題標題 */
	.moe-aiqna-answer .moe-question-echo {
		padding: 15px 15px 12px 15px;
		font-size: 160%;
		line-height: 1.3;
	}

	/* 答案內文 */
	.moe-aiqna-answer .moe-answer-wrap p {
		padding: 0 15px;
		font-size: 110%;
	}

	/* 列表 */
	.moe-aiqna-answer .moe-answer-wrap ul,
	.moe-aiqna-answer .moe-answer-wrap ol {
		margin-left: 15px;
		padding-right: 15px;
	}

	/* 原文連結區塊 */
	.moe-original-section {
		padding: 0 15px !important;
		margin: 20px 0 15px;
		font-size: 0.9em;
	}

	.moe-original-link {
		word-break: break-all;
	}

	/* 關閉按鈕 */
	.moe-aiqna-answer .moe-close-area {
		padding: 0 15px;
		margin: 15px 0;
	}

	.moe-aiqna-answer .moe-close-btn {
		padding: .6em 1.2em;
		font-size: 0.95em;
	}

	/* Disclaimer */
	.moe-disclaimer {
		padding: 0 15px !important;
		font-size: 0.85em !important;
		line-height: 1.4em !important;
	}
}

/* 極小螢幕 (iPhone SE 等) */
@media (max-width: 375px) {
	.moe-aiqna-answer .moe-question-echo {
		padding: 12px 10px;
		font-size: 140%;
	}

	.moe-aiqna-answer .moe-answer-wrap p {
		padding: 0 10px;
		font-size: 105%;
	}

	.moe-original-section {
		padding: 0 10px !important;
	}
}