﻿   
          /* 全局字体设置 */
body {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    scroll-behavior: smooth;
}

/* Logo 艺术字特效 */
.logo-text {
    background-image: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 40%, #d97706 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.1em;
}

.logo-text-footer {
    background-image: linear-gradient(135deg, #60a5fa 0%, #f59e0b 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* 动画类 */
.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(30px);
}

.animation-delay-200 {
    animation-delay: 0.2s;
}

.animation-delay-400 {
    animation-delay: 0.4s;
}

.animation-delay-600 {
    animation-delay: 0.6s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 滚动显示动画 */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* 导航栏样式 */
.nav-active {
    color: #1e3a8a;
    font-weight: 600;
}

/* 背景纹理 */
.bg-pattern-grid {
    background-image: linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}

.bg-pattern-dots {
    background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

/* 平滑滚动偏移（适配固定导航栏） */
html {
    scroll-padding-top: 5rem;
}

/* 移动端菜单展开状态 */
.mobile-menu-open {
    max-height: 400px;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Canvas 容器确保不影响布局 */
#hero-canvas {
    pointer-events: none;
}
        