/* 首页动效背景铺满 iframe 视口 */
html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.wrap,
.wrapper,
.page_wp,
.page {
	height: 100%;
	min-height: 100%;
}

/* 在 iframe 内：隐藏空顶栏，使用外壳 index.html 的菜单 */
.header {
	display: none !important;
}

/* 直接打开 home/index.html 时：显示简易顶栏 */
.home-standalone-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	z-index: 99999;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	padding: 0 12px;
	box-sizing: border-box;
	background: rgba(12, 14, 24, 0.96);
	border-bottom: 1px solid rgba(212, 168, 75, 0.35);
}

.home-standalone-nav a {
	color: #e8e0d0;
	font-size: 14px;
	padding: 6px 12px;
	text-decoration: none;
	letter-spacing: 0.06em;
}

.home-standalone-nav a:hover {
	color: #f5e6c8;
	background: rgba(212, 168, 75, 0.15);
}

html.is-standalone .home-standalone-nav {
	display: flex;
}

html.is-standalone .wrap {
	top: 48px;
	height: calc(100% - 48px) !important;
}

html.is-standalone .wrapper {
	top: 0;
	height: 100%;
}

/* Canvas 星空铺满 */
#canvas {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 10;
	pointer-events: none;
}

/* 星层背景兜底铺满 */
.star_wp,
.star_wp .star_bg,
.star_wp .star_box {
	min-height: 100%;
	min-width: 100%;
}

.page_1 .page_bg {
	min-height: 120vh;
	min-width: 120vw;
}

/* 底部按钮与圆点：留出安全边距 */
.btns_wp {
	bottom: 28px !important;
	z-index: 25;
}

.btn_download {
	border-color: rgba(212, 168, 75, 0.65) !important;
	color: #f5e6c8 !important;
	font-size: 15px;
	letter-spacing: 0.1em;
	transition: background 0.3s, color 0.3s;
}

.btn_download:hover {
	background: rgba(212, 168, 75, 0.2);
	color: #fff !important;
	text-decoration: none;
}

.btn_control {
	right: 28px !important;
	z-index: 25;
}

/* 圆点：图片缺失时用 CSS 圆点 */
.btn_control a {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35) !important;
	background-image: none !important;
	margin-bottom: 10px !important;
}

.btn_control a.cur,
.btn_control a:hover {
	background: #d4a84b !important;
	box-shadow: 0 0 8px rgba(212, 168, 75, 0.6);
}