@tuiColors: {
	red: #F33;
	pink: #FF7A9B;
	black: #111;
	blue: #006EFF;
	light-blue: #00A6FF;
	green: GREEN;
	light-green: #3FE194;
	orange: #E7913B;
	gray: #666;
	light-gray: #AAA;
	white: #FFF;
	dark-white: #E7EAEF;
	yellow: #FF0;
	purple: PURPLE;
	transparent: transparent;
}

:root {
	--tui-font: PingFang SC, Microsoft YaHei, Arial Regular;

	--tui-shadow: 3px 3px 12px var(--tui-shadow-color);
	--tui-bezier: cubic-bezier(.19, .1, .22, 1);
	--tui-shadow-color: rgba(0, 0, 0, .2);

	each(@tuiColors, {
		--tui-@{key}: @value;
	});
	--tui-border: 1px solid var(--tui-light-gray);
	--tui-page-padding: .5rem 1rem;
}

// 字体颜色
each(@tuiColors, {
	.@{key} {
		color: @value;
	}
});

// 背景颜色
each(@tuiColors, {
	.bg-@{key} {
		background: @value;
	}
});