@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; }
    #he-plugin-simple {display:none}
    .logo {width: 100%;    position: relative;height: auto;min-height: auto;margin-bottom: 20px;padding: 0 15px;box-sizing: border-box;}
    .logo form { position: relative; margin: 0; }
    .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%; }
    .logo .s_btn { width: 100%; }
    .zones-latest-container { padding: 0; max-width: 100%; margin: 0 auto; box-sizing: border-box; }
    .zone-latest-articles { padding: 12px; }
    .content-blog { width: 100%; padding: 0 15px; margin: 0 auto; max-width: 100%; box-sizing: border-box; }
    .section-zone { padding: 0 15px; }
    .zone-card-list { gap: 15px; }
    .zone-card { flex: 0 0 calc(50% - 7.5px); min-width: unset; }
    
    div#nav-top { position: relative; top: 0; }
    
    /* 移动端侧边导航菜单（面包屑）样式 */
    .mobile-sidebar-nav {
        display: block;
    }
    
    /* 隐藏移动端的分类菜单项 */
    .mobile-sidebar-nav .custom-nav-item:last-child {
        display: none;
    }
    
    .mobile-sidebar-nav ul.custom-nav {
        width: 100%;
        height: 100%;
        background: #fff;
        box-shadow: none;
        display: block;
        flex-direction: column;
        gap: 0;
    }
    
    .mobile-sidebar-nav .custom-nav-item {
        display: block;
        width: 100%;
        line-height: 40px;
    }
    
    .mobile-sidebar-nav .custom-nav-item > a {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #333 !important;
        display: block;
        width: 100%;
    }
    
    .mobile-sidebar-nav .custom-nav-item-active, 
    .mobile-sidebar-nav .custom-nav-item-active > a, 
    .mobile-sidebar-nav .custom-nav-item-active > a:hover {
        background-color: #2b6cb0;
        color: #fff;
    }
    
    .mobile-sidebar-nav .custom-nav-child {
        position: static;
        display: block;
        box-shadow: none;
        padding-left: 20px;
        background: #f5f7fa !important;
    }
    
    .mobile-sidebar-nav .custom-nav-child a {
        color: #333 !important;
    }
    
    .mobile-sidebar-nav .custom-nav-child a:hover {
        background-color: #ebf8ff !important;
        color: #2b6cb0 !important;
    }
    
}

@media (max-width: 480px) {
    .logo { padding: 0 10px; }
    .content-blog { padding: 0 10px; }
    .zones-latest-container { padding: 0; }
    .zone-latest-articles { padding: 10px; }
}

@media (max-width: 420px) {
    .logo { padding: 0 8px; }
    .content-blog { padding: 0 8px; }
    .zones-latest-container { padding: 0; }
    .zone-latest-articles { padding: 8px; }
}

@media (max-width: 360px) {
    .logo { padding: 0 5px; }
    .content-blog { padding: 0 5px; }
    .zones-latest-container { padding: 0; }
    .zone-latest-articles { padding: 6px; }
}