/* 移动端搜索按钮增强样式 */

/* 搜索按钮的涟漪效果 */
.mobile-search-trigger::before {
    display: none;
}

.mobile-search-trigger:active::before {
    display: none;
}

/* 搜索图标动画 */
.mobile-search-trigger:hover .search-icon {
    transform: none;
    transition: transform 0.3s ease;
}

.mobile-search-trigger .search-icon {
    transition: transform 0.3s ease;
}

/* 文字动画效果 */
.mobile-search-trigger:hover .search-text {
    letter-spacing: normal;
    transition: letter-spacing 0.3s ease;
}

.mobile-search-trigger .search-text {
    transition: letter-spacing 0.3s ease;
}

/* 焦点状态优化 */
.mobile-search-trigger:focus {
    outline: 3px solid #000;
    outline-offset: 3px;
}

/* 按钮加载状态（可选） */
.mobile-search-trigger.loading {
    background: #9ca3af;
    cursor: not-allowed;
    pointer-events: none;
}

.mobile-search-trigger.loading .search-icon {
    animation: searchSpin 1s linear infinite;
}

@keyframes searchSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 成功状态动画 */
.mobile-search-trigger.success {
    background: #22c55e;
    animation: none;
}

@keyframes successPulse {
    0% {
        transform: none;
    }
    50% {
        transform: none;
    }
    100% {
        transform: none;
    }
}

/* 深色主题适配 */
@media (prefers-color-scheme: dark) {
    .mobile-search-trigger {
        background: #1e40af;
        border-color: #fff;
    }
    
    .mobile-search-trigger:hover {
        background: #1e3a8a;
    }
}

/* 高对比度模式 */
@media (prefers-contrast: high) {
    .mobile-search-trigger {
        background: #2563eb;
        border: 3px solid #000;
        font-weight: 600;
    }
    
    .mobile-search-trigger:hover {
        background: #1d4ed8;
    }
}

/* 减少动画模式 */
@media (prefers-reduced-motion: reduce) {
    .mobile-search-trigger {
        transition: background-color 0.2s ease;
    }
    
    .mobile-search-trigger:hover {
        transform: none;
    }
    
    .mobile-search-trigger:active {
        transform: none;
    }
    
    .mobile-search-trigger::before {
        display: none;
    }
    
    .mobile-search-trigger .search-icon,
    .mobile-search-trigger .search-text {
        transition: none;
    }
    
    .mobile-search-trigger:hover .search-icon {
        transform: none;
    }
    
    .mobile-search-trigger:hover .search-text {
        letter-spacing: normal;
    }
}

/* 移动端特殊优化 */
@media (max-width: 480px) {
    .mobile-search-trigger {
        padding: 1.2rem 1rem;
        font-size: 1.05rem;
    }
    
    .mobile-search-trigger .search-icon {
        font-size: 1.3rem;
    }
}