/* 深色/浅色模式 CSS 变量（默认浅色） */
:root {
    --bg-color: #F8FAFC;
    --bg-alt-color: #F1F5F9;
    --card-color: #FFFFFF;
    --text-color: #0F172A;
    --text-muted-color: #64748B;
    --border-color: rgba(99, 102, 241, 0.15);
}

.dark-mode {
    --bg-color: #020617;
    --bg-alt-color: #0F172A;
    --card-color: #1E293B;
    --text-color: #F8FAFC;
    --text-muted-color: #94A3B8;
    --border-color: rgba(99, 102, 241, 0.1);
}

/* 全局样式 */
body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.bg-grid {
    background-image: 
        linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(99, 102, 241, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}

.glass-card {
    background-color: rgba(var(--card-color-rgb), 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.dark-mode .glass-card {
    background-color: rgba(30, 41, 59, 0.7);
}

.light-mode .glass-card {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.text-muted {
    color: var(--text-muted-color);
}

.bg-alt {
    background-color: var(--bg-alt-color);
}

.border-theme {
    border-color: var(--border-color);
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -10px rgba(99, 102, 241, 0.2);
    border-color: rgba(99, 102, 241, 0.3);
}

/* 合作伙伴无限滚动动画 */
.partner-scroll {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.partner-scroll-content {
    display: inline-flex;
    animation: scroll-left 30s linear infinite;
}
@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.partner-item {
    flex-shrink: 0;
    padding: 0 2.5rem;
}
/* 鼠标悬停暂停滚动 */
.partner-scroll:hover .partner-scroll-content {
    animation-play-state: paused;
}

/* 主题切换按钮动画 */
.theme-toggle {
    transition: all 0.3s ease;
    background-color: var(--card-color);
}
.theme-toggle:hover {
    transform: rotate(15deg);
}

.animate-blink {
    animation: blink 1s infinite;
}
@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);
}

/* 导航栏背景 */
#navbar {
    background-color: rgba(var(--bg-color-rgb), 0.8);
}

/* 移动端菜单背景 */
#mobile-menu {
    background-color: var(--bg-color);
}

/* 加入我们按钮背景 */
#home a:nth-child(2) {
    background-color: var(--card-color);
}

/* 页脚背景 */
footer {
    background-color: var(--bg-color);
}