/* 
 * AI家教平台 - 主题覆盖样式
 * 确保微信绿主题正确应用，覆盖Bootstrap默认样式
 */

/* ===== Bootstrap组件覆盖 ===== */

/* 主要按钮颜色覆盖 */
.btn-primary {
    --bs-btn-bg: #07C160 !important;
    --bs-btn-border-color: #07C160 !important;
    --bs-btn-hover-bg: #059A4F !important;
    --bs-btn-hover-border-color: #059A4F !important;
    --bs-btn-active-bg: #047A3F !important;
    --bs-btn-active-border-color: #047A3F !important;
    --bs-btn-disabled-bg: #07C160 !important;
    --bs-btn-disabled-border-color: #07C160 !important;
    background: linear-gradient(135deg, #07C160 0%, #10D56A 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, #10D56A 0%, #4AE78A 100%) !important;
    border: none !important;
    color: white !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(7, 193, 96, 0.4) !important;
}

/* 成功按钮 */
.btn-success {
    --bs-btn-bg: #10D56A !important;
    --bs-btn-border-color: #10D56A !important;
    background: linear-gradient(135deg, #10D56A 0%, #4AE78A 100%) !important;
    border: none !important;
}

/* 链接颜色 */
a {
    color: #07C160 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

a:hover {
    color: #059A4F !important;
    text-decoration: none !important;
}

/* 表单控件焦点颜色 */
.form-control:focus,
.form-select:focus {
    border-color: #07C160 !important;
    box-shadow: 0 0 0 0.25rem rgba(7, 193, 96, 0.25) !important;
}

/* 导航链接激活状态 */
.nav-link.active {
    color: #07C160 !important;
}

/* 分页组件 */
.page-link {
    color: #07C160 !important;
}

.page-link:hover {
    color: #059A4F !important;
    background-color: #F0FDF4 !important;
    border-color: #07C160 !important;
}

.page-item.active .page-link {
    background-color: #07C160 !important;
    border-color: #07C160 !important;
}

/* 进度条 */
.progress-bar {
    background-color: #07C160 !important;
    background-image: linear-gradient(135deg, #07C160 0%, #10D56A 100%) !important;
}

/* 徽章 */
.badge.bg-primary {
    background: linear-gradient(135deg, #07C160 0%, #10D56A 100%) !important;
}

.badge.bg-success {
    background: linear-gradient(135deg, #10D56A 0%, #4AE78A 100%) !important;
}

/* 警告框 */
.alert-success {
    color: #047A3F !important;
    background-color: #F0FDF4 !important;
    border-color: #DCFCE7 !important;
}

/* 列表组 */
.list-group-item.active {
    background-color: #07C160 !important;
    border-color: #07C160 !important;
}

/* 下拉菜单 */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #F0FDF4 !important;
    color: #047A3F !important;
}

.dropdown-item.active {
    background-color: #07C160 !important;
    color: white !important;
}

/* 模态框 */
.modal-header {
    background: linear-gradient(135deg, #07C160 0%, #10D56A 100%) !important;
    color: white !important;
    border-bottom: none !important;
}

/* 选项卡 */
.nav-tabs .nav-link.active {
    color: #07C160 !important;
    border-color: #07C160 #07C160 #fff !important;
}

.nav-pills .nav-link.active {
    background-color: #07C160 !important;
}

/* 轮播图指示器 */
.carousel-indicators [data-bs-target] {
    background-color: #07C160 !important;
}

/* 开关组件 */
.form-check-input:checked {
    background-color: #07C160 !important;
    border-color: #07C160 !important;
}

/* 范围滑块 */
.form-range::-webkit-slider-thumb {
    background: #07C160 !important;
}

.form-range::-moz-range-thumb {
    background: #07C160 !important;
}

/* 文本选择颜色 */
::selection {
    background: #07C160 !important;
    color: white !important;
}

::-moz-selection {
    background: #07C160 !important;
    color: white !important;
}

/* ===== 自定义组件样式 ===== */

/* 微信绿渐变背景类 */
.bg-wechat-green {
    background: linear-gradient(135deg, #07C160 0%, #10D56A 100%) !important;
    color: white !important;
}

.bg-wechat-green-light {
    background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%) !important;
    color: #047A3F !important;
}

/* 文本颜色类 */
.text-wechat-green {
    color: #07C160 !important;
}

.text-wechat-green-dark {
    color: #047A3F !important;
}

/* 边框颜色类 */
.border-wechat-green {
    border-color: #07C160 !important;
}

/* 阴影类 */
.shadow-wechat {
    box-shadow: 0 8px 25px rgba(7, 193, 96, 0.15) !important;
}

.shadow-wechat-lg {
    box-shadow: 0 12px 35px rgba(7, 193, 96, 0.2) !important;
}

/* 发光效果类 */
.glow-wechat {
    box-shadow: 0 0 20px rgba(7, 193, 96, 0.3) !important;
}

/* 渐变文字类 */
.text-gradient-wechat {
    background: linear-gradient(135deg, #07C160 0%, #10D56A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

/* 动画类 */
.hover-lift {
    transition: all 0.25s ease !important;
}

.hover-lift:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.hover-scale {
    transition: all 0.25s ease !important;
}

.hover-scale:hover {
    transform: scale(1.05) !important;
}

/* 特殊效果类 */
.glass-effect {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.neon-border {
    border: 2px solid #07C160 !important;
    box-shadow: 
        0 0 5px rgba(7, 193, 96, 0.5),
        inset 0 0 5px rgba(7, 193, 96, 0.2) !important;
}

/* 响应式文字大小 */
@media (max-width: 768px) {
    .text-gradient-wechat {
        font-size: 1.5rem !important;
    }
    
    .btn {
        font-size: 0.9rem !important;
        padding: 0.75rem 1.5rem !important;
    }
}

/* 确保所有交互元素都有正确的过渡效果 */
* {
    transition: color 0.15s ease-in-out, 
                background-color 0.15s ease-in-out, 
                border-color 0.15s ease-in-out, 
                box-shadow 0.15s ease-in-out !important;
}

/* 禁用某些元素的过渡以避免性能问题 */
*::before,
*::after {
    transition: none !important;
}

/* 重新启用需要过渡的伪元素 */
.btn::before,
.card::before,
.card::after,
.agent-card::before,
.agent-card::after {
    transition: all 0.25s ease !important;
}