/* 基础设置 */
html {
    scroll-behavior: smooth;
}

/* 隐藏滚动条但保留滚动功能 */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 背景图遮罩层 */
.bg-overlay-dark {
    background-color: rgba(17, 24, 39, 0.5); /* 半透明黑 */
}
.bg-overlay-blue {
    background-color: rgba(23, 62, 126, 0.9); /* 强烈的深蓝色遮罩，参考设计图中的“关于我们” */
}
.bg-overlay-black {
    background-color: rgba(20, 20, 20, 0.85); /* 深灰/黑色遮罩，参考设计图中的“服务优势” */
}

/* 参考设计图的蓝绿渐变背景 */
.bg-gradient-primary {
    background: linear-gradient(135deg, #1d4ed8 0%, #06b6d4 100%);
}

/* 卡片悬浮微动效 */
.hover-card-effect {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.hover-card-effect:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 渐显动画 */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 数字滚动动画 */
.counter-value {
    font-variant-numeric: tabular-nums;
}

/* 合作伙伴无限滚动 */
@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-scroll {
    animation: scroll-left 20s linear infinite;
    display: flex;
    width: max-content;
}

/* 设计图特有的线条装饰 */
.title-line {
    width: 40px;
    height: 2px;
    background-color: currentColor;
    margin: 16px auto;
    opacity: 0.6;
}