/* 水滴（drop）——场景页样式，仅本页使用，前缀 drop- 防污染 */
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
/* 近黑的深蓝夜空：顶部略亮、向下沉入纯黑，衬出水珠与水面亮线 */
html {
	background: #04070d;
	background: linear-gradient(180deg, #0a1220 0%, #070d18 45%, #02050b 100%);
}
body {
	font-family: "华文行楷", "STXingkai", "楷体", KaiTi, serif;
}
/* 全屏画布 */
#dropcanvas { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: block; }
/* 页面标题：行楷，浮于水面之上，不挡交互 */
.drop-hd {
	position: fixed; left: 0; top: 0; width: 100%;
	padding-top: 28px; text-align: center;
	pointer-events: none; z-index: 2;
}
.drop-hd h1 {
	margin: 0; font-size: 26px; font-weight: normal;
	color: #dceaf7; letter-spacing: 8px;
	text-shadow: 0 0 18px rgba(170, 215, 255, 0.25);
}
/* 场景切换：与其他场景页的「[场景选择]」保持一致 */
.drop-nav {
	position: fixed; top: 26px; right: 24px; z-index: 3;
	font-size: 13px; color: #6c7c93; letter-spacing: 2px;
}
.drop-nav a {
	color: #9fb3c9; text-decoration: none; margin-left: 12px;
	transition: color 0.3s;
}
.drop-nav a:hover { color: #d9ecff; }
/* 静思语：底部居中，缓缓明灭（透明度由 JS 切换，过渡 2.8s） */
.drop-quote {
	position: fixed; left: 0; bottom: 34px; width: 100%;
	text-align: center; z-index: 2; pointer-events: none;
	font-size: 15px; color: #93aac6; letter-spacing: 4px;
	opacity: 0;
	transition: opacity 2.8s ease;
	text-shadow: 0 0 14px rgba(140, 190, 240, 0.25);
}
.drop-quote-on { opacity: 0.78; }