* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#app {
	position: relative;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.qr-code {
	position: absolute;
	top: 8%;
	left: 35px;
	width: 180px;
	height: 180px;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.qr-code .qr-code-img {
	width: 100%;
	object-fit: cover;
}

.right-box {
	width: 50vw;
	height: 100vh;
	position: absolute;
	right: 5px;
	top: 10px;
}

.right-box .desc {
	--size: 20px;
	--color: yellowgreen;
	--shadow-color: black;
	--align: center;
	font: oblique bold var(--size)/1.5 'SimSun', '宋体', serif, 'Microsoft YaHei';
	color: var(--color);
	margin: 15px 0;
	text-align: var(--align);
	text-shadow:
		-1px -1px 0 var(--shadow-color),
		1px -1px 0 var(--shadow-color),
		-1px 1px 0 var(--shadow-color),
		1px 1px 0 var(--shadow-color),
		1px 0 0 var(--shadow-color),
		0 1px 0 var(--shadow-color),
		-1px 0 0 var(--shadow-color),
		0 -1px 0 var(--shadow-color);
}

.right-box .desc:first-child {
	margin-top: 0;
}

.right-box .desc:last-child {
	margin-bottom: 0;
}