.sky-gradient {
background: linear-gradient(135deg, #0284c7 0%, #0369a1 50%, #0f766e 100%);
}

/* Custom hide scrollbar for slider */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}

/* 导航栏滚动高亮状态 /
.nav-active {
color: #38bdf8 !important; / sky-400 */
font-weight: 700;
}

/* ==========================================
Workflow 步骤卡片：全自动自动点亮循环动画
========================================== */
.workflow-card {
background: #ffffff;
border: 1px solid #f1f5f9;
transition: all 0.35s ease;
animation: sequentialLight 8s infinite ease-in-out;
}

.workflow-card:nth-child(1) { animation-delay: 0s; }
.workflow-card:nth-child(2) { animation-delay: 2s; }
.workflow-card:nth-child(3) { animation-delay: 4s; }
.workflow-card:nth-child(4) { animation-delay: 6s; }

@keyframes sequentialLight {
0%, 20%, 100% {
background: #ffffff;
border-color: #f1f5f9;
transform: translateY(0);
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
5%, 15% {
background: #f8fafc;
border-color: #0ea5e9;
transform: translateY(-6px);
box-shadow: 0 12px 25px rgba(14, 165, 233, 0.15);
}
}

/* 硬件加速与无限滚动动画 */
@keyframes marquee {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(-33.333%, 0, 0); }
}
.animate-marquee {
animation: marquee 30s linear infinite;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}