/**
 * WhatsMyName App 自定义样式
 */

/* 搜索容器渐变背景 - 蓝紫色主题 */
.search-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 结果项卡片动画效果 */
.result-item {
    transition: all 0.3s ease;
}

.result-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* 语言提示条样式 */
.language-tip {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    z-index: 1030;
}

.language-tip-content {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    font-size: 14px;
    color: #495057;
}

.language-tip-content i.fa-language {
    margin-right: 8px;
    color: #667eea;
    font-size: 16px;
}

.language-tip-close {
    margin-left: auto;
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 0 5px;
}

.language-tip-close:hover {
    color: #343a40;
} 
/* WhatsMyName App 蓝紫色主题覆盖 */
.text-indigo-600 {
    color: #667eea !important;
}

.bg-indigo-600 {
    background-color: #667eea !important;
}

.bg-indigo-800 {
    background-color: #5a67d8 !important;
}

.hover\:bg-indigo-900:hover {
    background-color: #4c51bf !important;
}

.hover\:text-indigo-600:hover {
    color: #667eea !important;
}

.hover\:bg-indigo-500:hover {
    background-color: #7c3aed !important;
}

.border-indigo-600 {
    border-color: #667eea !important;
}

.focus\:ring-indigo-500:focus {
    --tw-ring-color: #7c3aed !important;
}

/* 自定义蓝紫色主题类 */
.bg-emerald-600 {
    background-color: #667eea;
}

.bg-emerald-700 {
    background-color: #5a67d8;
}

.bg-emerald-800 {
    background-color: #4c51bf;
}

.text-emerald-600 {
    color: #667eea;
}

.text-emerald-700 {
    color: #5a67d8;
}

.hover\:bg-emerald-700:hover {
    background-color: #5a67d8;
}

.hover\:text-emerald-600:hover {
    color: #667eea;
}

/* 搜索按钮特殊样式 */
.search-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.3s ease;
}

.search-btn:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #667eea 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* 特色卡片样式 */
.feature-card {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.feature-card:hover {
    border-color: #667eea;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
}

/* 导航链接悬停效果 */
.nav-link:hover {
    color: #667eea !important;
    transition: color 0.2s ease;
}

/* 页脚链接样式 */
.footer-link {
    color: #9CA3AF;
    transition: color 0.2s ease;
}

.footer-link:hover {
    color: #667eea;
}