/* 组件样式文件 - 技术接单汇平台 */

/* 导航栏组件 */
.navbar-main {
    @apply fixed w-full z-50 transition-all duration-300 bg-white/90 backdrop-blur-md nav-shadow;
}

.navbar-profile {
    @apply fixed w-full bg-white/90 backdrop-blur-sm shadow-sm transition-all duration-300 z-50;
}

/* 页脚组件 */
.footer-main {
    @apply bg-gray-900 text-white py-8;
}

/* 联系信息组件 */
.contact-section {
    @apply py-16 bg-gray-50;
}

/* 项目展示组件 */
.project-section {
    @apply py-16 bg-white;
}

/* 作者简介组件 */
.about-section {
    @apply pt-28 pb-16 gradient-bg-alt;
}

/* 卡片组件 */
.card-grid {
    @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8;
}

.card-item {
    @apply bg-white rounded-xl overflow-hidden shadow-lg hover-scale group;
}

/* 按钮组件 */
.btn-group {
    @apply flex flex-wrap gap-4;
}

.btn {
    @apply px-6 py-3 rounded-lg font-medium transition-all;
}

.btn-primary {
    @apply bg-primary hover:bg-primary/90 text-white shadow-lg hover:shadow-xl transform hover:-translate-y-1;
}

.btn-secondary {
    @apply bg-white hover:bg-gray-50 text-primary border border-primary shadow-md hover:shadow-lg;
}

/* 响应式工具类 */
.section-padding {
    @apply py-20;
}

.section-title {
    @apply responsive-text-xl font-bold text-gray-900 mb-4;
}

.section-subtitle {
    @apply text-neutral-dark max-w-2xl mx-auto;
}

.section-header {
    @apply text-center mb-16;
}