* {
    scroll-behavior: smooth;
}
body {
    background-color: #080c1a;
    background-image: radial-gradient(#0f1a36 1px, transparent 1px);
    background-size: 30px 30px;
}
.glass {
    backdrop-filter: blur(10px);
    border: 1px solid rgba(100,160,255,0.15);
}
.num-animate {
    opacity:0;
    transform: translateY(20px);
    transition: all .7s ease-out;
}
.num-animate.show {
    opacity:1;
    transform: translateY(0);
}
.timeline-item::before {
    content: "";
    position: absolute;
    left: -32px;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0066ff;
    border:3px solid #080c1a;
    z-index:2;
}
.timeline-line {
    position:absolute;
    left:-25px;
    top:0;
    width:2px;
    height:100%;
    background: linear-gradient(to bottom, #0066ff, transparent);
}
/* 导航栏滚动变色 */
.nav-fixed {
    transition: background .3s;
}
.nav-dark {
    background: rgba(8,12,26,0.92);
    backdrop-filter: blur(8px);
}