/* 桌面端只显示居中的移动端页面 */
body[adapt='pc'] > * {
	display: none !important;
}

body[adapt='pc'] > uni-adapt-pc {
	display: block !important;
}

body[adapt='pc'] {
	width: 100vw;
	height: 100vh;
	margin: 0;
	overflow: hidden;
	background:
		radial-gradient(circle at 18% 18%, rgba(255, 220, 111, 0.38), transparent 29%),
		radial-gradient(circle at 85% 82%, rgba(196, 187, 226, 0.32), transparent 30%),
		linear-gradient(135deg, #fffaf0, #fff4dc 55%, #f8f3f8);
}

body[adapt='pc'] .container {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

body[adapt='pc'] .container .iframe {
	position: relative;
	box-sizing: border-box;
	flex: none;
	width: 390px;
	height: 844px;
	overflow: hidden;
	border: 5px solid #292624;
	border-radius: 48px;
	background: #fffaf0;
	box-shadow:
		0 0 0 1px rgba(133, 118, 94, 0.88),
		0 0 0 2px rgba(255, 255, 255, 0.72),
		0 42px 100px rgba(91, 71, 37, 0.18),
		0 8px 30px rgba(222, 167, 64, 0.09),
		inset 0 0 0 1px rgba(255, 244, 215, 0.26);
	transform-origin: center;
}

body[adapt='pc'] .container .iframe::before {
	position: absolute;
	z-index: 4;
	top: 9px;
	left: 50%;
	width: 108px;
	height: 25px;
	border-radius: 15px;
	background: #1e1c1a;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
	content: '';
	transform: translateX(-50%);
	pointer-events: none;
}

body[adapt='pc'] .container .iframe::after {
	position: absolute;
	z-index: 4;
	bottom: 6px;
	left: 50%;
	width: 112px;
	height: 4px;
	border-radius: 999px;
	background: rgba(34, 31, 29, 0.82);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	content: '';
	transform: translateX(-50%);
	pointer-events: none;
}

body[adapt='pc'] .phone-status {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	height: 43px;
	align-items: flex-end;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 18px 7px;
	color: #322b24;
	font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
	font-size: 11px;
	font-weight: 750;
	pointer-events: none;
}

body[adapt='pc'] .phone-status-icons {
	display: flex;
	align-items: center;
	gap: 6px;
}

body[adapt='pc'] .phone-signal {
	display: flex;
	height: 9px;
	align-items: flex-end;
	gap: 1.5px;
}

body[adapt='pc'] .phone-signal i {
	width: 2px;
	border-radius: 2px;
	background: currentColor;
}

body[adapt='pc'] .phone-signal i:nth-child(1) { height: 3px; }
body[adapt='pc'] .phone-signal i:nth-child(2) { height: 5px; }
body[adapt='pc'] .phone-signal i:nth-child(3) { height: 7px; }
body[adapt='pc'] .phone-signal i:nth-child(4) { height: 9px; }

body[adapt='pc'] .phone-wifi {
	position: relative;
	width: 14px;
	height: 9px;
	border-top: 2px solid currentColor;
	border-radius: 50%;
}

body[adapt='pc'] .phone-wifi::before,
body[adapt='pc'] .phone-wifi::after {
	position: absolute;
	left: 50%;
	border-top: 1.5px solid currentColor;
	border-radius: 50%;
	content: '';
	transform: translateX(-50%);
}

body[adapt='pc'] .phone-wifi::before {
	top: 2px;
	width: 9px;
	height: 5px;
}

body[adapt='pc'] .phone-wifi::after {
	top: 5px;
	width: 3px;
	height: 2px;
}

body[adapt='pc'] .phone-battery {
	position: relative;
	box-sizing: border-box;
	width: 18px;
	height: 9px;
	border: 1.5px solid currentColor;
	border-radius: 3px;
}

body[adapt='pc'] .phone-battery::before {
	position: absolute;
	inset: 1.5px;
	border-radius: 1px;
	background: currentColor;
	content: '';
}

body[adapt='pc'] .phone-battery::after {
	position: absolute;
	top: 2px;
	right: -3px;
	width: 2px;
	height: 4px;
	border-radius: 0 2px 2px 0;
	background: currentColor;
	content: '';
}

body[adapt='pc'] .container .iframe > iframe {
	position: absolute;
	top: 43px;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: calc(100% - 43px);
	border: 0;
	background-color: #fffaf0;
}

@media (max-height: 864px) {
	body[adapt='pc'] .container .iframe {
		transform: scale(0.92);
	}
}

@media (max-height: 750px) {
	body[adapt='pc'] .container .iframe {
		transform: scale(0.82);
	}
}