/*
Theme Name: Cursor AI
Theme URI: https://cursor.ai
Author: Cursor AI Team
Author URI: https://cursor.ai
Description: 专为Cursor AI设计的现代化WordPress主题，提供完整的AI编程助手服务展示功能。
Version: 2.5.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cursor-ai
Tags: tailwind, responsive, modern, ai, programming, cursor
*/

/* 主题样式已通过Tailwind CSS实现，此文件仅用于主题信息 */

/* 自定义渐变背景 */
.hero-gradient {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #06b6d4 100%);
}


/* 卡片hover效果 */
.feature-card:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* 价格卡片高亮 */
.price-card-highlight {
    border: 2px solid #3b82f6;
    position: relative;
}

.price-card-highlight::before {
    content: "推荐方案";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #3b82f6;
    color: white;
    padding: 4px 16px;
    border-radius: 12px;
    font-size: 12px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem !important;
    }
    
    .hero-subtitle {
        font-size: 1rem !important;
    }
}

/* 自定义按钮样式 */
.btn-primary {
    background: linear-gradient(45deg, #3b82f6, #06b6d4);
    border: none;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
}

/* 确保所有标签颜色类都可用 - 新增颜色支持 */
/* 提高优先级，确保颜色类正确应用 */
.inline-block.px-3.py-1.rounded-full.text-xs.font-medium,
.inline-block.px-4.py-2.rounded-full.text-sm.font-bold {
    /* 强制应用背景和文字颜色 */
}

/* 基础颜色类 - 确保足够优先级 */
.bg-blue-100 { background-color: #dbeafe !important; }
.text-blue-700 { color: #1d4ed8 !important; }
.bg-green-100 { background-color: #dcfce7 !important; }
.text-green-700 { color: #15803d !important; }
.bg-red-100 { background-color: #fee2e2 !important; }
.text-red-700 { color: #b91c1c !important; }
.bg-purple-100 { background-color: #f3e8ff !important; }
.text-purple-700 { color: #7c3aed !important; }
.bg-yellow-100 { background-color: #fef3c7 !important; }
.text-yellow-700 { color: #a16207 !important; }
.bg-indigo-100 { background-color: #e0e7ff !important; }
.text-indigo-700 { color: #4338ca !important; }
.bg-pink-100 { background-color: #fce7f3 !important; }
.text-pink-700 { color: #be185d !important; }
.bg-gray-100 { background-color: #f3f4f6 !important; }
.text-gray-700 { color: #374151 !important; }

/* Orange */
.bg-orange-100 { background-color: #fed7aa !important; }
.text-orange-700 { color: #c2410c !important; }
.text-orange-600 { color: #ea580c !important; }
.from-orange-500 { --tw-gradient-from: #f97316 !important; }
.to-orange-600 { --tw-gradient-to: #ea580c !important; }

/* Teal */  
.bg-teal-100 { background-color: #ccfbf1 !important; }
.text-teal-700 { color: #0f766e !important; }
.text-teal-600 { color: #0d9488 !important; }
.from-teal-500 { --tw-gradient-from: #14b8a6 !important; }
.to-teal-600 { --tw-gradient-to: #0d9488 !important; }

/* Cyan */
.bg-cyan-100 { background-color: #cffafe !important; }
.text-cyan-700 { color: #0e7490 !important; }
.text-cyan-600 { color: #0891b2 !important; }
.from-cyan-500 { --tw-gradient-from: #06b6d4 !important; }
.to-cyan-600 { --tw-gradient-to: #0891b2 !important; }

/* Emerald */
.bg-emerald-100 { background-color: #d1fae5 !important; }
.text-emerald-700 { color: #047857 !important; }
.text-emerald-600 { color: #059669 !important; }
.from-emerald-500 { --tw-gradient-from: #10b981 !important; }
.to-emerald-600 { --tw-gradient-to: #059669 !important; }

/* Lime */
.bg-lime-100 { background-color: #ecfccb !important; }
.text-lime-700 { color: #4d7c0f !important; }
.text-lime-600 { color: #65a30d !important; }
.from-lime-500 { --tw-gradient-from: #84cc16 !important; }
.to-lime-600 { --tw-gradient-to: #65a30d !important; }

/* Amber */
.bg-amber-100 { background-color: #fef3c7 !important; }
.text-amber-700 { color: #b45309 !important; }
.text-amber-600 { color: #d97706 !important; }
.from-amber-500 { --tw-gradient-from: #f59e0b !important; }
.to-amber-600 { --tw-gradient-to: #d97706 !important; }

/* Rose */
.bg-rose-100 { background-color: #ffe4e6 !important; }
.text-rose-700 { color: #be123c !important; }
.text-rose-600 { color: #e11d48 !important; }
.from-rose-500 { --tw-gradient-from: #f43f5e !important; }
.to-rose-600 { --tw-gradient-to: #e11d48 !important; }

/* Violet */
.bg-violet-100 { background-color: #ede9fe !important; }
.text-violet-700 { color: #6d28d9 !important; }
.text-violet-600 { color: #7c3aed !important; }
.from-violet-500 { --tw-gradient-from: #8b5cf6 !important; }
.to-violet-600 { --tw-gradient-to: #7c3aed !important; }

/* Gradient基础类 - 确保渐变正常工作 */
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)));
}

/* 加载动画 */
.fade-in {
    animation: fadeIn 1s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}