@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#app {
	@apply relative m-0 w-full h-full min-h-full text-[62.5%];
}

/* 视图全局配置 */
.n-config-provider,
.n-layout {
	@apply h-full;
}
/* end */

/* 图片预处理 */
img {
	/* 图片预处理 */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
/* end */

/** 滚动条覆盖 */
[data-scroll-top='true']::after,
[data-scroll-bottom='true']::before {
	@apply content-[''] absolute w-full h-[.6rem] z-[100];
}
[data-scroll-top='true']::after {
	background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 0.2), rgba(255, 255, 255, 0));
	top: 0;
}
[data-scroll-bottom='true']::before {
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 220, 220, 0.2));
	bottom: 0;
}
/* end */

/** 自定义Tab样式 */
.n-tabs-nav--segment {
	background-color: transparent;
	padding: 0;
}

.n-tabs-tab.n-tabs-tab--active {
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	font-weight: 600;
	width: 100%;
}

.n-tabs-tab {
	padding: 8px 16px;
	transition: all 0.3s ease;
	width: 100%;
	height: 45px;
	font-size: 18px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.n-tabs-tab-wrapper{
	flex: 1 !important;
}
/* end */
