/* 主样式文件 */

/* 通用样式 */
.content-auto {
    content-visibility: auto;
}

.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.card-hover:hover {
    transform: translateY(-5px);
}

.input-focus {
    transition: all 0.2s ease;
}

.input-focus:focus {
    border-color: #007BFF;
    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
    outline: none;
}

/* 颜色变量 - 蓝白主题 */
:root {
    --color-primary: #007BFF;     /* 主蓝色 */
    --color-secondary: #007BFF;   /* 辅助蓝色 */
    --color-accent: #0067D6;      /* 深蓝色 */
    --color-light-blue: #EAF6FF; /* 浅蓝色 */
    --color-dark: #1e3a8a;        /* 深蓝色文字 */
    --color-light: #ffffff;       /* 纯白色 */
    --color-bg: #f8fafc;         /* 浅灰白背景 */
}

/* 性能优化：使用content-visibility提高渲染性能 */
section, footer, .card {
    content-visibility: auto;
    contain-intrinsic-size: 0 500px;
}

/* 减少布局偏移 */
img, video {
    aspect-ratio: attr(width) / attr(height);
}

/* 响应式优化 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}