/* 天脉AI - 自定义样式 */

/* 使用 Inter 字体 */
body {
    font-family: 'Inter', sans-serif;
    background-color: #111827; /* 深色背景 */
}

/* 自定义活动链接下划线样式 */
.nav-link-active::after {
    content: '';
    position: absolute;
    bottom: -8px; /* 调整下划线与文字的距离 */
    left: 25%;
    right: 25%;
    height: 3px;
    background-color: #8b5cf6; /* 紫色 */
    border-radius: 2px;
}

/* 卡片图片悬停效果 */
.card-link .card-image {
    transition: transform 0.3s ease-out;
}

.card-link:hover .card-image {
    transform: scale(1.05);
}

/* 轮播图样式 */
.carousel-slide {
    display: none;
    transition: opacity 1s ease-in-out;
}

.carousel-slide.active {
    display: block;
}

.carousel-dot {
    transition: background-color 0.3s ease;
}

/* 图片懒加载样式 */
.lazy-image {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.lazy-image.loaded {
    opacity: 1;
}

.lazy-image-placeholder {
    background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 移动端优化 */
/* 移动端菜单滚动锁定 */
.mobile-menu-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

/* 移动端菜单优化 */
@media (max-width: 768px) {
    #mobile-menu {
        position: fixed !important;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 40;
        background-color: rgba(0, 0, 0, 0.95);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}