/* 移动端按钮样式修复 */
@media (max-width: 768px) {
    /* 禁用底部按钮的悬停效果 */
    .nav-actions-bottom #sharePageBtn:hover,
    .nav-actions-bottom #exportJsonBtn:hover,
    .nav-actions-bottom #importLegacyBtn:hover,
    .nav-actions-bottom #clearDataBtn:hover,
    .nav-actions-bottom #addSectionBtn:hover,
    .nav-actions-bottom #loadDataBtn:hover {
        /* 覆盖所有可能的悬停效果 */
        background: transparent !important;
        color: #00FF00 !important;
        border-color: #FFD700 !important;
        transform: none !important;
        box-shadow: none !important;
    }

    /* 禁用底部按钮内部元素的悬停效果 */
    .nav-actions-bottom #sharePageBtn:hover div i,
    .nav-actions-bottom #sharePageBtn:hover .button-text,
    .nav-actions-bottom #sharePageBtn:hover .button-text:after,
    .nav-actions-bottom #clearDataBtn:hover div i,
    .nav-actions-bottom #clearDataBtn:hover .button-text,
    .nav-actions-bottom #clearDataBtn:hover .button-text:after,
    .nav-actions-bottom #exportJsonBtn:hover div i,
    .nav-actions-bottom #exportJsonBtn:hover .button-text,
    .nav-actions-bottom #exportJsonBtn:hover .button-text:after,
    .nav-actions-bottom #importLegacyBtn:hover div i,
    .nav-actions-bottom #importLegacyBtn:hover .button-text,
    .nav-actions-bottom #importLegacyBtn:hover .button-text:after {
        color: #00FF00 !important;
    }

    /* 移动端禁用按钮的点击态效果 */
    .nav-actions-bottom .export-container button:active,
    .nav-actions-bottom #sharePageBtn:active,
    .nav-actions-bottom #exportJsonBtn:active,
    .nav-actions-bottom #importLegacyBtn:active,
    .nav-actions-bottom #clearDataBtn:active {
        background: transparent !important;
        color: #00FF00 !important;
        border-color: #FFD700 !important;
    }
}