@media (max-width: 767px) {
    p {
        font-size: 14px;
    }
    
    .site-logo, .mi-site-logo{
        margin-right: 0;
    }
    .el-dialog {
        margin-top: 30px !important;
    }

    .el-dialog.mi-new-login-dialog {
        width: 300px;
    }

    .mi-login-cn-left {
        display: none;
    }

    .mi-login-cn-right {
        width: 100%;
    }

    .el-main-mi {
        width: 100% !important;
        padding: 0 10px;
    }

    .html-swiper,.slider-3-height {
        height: 100px !important;
    }

    .mi-indexPost-tabs {
        border-radius: 5px;
    }

    /* grid布局：改为一排1个 */
    .mi-indexmenu-grid,
    .mi-indexPost-4 .mi-indexPost-content,
    .mi-indexPost-1 .mi-indexPost-content,
    .mi-postRelated-item {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }

    .mi-indexPost-3 .mi-indexPost-content,
    .mi-search-article-grid,
    .mi-search-user-grid {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 5px;
    }

    .mi-indexPost-3 .mi-indexPost-excerpt {
        -webkit-line-clamp: 2 !important;
    }

    .author-works-list,
    .author-comments-container,
    .author-follow-fan-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }

    .mi-indexPost-tab span:first-child {
        display: none;
    }

    .mi-post-payType .mi-post-tag-pay:first-child,
    .article-aside {
        display: none;
    }

    .mi-post-tag-pay {
        margin: 5px;
    }

    .mi-post-img-wrap {
        margin: 5px;
    }

    .mi-indexPost-2 .waterfall-column {
        width: 50% !important;
    }

    .mi-post-stats span:nth-child(-n+2),
    .mi-post-material-stats span:nth-child(-n+2),
    .mi-indexPost-meta-details span:nth-child(-n+2) {
        display: none !important;
    }

    .mi-indexmenu-grid>div,
    .mi-indexPost-content>div {
        padding: 0px;
        font-size: 14px;
    }

    .liufeng-left {
        width: 100% !important;
    }

    .liufeng-right,
    .mi-aside-container,
    .mi-sidebar,
    .mi-postStyle-Usergzsx,
    .mi-exportPdf {
        display: none;
    }

    .mi-article .el-main {
        width: 100% !important;
    }

    .mi-post-title {
        white-space: inherit;
    }

    .mi-article-ym {
        font-size: 12px;
    }

    .mi-header h1 {
        font-size: 18px;
    }

    .mibox {
        border-radius: 5px;
        padding: 0px 10px 5px 10px;
    }

    .post-style-6 .mibox {
        border-radius: 5px 5px 0 0;
    }

    .mi-PostzS {
        padding-top: 10px;
    }

    .post-style-6 .mi-PostzS {
        border-radius: 0 0 5px 5px
    }

    .mi-post-newdown-container {
        display: block;
    }

    .mi-post-newdown-carousel {
        width: 100%;
        height: 150px;
    }

    .mi-post-newdown-buttons .el-select {
        width: 150px;
    }

    .mi-post-newdown-infobutton {
        display: flex;
    }

    .mi-Post-Style6-top {
        display: block;
    }

    .mi-Post-Style6bg {
        margin-bottom: 0;
    }

    .mi-postTag-cloud {
        justify-content: left
    }

    .mi-video6 {
        box-shadow: none;
        margin-bottom: 10px;
        border-radius: 5px !important;
    }

    .mi-video-list-container {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 0;
    }

    .mi-video-list {
        width: 100% !important;
        height: auto !important;
        border-radius: 5px !important;
        background: none;
        border: none;
        padding: 5px;
    }

    .mi-video-listtop {
        color: #2c3e50;
        margin-bottom: 0px;
        padding-bottom: 5px;
        font-weight: 700;
    }

    .mi-video-info {
        margin-bottom: 0;
        padding: 5px 10px;
        border-radius: 5px;
        margin: 5px;
    }

    .mi-video-details {
        margin-left: 0;
    }

    .mi-video-thumbnail,
    .mi-video-details h4 {
        display: none;
    }

    .mi-postStyle-money {
        margin: 5px 0 5px 0;
    }

    .mi-postStyle-xt {
        margin-bottom: 10px;
    }

    .mi-postStyle-4 {
        height: 490px !important;
    }

    .mi-postStyle-5 {
        height: 180px !important;
    }

    .mi-category {
        width: 100% !important;
    }

    /* 分页基础 start */
    .mi-pagination .el-pagination,
    .el-pagination {
        display: flex;
        flex-flow: wrap;
        padding: 10px;
        border-radius: 5px;
    }

    .mi-pagination .el-pagination__sizes,
    .el-pagination__sizes,
    .el-pager li {
        margin-bottom: 10px;
    }

    /* 分页基础 end */
    .author-user-section {
        flex-flow: nowrap;
        justify-content: left;
    }

    .author-tabs-container .el-tabs__nav {
        display: flex;
        flex-flow: wrap;
    }

    .author-user-role span:first-child {
        display: none;

    }

    .author-cover-container {
        height: 100px;
    }

    .author-info {
        background-color: #ffff;
        justify-content: right;
    }

    .author-nickname {
        font-size: 14px;
    }

    .author-avatar-container,
    .author-info {
        margin-top: -46px;
        margin-right: 10px;
        border-radius: 5px;
    }

    .author-main-info {
        margin-top: 10px;
    }

    .author-sidebar,
    .author-user-stats {
        display: none;
    }

    .author-actions {
        margin-top: 10px;
    }

    .author-tabs-container .el-tabs--border-card>.el-tabs__header .el-tabs__item {
        padding: 5px 10px;
    }

    .author-tabs-container .el-tabs__header {
        margin: 0;
    }

    .author-tabs-container .el-tabs--border-card>.el-tabs__content {
        padding: 15px 0 0;
    }

    .el-dialog.mi-private-dialog-wrap,
    .el-dialog.mi-search-dialog {
        width: 350px;
    }

    .mi-private-dialog {
        width: 100%;
        height: 100%;
        display: block;
    }

    .mi-private-sidebar {
        width: 100%;

    }

    .mi-private-chat {
        width: 100%;
        padding: 0 20px 0 0;
    }

    .el-dialog.mi-privateimg-dialog {
        width: 350px;

    }

    /* 用户页面 start */
    .mi-user-header {
        padding: 0 10px;
    }

    .mi-user-space-btn {
        display: none;
    }

    .mi-user-menu {
        display: flex;
        flex-flow: wrap;
        align-items: stretch;
    }

    .mi-user-menu-item {
        width: calc(50% - 20px);
        margin: 0px 10px;
    }

    .mi-user-content {
        border-radius: 5px;
    }

    .mi-user-container {
        width: 100%;
    }

    .mi-user-main,
    .mi-like-toolbar {
        display: block;
    }

    .mi-user-sidebar {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 0 0 5px 5px;

    }

    .mi-user-vip-card-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }

    #mi-user-vips .mi-user-card {
        padding: 0;
    }

    .mi-user-list-status,
    .mi-user-list-meta span:first-child,
    .mi-user-list-meta span:nth-last-child(-n+2) {
        display: none;
    }

    .mi-like-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .mi-like-order {
        width: 100%;
    }

    .mi-user-list-icon {
        display: none;
    }

    .mi-user-list-right .mi-cancel-btn {
        opacity: 1;
    }

    .mi-user-image-preview.el-dialog,
    .mi-user-profile-dialog {
        width: 350px;
    }

    #mi-gallery-app .mi-user-list-icon {
        display: flex;
    }

    .mi-user-content,
    .mi-user-account {
        padding: 0;
    }

    /* 用户页面 end */
    /* 导航 start */
    .mi-socialtop-right {
        justify-content: right;
    }

    /* 隐藏桌面端导航 */
    .desktop-nav {
        display: none !important;
    }

    /* 移动端菜单按钮样式 */
    .mobile-nav-toggle {
        display: block !important;
        margin-right: 15px;
    }

    .mobile-menu-btn {
        color: inherit !important;
        font-size: 20px;
        padding: 5px;
    }
    .single-column .el-main.el-main-mi{
        margin-top: 60px!important;
    }
    /* 移动端折叠面板样式 */
    .mobile-nav-panel {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 9999;
        border-top: 1px solid #eee;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
        height: calc(100vh - 100%);
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .mobile-nav-collapse {
        border: none !important;
    }

    .mobile-nav-collapse .el-collapse-item__header {
        padding: 12px 15px;
        border-bottom: 1px solid #f5f5f5;
        font-size: 16px;
    }

    .mobile-nav-collapse .el-collapse-item__content {
        padding: 0 !important;
        border-bottom: 1px solid #f5f5f5;
    }

    /* 移动端菜单项样式 */
    .mobile-nav-item,
    .mobile-submenu-item {
        padding: 0 15px;
    }
    .mi-nav-menu-link i,.mobile-nav-collapse .el-collapse-item__header .mifont{
        margin-right: 5px;
    }
    .mobile-nav-item .mi-nav-menu-link,
    .mobile-submenu-item .mi-nav-menu-link {
        padding: 12px 0;
        border-bottom: 1px solid #f9f9f9;
    }

    .mobile-submenu.header-menu-1 .mi-nav-menu-link {
        display: flex;
        align-items: center;
        padding: 5px 0;
    }

    .mobile-submenu.header-menu-1 .mi-submenu-icon-wrapper {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

    .mobile-submenu.header-menu-2 .mobile-submenu-item {
        width: 50%;
        box-sizing: border-box;
    }

    .header-menu-2 .mi-nav-menu-link {
        background-color: transparent;
    }

    .mobile-submenu.header-menu-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }

    .header-menu-3 .mi-submenu-content {
        text-align: left;
    }
    .header-menu-3 .mi-nav-menu-link{
        padding: 5px 0 !important;
        justify-content: left;
    }
    .mi-submenu-icon {
        font-size: 16px !important;
        margin-right: 10px;
    }
    .mi-submenu-content{
        margin-left: 0;
    }
    .mobile-submenu.header-menu-4 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }

    .mobile-submenu.header-menu-4 .mi-nav-menu-img-link {
        height: 100px;
    }

    /* 调整logo和右侧内容布局 */
    .mi-socialtop-left {
        display: flex;
        align-items: center;
        width: auto;
        min-width: 0;
        flex: 6;
    }

    .mi-socialtop-right {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }
.menu-badge{
    display: none;
}
    /* 调整顶部导航高度 */
    .mi-socialtop-dp {
        height: 60px !important;
    }

    /* 双栏布局适配 */
    .double-column-container {
        height: auto !important;
    }

    #mi-Header {
        margin-bottom: 10px;
    }

    /* 容器样式 - 核心横向滚动配置 */
    .double-column-one {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 10px;
        scrollbar-width: thin;
        /* Firefox */
    }

    .header-left-navigation {
        flex: 0 0 200px;
        /* 固定宽度，不缩放 */
        text-align: center;
        border-radius: 4px;
    }

    .double-column-two {
        height: 60px !important;
    }

    /* 导航 start */
    .mi-footer .mi-footer-bottom {
        display: block;
    }

    .mi-footer-copyright,.mi-page-tag-banner-title {
        font-size: 14px;
    }
    .mi-page-tag-banner{
        height: 80px;
    }
    .mi-page-tag-banner-count{
        font-size: 12px;
    }
    .mi-page-tag-list{
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
        margin-bottom: 10px;
    }
    .html-slider-2,.slider-3 .slider-3-left .html-slider-3{
        height: auto;
    }
    .slider-3 .html-swiper-3{
        width: 75%!important;
    }
    .swiper-bottom-content,.slider-3 .slider-3-right .slider-3-right-bottom{
        height: 70px;
    }
    .mi-swiper-post span{
        line-height: 15px;
        padding: 5px 5px 20px;
    }
    .slider-4-height {
        margin-top: 0;
    }
    .slider-4-height,.slider-4-height .el-carousel__container{
        height: 150px!important;;
    }
    .html-swiper .slider-5-middle{
        height: 130px!important;
    }
    .slider5-left-top, .slider5-left-bottom, .slider5-right-top, .slider5-right-bottom{
        height: 60px!important;
    }
    .mi-aside-container{
        display: none;
    }
    .mi-specialmenu-hero{
        height: 100px;
    }
    .mi-special-1,.mi-special-2,.mi-specialbj-container{
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .mi-special-content-3{
        grid-template-columns: repeat(1, 1fr)!important;
    }
    .mi-special-time,.mi-xfsidebar-container,.mi-specialmenu-type-badge,.mi-specialmenu-cat-link{
        display: none;
    }
    .mi-specialmenu-title-link{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

/* 桌面端样式 */
@media (min-width: 768px) {
    .mobile-nav-toggle {
        display: none;
    }

    .mobile-nav-panel {
        display: none !important;
    }
}