@media (max-width: 768px) {
    /* 强制覆盖高优先级样式 */
    .header .nav-bar.menu-active[data-v-96c657f0] {
        display: flex !important;
    }

    /* 保持原有结构 */
    .nav-bar {
        flex-direction: column;
        background-color: #fff;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 1001;
        padding: 10px 0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
}

.nav-bar {
    transition: all 0.3s ease-in-out;
}