/* 嘉强科技 - 自定义样式 */

/* 自定义颜色 */
:root {
    --primary: #0F4C81;
    --secondary: #1E88E5;
    --dark: #0A2463;
    --light: #E3F2FD;
    --accent: #FF8A65;
}

/* 自定义工具类 */
.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.bg-gradient-tech {
    background: linear-gradient(135deg, #0F4C81 0%, #1E88E5 100%);
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.15);
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

/* 宽高比工具类 - 用于统一图片容器尺寸 */
.aspect-4-3 {
    aspect-ratio: 4 / 3;
}

.aspect-16-9 {
    aspect-ratio: 16 / 9;
}

.aspect-square {
    aspect-ratio: 1 / 1;
}

/* Tailwind CDN等效配置 - 确保clamps和其他实用类工作 */
.text-\[clamp\(1\.8rem\,4vw\,3rem\)\] {
    font-size: clamp(1.8rem, 4vw, 3rem);
}

.text-\[clamp\(2\.5rem\,8vw\,5rem\)\] {
    font-size: clamp(2.5rem, 8vw, 5rem);
}

.text-\[clamp\(1rem\,3vw\,1\.5rem\)\] {
    font-size: clamp(1rem, 3vw, 1.5rem);
}

/* 文本截断 */
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}