/* 空山问道（dao）——场景页样式，仅本页使用，前缀 dao- 防污染 */
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
/* 深山夜色：顶部墨青、向下沉入近黑，衬出山影与道观灯火 */
html {
	background: #04080e;
	background: linear-gradient(180deg, #0a141e 0%, #0a1220 45%, #02060c 100%);
}
body {
	font-family: "华文行楷", "STXingkai", "楷体", KaiTi, serif;
}
/* 全屏画布 */
#daocanvas { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: block; }
/* 页面标题：行楷，浮于云山之上，不挡交互 */
.dao-hd {
	position: fixed; left: 0; top: 0; width: 100%;
	padding-top: 28px; text-align: center;
	pointer-events: none; z-index: 2;
}
.dao-hd h1 {
	margin: 0; font-size: 26px; font-weight: normal;
	color: #d5e4e0; letter-spacing: 10px;
	text-shadow: 0 0 18px rgba(160, 205, 200, 0.22);
}
/* 场景切换：与其他场景页的「[场景选择]」保持一致 */
.dao-nav {
	position: fixed; top: 26px; right: 24px; z-index: 3;
	font-size: 13px; color: #6a7d8f; letter-spacing: 2px;
}
.dao-nav a {
	color: #9cb2c2; text-decoration: none; margin-left: 12px;
	transition: color 0.3s;
}
.dao-nav a:hover { color: #dcecf2; }
/* 道语：底部居中，缓缓明灭（透明度由 JS 切换，过渡 2.8s） */
.dao-quote {
	position: fixed; left: 0; bottom: 34px; width: 100%;
	text-align: center; z-index: 2; pointer-events: none;
	font-size: 15px; color: #8fa8b8; letter-spacing: 4px;
	opacity: 0;
	transition: opacity 2.8s ease;
	text-shadow: 0 0 14px rgba(150, 195, 215, 0.22);
}
.dao-quote-on { opacity: 0.78; }