/* 自定义工具类 */
.content-auto {
    content-visibility: auto;
}
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.tech-shadow {
    box-shadow: 0 0 20px rgba(22, 93, 255, 0.2);
}
.grid-mask {
    background-image: 
        linear-gradient(rgba(15, 23, 42, 0.8) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.8) 1px, transparent 1px);
    background-size: 20px 20px;
}

#navbar {
  /* 替换原有背景样式，这里以白色为例 */
  background: #07132b; /* 纯色背景，#ffffff可替换为任意十六进制颜色码 */
  /* 保留原有其他样式，保证导航栏功能正常 */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/* 首页样式适配 */
#home {
    margin-top: 150px !important; /* 移动端调小 */
    padding-top: 60px !important;
	margin-bottom: 160px; /* 与下板块的距离 */
}
@media (min-width: 768px) {
    #home {
        margin-top: 140px !important; /* 桌面端调大 */
        padding-top: 150px !important;
    }
}

/* 自定义动画（Tailwind已定义keyframes，此处仅兜底） */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.animate-float {
    animation: float 3s ease-in-out infinite;
}
.animate-pulse-slow {
    animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}