/* 移除所有位移动画效果 - 提升性能 */

/* 禁用常见的位移动画类，但不影响功能性transform */
.hover-scale,
.hover-scale-rotate,
.magnetic-hover,
.glass-card,
.dream-symbol-card,
.category-card,
.word-cloud-item {
    transform: none !important;
}

/* 禁用hover状态的位移动画 */
.hover-scale:hover,
.hover-scale-rotate:hover,
.magnetic-hover:hover,
.glass-card:hover,
.dream-symbol-card:hover,
.category-card:hover,
.word-cloud-item:hover {
    transform: none !important;
}

/* 移除所有translate相关的动画 */
*[style*="translateX"],
*[style*="translateY"],
*[style*="translateZ"],
*[style*="translate3d"] {
    transform: none !important;
}

/* 禁用所有浮动和位移动画 */
.floating,
.floating-slow,
.floating-medium,
.floating-fast,
.hover-scale,
.hover-scale-rotate,
.magnetic-hover {
    animation: none !important;
    transform: none !important;
}

/* 移除按钮的位移效果，保留其他样式 */
button:hover, 
.btn:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
    transform: none !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

button:active, 
.btn:active, 
input[type="button"]:active, 
input[type="submit"]:active {
    transform: none !important;
}

/* 移除导航链接的位移效果 */
nav a:hover,
nav .hidden.md\\:flex a:hover {
    background: rgba(255,255,255,0.1);
    transform: none !important;
}

/* 移除卡片的位移效果，保留其他样式 */
.glass-card:hover,
.glass-card-enhanced:hover {
    transform: none !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

/* 移除字母按钮的位移效果 */
.letter-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: none !important;
    box-shadow: 0 4px 15px rgba(147, 51, 234, 0.3);
}

/* 移除梦境符号卡片的位移效果 */
.dream-symbol-card:hover {
    transform: none !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

/* 移除分类卡片的位移效果 */
.category-card:hover {
    transform: none !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

/* 移除分类符号标签的位移效果 */
.category-symbol-tag:hover {
    transform: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* 移除专家卡片的图片位移效果 */
.expert-card:hover img,
.expert-card img:hover {
    transform: none !important;
}

/* 移除词云项目的位移效果 */
.word-cloud-item:hover {
    transform: none !important;
    text-decoration: none;
    text-shadow: 0 0 15px currentColor;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 移除图标的位移效果 */
i:hover,
.icon:hover,
.glass-card:hover i,
.hover-scale:hover i {
    transform: none !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

/* 移除输入框的位移效果 */
input:focus, 
textarea:focus, 
select:focus {
    transform: none !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
}

/* 移除链接的位移效果 */
a:hover {
    transform: none !important;
}

/* 移除所有动画关键帧中的位移 */
@keyframes float,
@keyframes floatSlow,
@keyframes floatMedium,
@keyframes floatFast,
@keyframes bounce,
@keyframes shake,
@keyframes popularPulse,
@keyframes mediumPulse,
@keyframes smallPulse {
    0%, 50%, 100% {
        transform: none !important;
    }
}

/* 禁用所有pulse、bounce等位移动画 */
.pulse-animation,
.bounce-animation,
.shake-animation,
.popularPulse,
.mediumPulse,
.smallPulse,
.text-reveal {
    animation: none !important;
    transform: none !important;
}

/* 移除轮播控制按钮的位移效果 */
.expert-carousel-prev:active,
.expert-carousel-next:active {
    transform: none !important;
}

/* 移除轮播指示器的位移效果 */
.carousel-indicator:hover {
    transform: none !important;
}

/* 移除社交分享按钮的位移效果 */
.social-share-btn:hover {
    transform: none !important;
}

/* 移除所有元素的入场动画位移 */
.letter-section,
.word-cloud-item,
.fadeInUp,
.textReveal {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* 简化过渡效果，只保留颜色、阴影、透明度变化 */
.hover-scale,
.glass-card,
.dream-symbol-card,
.category-card,
.word-cloud-item,
button,
.btn,
input,
textarea,
select,
a {
    transition: box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease !important;
}

/* 确保所有变换都被重置 */
.hover-scale:hover,
.glass-card:hover,
.dream-symbol-card:hover,
.category-card:hover,
.word-cloud-item:hover,
.magnetic-hover:hover,
.letter-btn:hover,
.letter-btn.active {
    transform: none !important;
}

/* 禁用所有CSS动画中的位移 */
@keyframes fadeInUp,
@keyframes fadeInScale,
@keyframes wordPulse,
@keyframes textReveal,
@keyframes wordCloudEntrance,
@keyframes shimmer,
@keyframes rotate,
@keyframes glow {
    0%, 50%, 100% {
        transform: none !important;
    }
}

/* 移除导航相关的位移动画 */
.nav-indicator,
.nav-dropdown,
#userDropdown,
.mobile-accordion-header i {
    transform: none !important;
}

/* 移除所有过渡中的transform属性 */
.nav-link,
.nav-dropdown-item,
.mobile-nav-link,
.mobile-accordion-header,
.mobile-dropdown-item {
    transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease !important;
}

/* 移除所有可能的位移动画类 */
.animate-in,
.animate-word,
.fadeInUp,
.fadeInScale,
.textReveal,
.wordCloudEntrance,
.floating-animation,
.slide-in,
.slide-out,
.move-up,
.move-down,
.translate-animation {
    animation: none !important;
    transform: none !important;
}

/* 确保特定动画类的伪元素也不包含位移 */
.hover-scale::before,
.hover-scale::after,
.glass-card::before,
.glass-card::after,
.dream-symbol-card::before,
.dream-symbol-card::after {
    transform: none !important;
}

/* 移除特定元素的3D变换 */
.hover-scale[style*="perspective"],
.glass-card[style*="perspective"],
.dream-symbol-card[style*="perspective"] {
    transform: none !important;
    perspective: none !important;
}

/* 禁用特定动画类的位移动画 */
.floating,
.floating-slow,
.floating-medium,
.floating-fast,
.bounce-animation,
.shake-animation {
    animation-name: none !important;
}

/* 重写所有可能的位移相关样式 */
.word-cloud-container,
.expert-carousel,
.timeline-marker,
.social-share-btn,
.daily-wisdom-card {
    transform: none !important;
}

/* 确保移动端也不会有位移动画 */
@media (max-width: 768px) {
    .hover-scale:active,
    .glass-card:active,
    .dream-symbol-card:active,
    .category-card:active,
    button:active,
    .btn:active {
        transform: none !important;
    }
}

/* 强制覆盖main.css和main.min.css中的所有位移动画 */

/* 覆盖导航链接的位移 */
nav .hidden.md\\:flex a:hover {
    background: rgba(255,255,255,0.1) !important;
    transform: none !important;
}

/* 覆盖所有hover-scale效果 */
.hover-scale:hover {
    transform: none !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

/* 覆盖按钮的位移效果 */
button:hover, 
.btn:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
    transform: none !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

button:active, 
.btn:active, 
input[type="button"]:active, 
input[type="submit"]:active {
    transform: none !important;
    transition: box-shadow 0.1s ease !important;
}

/* 覆盖glass-card的位移效果 */
.glass-card:hover {
    transform: none !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* 覆盖dream-symbol-card的位移效果 */
.dream-symbol-card:hover {
    transform: none !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* 覆盖category-card的位移效果 */
.category-card:hover {
    transform: none !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* 覆盖category-symbol-tag的位移效果 */
.category-symbol-tag:hover {
    transform: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    text-decoration: none !important;
}

/* 覆盖hover-scale-rotate的位移效果 */
.hover-scale-rotate:hover {
    transform: none !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
}

/* 覆盖word-cloud-item的3D效果 */
.word-cloud-item:hover {
    transform: none !important;
    transition: color 0.2s ease, background-color 0.2s ease, text-shadow 0.2s ease !important;
}

/* 覆盖expert-carousel按钮的位移效果 */
.expert-carousel-prev:active,
.expert-carousel-next:active {
    transform: none !important;
}

/* 覆盖letter-section的入场动画 */
.letter-section {
    scroll-margin-top: 120px !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* 覆盖所有可能的浮动动画类 */
.floating,
.floating:nth-child(2),
.floating:nth-child(3),
.floating-slow,
.floating-medium,
.floating-fast {
    animation: none !important;
    transform: none !important;
}

/* 覆盖所有动画关键帧 */
@keyframes float,
@keyframes floatSlow,
@keyframes floatMedium,
@keyframes floatFast,
@keyframes bounce,
@keyframes shake,
@keyframes fadeInUp,
@keyframes textReveal,
@keyframes wordCloudEntrance,
@keyframes heroFloatStar1,
@keyframes heroFloatStar2,
@keyframes heroFloatMoon,
@keyframes heroFloatOrb {
    0%, 25%, 33%, 50%, 66%, 75%, 100% {
        transform: none !important;
        opacity: 1 !important;
    }
}

/* 移除所有3D变换支持 */
.hover-scale, 
.glass-card, 
.category-card, 
.dream-symbol-card {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

/* 移除按钮的ripple效果位移 */
button::before, 
.btn::before {
    transform: none !important;
    transition: width 0.6s ease, height 0.6s ease !important;
}

/* 移除所有可能的位移过渡 */
* {
    transition-property: color, background-color, border-color, box-shadow, opacity, filter, backdrop-filter !important;
}

/* 确保所有元素都不会有位移动画 */
*,
*::before,
*::after {
    transform: none !important;
    animation: none !important;
}

/* 移除image-optimization.css中的3D变换 */
img {
    transform: none !important;
}

/* 移除所有可能的perspective效果 */
.word-cloud-container,
* {
    perspective: none !important;
    transform-style: flat !important;
}

/* 移除tooltip的位移 */
#popularity-tooltip {
    transform: none !important;
}

/* 确保移动端也完全没有位移动画 */
@media (max-width: 768px) {
    *,
    *:hover,
    *:active,
    *:focus {
        transform: none !important;
        animation: none !important;
    }
    
    .hover-scale:active {
        transform: none !important;
    }
}

/* 针对特定动画类的位移覆盖 - 不影响功能性transform */
.hover-scale[style*="transform"],
.glass-card[style*="transform"],
.dream-symbol-card[style*="transform"],
.category-card[style*="transform"],
.word-cloud-item[style*="transform"] {
    transform: none !important;
}/* 专门针对b
rowse页面的动画移除 */

/* 移除dream-symbol-card的所有位移动画 */
.dream-symbol-card,
.dream-symbol-card:hover,
.dream-symbol-card.hover-scale,
.dream-symbol-card.hover-scale:hover {
    transform: none !important;
    animation: none !important;
    transition: box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

/* 移除dream-symbol-card内部图标的位移动画 */
.dream-symbol-card .w-12,
.dream-symbol-card:hover .w-12,
.dream-symbol-card .w-12 i,
.dream-symbol-card:hover .w-12 i {
    transform: none !important;
    transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

/* 移除letter-btn的所有位移动画 */
.letter-btn,
.letter-btn:hover,
.letter-btn.active,
.letter-btn:focus {
    transform: none !important;
    animation: none !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

/* 确保browse页面的所有hover效果都没有位移 */
.letter-section .dream-symbol-card:hover {
    transform: none !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* 移除字母导航的位移动画 */
.alphabet-nav .letter-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: none !important;
    box-shadow: 0 4px 15px rgba(147, 51, 234, 0.3) !important;
}

.alphabet-nav .letter-btn.active {
    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 20px rgba(147, 51, 234, 0.5) !important;
    transform: none !important;
}

/* 移除letter-section的入场动画 */
.letter-section {
    scroll-margin-top: 120px !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* 移除group hover效果中的位移 */
.group:hover .w-12,
.group:hover .w-12 i,
.group:hover h3,
.group:hover p {
    transform: none !important;
}

/* 确保所有过渡效果都不包含transform */
.dream-symbol-card,
.letter-btn,
.alphabet-nav,
.letter-section {
    transition-property: color, background-color, border-color, box-shadow, opacity !important;
    transition-duration: 0.2s !important;
    transition-timing-function: ease !important;
}

/* 移除任何可能的3D效果 */
.dream-symbol-card,
.letter-btn {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    perspective: none !important;
    transform-style: flat !important;
}

/* 确保移动端也完全没有位移动画 */
@media (max-width: 768px) {
    .dream-symbol-card,
    .dream-symbol-card:hover,
    .dream-symbol-card:active,
    .letter-btn,
    .letter-btn:hover,
    .letter-btn:active {
        transform: none !important;
        animation: none !important;
    }
}/* Hero
区域特殊处理 - 保留必要的动画但移除位移 */

/* 保留Hero区域的入场动画，但移除位移 */
@keyframes fadeInUpNoTranslate {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* 重新定义Hero区域的动画，移除位移效果 */
.hero-title {
    animation: fadeInUpNoTranslate 0.8s ease-out forwards !important;
}

.hero-subtitle {
    opacity: 0;
    animation: fadeInUpNoTranslate 0.8s ease-out 0.2s forwards !important;
}

.hero-description {
    opacity: 0;
    animation: fadeInUpNoTranslate 0.8s ease-out 0.4s forwards !important;
}

.dream-symbol-cloud {
    opacity: 0;
    animation: fadeInUpNoTranslate 0.8s ease-out 0.6s forwards !important;
}

.hero-cta {
    opacity: 0;
    animation: fadeInUpNoTranslate 0.8s ease-out 0.8s forwards !important;
}

/* 移除Hero区域CTA按钮的位移动画 */
.cta-primary:hover,
.cta-secondary:hover {
    transform: none !important;
    box-shadow: 0 12px 25px rgba(139, 92, 246, 0.6) !important;
}

.cta-secondary:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3) !important;
}

/* 移除dream-symbol-tag的位移动画 */
.dream-symbol-tag:hover {
    transform: none !important;
    box-shadow: 0 5px 15px rgba(var(--tag-color), 0.4) !important;
    background: rgba(var(--tag-color), 0.2) !important;
}

/* 移除Hero区域的3D效果和视差效果 */
.hero-card {
    transform: none !important;
    transform-style: flat !important;
    perspective: none !important;
}

.parallax-layer {
    transform: none !important;
}

/* 移除浮动动画但保留元素可见性 */
.floating,
.floating-slow,
.floating-medium,
.floating-fast {
    animation: none !important;
    transform: none !important;
}

/* 移除彗星动画 */
.comet {
    animation: none !important;
    transform: none !important;
}

/* 确保Hero区域内容正常显示 */
#main-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.hero-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 移除Hero区域的鼠标跟踪3D效果 */
.hero-card,
.parallax-layer {
    transform: none !important;
    transition: none !important;
}

/* 修复移动端导航菜单功能 */

/* 为移动端导航菜单添加例外规则 */
.mobile-menu-toggle {
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 60 !important;
    background: none !important;
    border: none !important;
    outline: none !important;
    transform: none !important;
    transition: background-color 0.2s ease !important;
}

.mobile-menu-toggle:hover {
    transform: none !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* 允许手风琴图标的旋转动画 */
.mobile-accordion-header .fa-chevron-down {
    transform: none !important;
    transition: transform 0.3s ease !important;
}

/* 允许手风琴图标在激活状态下旋转 */
.mobile-accordion.active .mobile-accordion-header .fa-chevron-down,
.mobile-accordion-header .fa-chevron-down.rotated {
    transform: rotate(180deg) !important;
}

/* 确保移动端菜单可以正常显示/隐藏 */
.mobile-menu {
    display: block !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.mobile-menu.hidden {
    display: none !important;
}

/* 确保手风琴内容可以正常显示/隐藏 */
.mobile-accordion-content {
    transition: all 0.3s ease !important;
}

.mobile-accordion-content[style*="display: block"] {
    display: block !important;
}

.mobile-accordion-content[style*="display: none"] {
    display: none !important;
}

/* 用户下拉菜单的例外规则 */
#userDropdown {
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
}

#userDropdown.scale-95 {
    transform: scale(0.95) !important;
}

#userDropdown:not(.scale-95) {
    transform: scale(1) !important;
}

/* 确保所有导航相关的点击事件正常工作 */
.mobile-menu-toggle,
.mobile-accordion-header,
#userMenuButton,
.mobile-nav-link,
.mobile-dropdown-item {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 移动端菜单的可见性控制 */
@media (max-width: 1023px) {
    .mobile-menu-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* 确保桌面端隐藏汉堡菜单 */
@media (min-width: 1024px) {
    .mobile-menu-toggle {
        display: none !important;
    }
}
    
    .mobile-menu {
        position: relative !important;
        z-index: 50 !important;
    }
    
    /* 确保移动端菜单项可以正常点击 */
    .mobile-nav-link,
    .mobile-accordion-header,
    .mobile-dropdown-item {
        display: flex !important;
        align-items: center !important;
        padding: 0.75rem !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
}