/**
 * 前台 App 下载页
 */
.sx-app-download {
	--sx-app-card-radius: var(--md3-shape-medium, var(--md-sys-shape-corner-medium, 16px));
	max-width: 720px;
	margin: 0 auto;
	padding: var(--sanxio-block-px, 20px);
	box-sizing: border-box;
}
.sx-app-download__hero {
	text-align: center;
	margin-bottom: var(--sanxio-content-gap, 20px);
}
.sx-app-download__hero-icon {
	font-size: 48px;
	color: var(--md3-color-primary, var(--md-sys-color-primary));
	margin-bottom: var(--sanxio-gap-sm, 8px);
}
.sx-app-download__title {
	margin: 0 0 var(--sanxio-gap-sm, 8px);
	font-size: 22px;
	font-weight: 600;
	color: var(--md3-color-on-surface, var(--md-sys-color-on-surface));
}
.sx-app-download__subtitle {
	margin: 0;
	font-size: 14px;
	color: var(--md3-color-on-surface-variant, var(--md-sys-color-on-surface-variant));
}
.sx-app-download__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--sanxio-content-gap, 20px);
}
@media (min-width: 768px) {
	.sx-app-download__grid--dual {
		grid-template-columns: 1fr 1fr;
	}
}
.sx-app-download__card {
	background: var(--md3-color-surface, var(--md-sys-color-surface));
	border: 1px solid var(--md3-color-outline-variant, var(--md-sys-color-outline-variant));
	border-radius: var(--sx-app-card-radius);
	padding: var(--sanxio-card-px, 20px) var(--sanxio-card-py, 20px);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sanxio-gap-md, 16px);
	text-align: center;
}
.sx-app-download__card-icon {
	font-size: 36px;
	color: var(--md3-color-primary, var(--md-sys-color-primary));
}
.sx-app-download__card-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--md3-color-on-surface, var(--md-sys-color-on-surface));
}
.sx-app-download__qr {
	width: 148px;
	height: 148px;
	border-radius: var(--md3-shape-small, 8px);
	background: var(--md3-color-surface-container-high, #eee);
	object-fit: contain;
}
.sx-app-download__hint {
	margin: 0;
	font-size: 12px;
	color: var(--md3-color-on-surface-variant, var(--md-sys-color-on-surface-variant));
}
.sx-app-download__card .md3-btn {
	width: 100%;
	max-width: 240px;
}
.sx-app-download__empty {
	background: var(--md3-color-surface, var(--md-sys-color-surface));
	border: 1px solid var(--md3-color-outline-variant, var(--md-sys-color-outline-variant));
	border-radius: var(--sx-app-card-radius);
	padding: var(--sanxio-card-px, 20px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sanxio-gap-md, 16px);
	text-align: center;
}
.sx-app-download__empty-icon {
	font-size: 64px;
	opacity: 0.2;
	color: var(--md3-color-primary, var(--md-sys-color-primary));
}
.sx-app-download__empty p {
	margin: 0;
	font-size: 14px;
	color: var(--md3-color-on-surface-variant, var(--md-sys-color-on-surface-variant));
}
@media (max-width: 767px) {
	.sx-app-download {
		padding: var(--sanxio-block-px, 12px);
	}
}