/* 组件样式 - 清理未使用的类，保留实际使用的样式 */

/* 按钮组件 - 实际使用的样式 */
.btn {
    @apply px-6 py-3 rounded-lg font-medium transition-all duration-300;
}

.btn--primary {
    @apply bg-primary text-white hover:bg-primary/90 hover:shadow-lg;
}

.btn--secondary {
    @apply bg-secondary text-white hover:bg-secondary/90;
}

.btn--outline {
    @apply border-2 border-primary text-primary hover:bg-primary hover:text-white;
}

.btn--large {
    @apply px-8 py-4 text-lg;
}

/* 咨询合作区域按钮美化 */
.coop-btn {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border-radius: 25px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    min-width: 120px;
    letter-spacing: 0.5px;
}

/* 主要按钮样式 */
.coop-btn-primary {
    background: linear-gradient(135deg, #40a9ff, #1890ff);
    color: white;
    border: 2px solid transparent;
    box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
}

.coop-btn-primary:hover {
    background: linear-gradient(135deg, #1890ff, #096dd9);
    box-shadow: 0 6px 16px rgba(24, 144, 255, 0.4);
    transform: translateY(-2px);
}

.coop-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
}

/* 轮廓按钮样式 */
.coop-btn-outline {
    background-color: transparent;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
}

.coop-btn-outline:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: white;
    transform: translateY(-2px);
}

.coop-btn-outline:active {
    transform: translateY(0);
    background-color: rgba(255, 255, 255, 0.1);
}

/* 按钮波纹效果 */
.coop-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.coop-btn:active::after {
    width: 300px;
    height: 300px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .coop-btn {
        padding: 10px 20px;
        font-size: 15px;
        min-width: 110px;
    }
}

/* 按钮焦点样式 */
.coop-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.5);
}

/* 禁用默认的按钮样式 */
.cooperation-actions .btn {
    display: none;
}