/* 🚫 禁用电脑端Panel悬停缩放效果 - 仅桌面端生效 */
/* 使用媒体查询确保只在具有鼠标悬停能力的设备上（典型的PC端）生效 */

@media (hover: hover) and (pointer: fine) {
    /* 禁用Logo悬停缩放 */
    .logo:hover {
        transform: none !important;
        animation: none !important;
        transition: transform 0s !important;
    }
    
    /* 禁用乌龟参与者悬停移动 */
    .turtle-participant:hover {
        transform: none !important;
        animation: none !important;
        transition: transform 0.3s ease !important; /* 保持其他过渡效果，只移除transform */
    }
    
    /* 禁用资金流向项目悬停移动 */
    .flow-item:hover {
        transform: none !important;
        animation: none !important;
        transition: all 0.3s ease !important; /* 保持其他过渡效果，只移除transform */
    }
    
    /* 禁用热门板块项目悬停移动 */
    .hot-sector-item:hover {
        transform: none !important;
        animation: none !important;
        transition: all 0.3s ease !important; /* 保持其他过渡效果，只移除transform */
    }
    
    /* 禁用导航项悬停缩放 */
    .nav-item:hover {
        transform: none !important;
        animation: none !important;
        transition: all var(--transition-primary) !important; /* 保持其他过渡效果，只移除transform */
    }
    
    /* 禁用AI分析按钮悬停缩放 */
    .ai-analysis-btn:hover {
        transform: none !important;
        animation: none !important;
        transition: all var(--transition-time) !important; /* 保持其他过渡效果，只移除transform */
    }
    
    /* 禁用移动端侧边栏控制按钮悬停缩放 */
    .mobile-sidebar-control-btn:hover {
        transform: none !important;
        animation: none !important;
        transition: all 0.3s ease !important; /* 保持其他过渡效果，只移除transform */
    }
    
    /* 如果有其他panel类的悬停效果，也一并禁用 */
    .panel:hover,
    .racing-panel:hover,
    .static-panel:hover,
    .card:hover,
    .tile:hover {
        transform: none !important;
        animation: none !important;
        transition: all 0.3s ease !important;
    }
    
    /* 禁用任何可能的hover-scale类 */
    .hover-scale:hover,
    .zoom-on-hover:hover {
        transform: none !important;
        animation: none !important;
        transition: transform 0s !important;
    }
}

/* 📱 移动端保持原有效果不变 */
/* 移动端设备（触摸屏）不受影响，保持原有的交互体验 */
@media (hover: none) and (pointer: coarse) {
    /* 移动端保持所有原有的transform效果 */
    /* 这里不需要添加任何规则，因为移动端本身就没有:hover状态 */
}