/* 1. 滚动条美化 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a1a1a1; }
.dark-section ::-webkit-scrollbar-track { background: #1E1E1E; }
.dark-section ::-webkit-scrollbar-thumb { background: #4A4A4A; }

/* 2. 通用动画 */
.fade-in { animation: fadeIn .8s ease-in-out; }
@keyframes fadeIn { from {opacity:0; transform:translateY(20px);} to {opacity:1; transform:translateY(0);} }
.delay-100 { animation-delay: .1s; }
.delay-200 { animation-delay: .2s; }
.delay-300 { animation-delay: .3s; }

/* 3. 通用样式类 */
.bg-gradient-jetbrains { background: linear-gradient(135deg,#1E1E1E 0%,#121212 100%); }
.glass { backdrop-filter: saturate(180%) blur(12px); background-color: rgba(11, 18, 32, 0.6); }

/* 4. 导航栏过渡 */
.transition-navbar { transition: background-color .3s, padding .3s, box-shadow .3s; }
[id] { scroll-margin-top: 80px; }
html { scroll-behavior: smooth; }