@media (max-width: 768px) {
    header { display: none; }
    .logo .m_nav { display: block;margin-right: 10px; }
    .logotext > span { margin-left: 10px; }
    .logotext { display: flex; justify-content: space-between; align-items: center; }
    ul.layui-nav { background: #393D49; z-index: 10000; }
    #he-plugin-simple {display:none !important}
    .layui-nav {width: 200px;padding: 0;position: fixed;bottom: 0;top: 0;}
    .layui-nav-item {display: block !important;width: 100%;line-height: 40px !important;}
    .layui-nav a {padding-top: 5px !important;padding-bottom: 5px !important;}
    .layui-this, .layui-this>a, .layui-this>a:hover {background-color: #009688;color: #fff;}
    .logo {width: 100%;    position: relative;height: auto;min-height: auto;}
    .logo form { position: relative; margin: 0 10px; }
    .logo .logo-a { width: 100%; }
    .logo .logo-b { min-height: 70px; }
    .logo #s_kw_wrap { width: 70%; }
    .logo #kw { width: 90%; }
    .logo .s_btn_wr { width: 28% !important; }
    .logo .s_btn { width: 100%; }
    .content-blog { width: 100%; }
    .content-blog-a {padding:10px}
    .content-blog > .layui-row { width: 100%; padding: 0;border-radius: 0; }
    .layui-col-xs6 { width: 100%; }
    .comment-post #comment { width: 90% !important; }
    
    div#nav-top { position: relative; top: 0; }
}

@media (max-width: 768px) {
    /* 移动端导航样式 */
    header.headerNav {
        display: block;
    }
    
    /* 隐藏桌面端导航 */
    .headerNav .layui-nav:not(#mobile-menu .layui-nav) {
        display: none;
    }
    
    /* 移动端菜单按钮位置 */
    #menu-toggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    /* 移动端下拉菜单 */
    #mobile-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    
    /* 移动端导航项样式 */
    #mobile-menu .layui-nav-item {
        line-height: 45px !important;
    }
    
    /* 调整移动端logo位置 */
    .logo {
        margin-top: 60px;
    }
}

/* 桌面端样式 */
@media (min-width: 769px) {
    /* 隐藏移动端元素 */
    #menu-toggle,
    #mobile-menu {
        display: none;
    }
    
    /* 桌面端横向导航 */
    .layui-nav {
        display: flex;
        flex-direction: row;
    }
    
    .layui-nav-item {
        margin: 0 10px;
    }
}