@import '@/src/styles/theme.scss';

@mixin page-shell {
	height: 100vh;
	background: $color-bg-page;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

@mixin scroll-body {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 24rpx $page-padding-x 0;
}

@mixin card {
	background: $color-card;
	border-radius: $radius-lg;
	box-shadow: $shadow-card;
}

@mixin section-title {
	font-size: 32rpx;
	font-weight: 600;
	color: $color-text;
}

@mixin icon-box($size: 72rpx) {
	width: $size;
	height: $size;
	border-radius: $radius-md;
	background: $color-primary-bg;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}