/* 网页设置 */
html:root {
	--hr: hwb(0 88% 12%);
	--ac: hwb(215 36% 0%);
	--sidebar-color: #FFFFFF;
	--content-color: #F5F5F5;
	--appview-color: #FAFAFA;
	font: +300 16px LXGW WenKai Mono;
}
html,body {
	user-select: none;
	align-items: center;
	margin:0px; width:100%;
	flex-direction: column;
	justify-content: center;
	display:flex; height:100dvh;
	padding:0px; overflow:hidden;
	background: var(--appview-color);
}
html,body {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("./scene");
}

/* 上面元素 */
.shamian {
	box-sizing: border-box;
	width:330px; padding:15px;
	max-width: calc(100% - 30px);
	border-radius: 15px 15px 0 0;
	background: var(--sidebar-color);
}
.shamian>.zhutext {
	font-size: 20px;
	word-break: break-word;
	overflow-wrap: break-word;
	width:100%; text-align:center;
	color:var(--ac); font-weight:600;
}
.shamian>.subtext {
	text-align: center;
	word-break: break-word;
	overflow-wrap: break-word;
	width:100%; font-size:16px;
	margin-top:05px; line-height:1.2;
}
.shamian>.bgimage {
	margin-top: 10px;
	box-sizing: border-box;
	width:100%; display:block;
	height:atoms; border-radius:10px;
}

/* 验证容器 */
.h-captcha {
	box-sizing: border-box;
	border: 1px solid var(--hr);
	width:300px; border-radius:10px;
	overflow:hidden; min-height:75px;
}
.h-captcha>iframe {
	margin-right: -2px;
	margin-bottom: -1px;
	border: none !important;
	max-width: calc(100% + 2px);
	margin-top:-1px; height:atoms;
	display:block; margin-left:-2px;
}

/* 下面元素 */
.xiamian {
	box-sizing: border-box;
	width:330px; padding:15px;
	max-width: calc(100% - 30px);
	border-radius: 0 0 15px 15px;
	background: var(--content-color);
}
.xiamian>.linkurl {
	border-radius: 10px;
	font-family: inherit;
	box-sizing: border-box;
	width:100%; font-size:16px;
	border: 1px solid var(--hr);
	padding:10px; margin-top:8px;
	background: var(--appview-color);
}