.bg-gradient-primary {
	background: linear-gradient(135deg, #2878FF 0%, #1E64E9 100%);
}
.scrollbar-hide {
	&::-webkit-scrollbar {
		display: none;
	}
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.hover-lift {
	transition: transform 0.2s ease-in-out;
	
	&:hover {
		transform: translateY(-2px);
	}
}
.link-underline {
	position: relative;
	
	&::after {
		content: "";
		position: absolute;
		width: 0;
		height: 2px;
		bottom: -2px;
		left: 0;
		background-color: var(--color-primary);
		transition: width 0.3s ease;
	}
	
	&:hover::after {
		width: 100%;
	}
}
.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
}
/* 场景标签样式 */
.scenario-tab {
    @apply px-5 py-2 rounded-full whitespace-nowrap transition-colors;
}

.scenario-tab.active {
    @apply bg-primary text-white;
}

.scenario-tab:not(.active) {
    @apply bg-white text-gray-600 hover:bg-gray-100;
}

/* 场景内容样式 */
.scenario-content {
    @apply hidden;
}

.scenario-content.active {
    @apply block;
}