/* Mobile Navigation */
@media (max-width: 768px) {
    .zhuoer-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 999;
        background: #fff;
        border-bottom: 2px solid #e8e8e8;
        padding: 0.5rem 0;
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    }
    .zhuoer-nav.zhuoer-nav--open {
        display: block !important;
    }
    .zhuoer-nav__menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .zhuoer-nav__menu .menu-item {
        list-style: none;
    }
    .zhuoer-nav__menu .menu-item a {
        display: block;
        padding: 0.875rem 1rem;
        font-size: 1rem;
        color: #5f6368;
        border-bottom: 1px solid rgba(0,0,0,0.06);
    }
    .zhuoer-nav__menu .menu-item:last-child a {
        border-bottom: none;
    }
    .zhuoer-nav__menu .menu-item a:hover,
    .zhuoer-nav__menu .current-menu-item > a {
        background: rgba(26,115,232,0.07);
        color: #1a73e8;
    }
    .zhuoer-header {
        position: relative;
        z-index: 1000;
    }
    .zhuoer-header__actions {
        z-index: 1001;
        position: relative;
    }
    [data-theme="dark"] .zhuoer-nav {
        background: #1a1a1a;
        border-bottom-color: #333;
    }
    [data-theme="dark"] .zhuoer-nav__menu .menu-item a {
        color: #9e9e9e;
        border-bottom-color: rgba(255,255,255,0.07);
    }
    [data-theme="dark"] .zhuoer-nav__menu .menu-item a:hover,
    [data-theme="dark"] .zhuoer-nav__menu .current-menu-item > a {
        background: rgba(138,180,248,0.12);
        color: #8ab4f8;
    }
}