/* ==========================================================================
   设备被限制时的提示页。整页只有一张居中卡片，没有导航、没有页脚。
   ========================================================================== */

.vp-blocked {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--s-5);
}

.vp-blocked-card {
	max-width: 420px;
	width: 100%;
	text-align: center;
	background: var(--bg-elev);
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: var(--s-7) var(--s-5);
}

/* .vp-logo 本身是给 <a> 写的，这里是个 <span>，只补一条块级居中 */
.vp-blocked-logo {
	display: inline-block;
	margin-bottom: var(--s-5);
	font-size: 22px;
}

.vp-blocked-title {
	margin: 0 0 var(--s-3);
	font-size: 18px;
	font-weight: 600;
	color: var(--text);
}

.vp-blocked-desc {
	margin: 0;
	font-size: 14px;
	color: var(--text-2);
}