@media screen and (max-width:768px){
    /* 布局壳尺寸可收紧；圆角/间距 token 跟随后台，勿在此硬覆盖 */
    :root {
        --site-width: 2560px;
        --wrapper-width: 1200px;
        --sidebar-width: 300px;
        --top-menu-width: 2560px;
        --top-menu-height: 56px;
    }
    
    .wrapper {
        padding: 0;
        margin: 0 10px;
        width: auto;
    }
    
    .mobile-show{
        display: block
    }
    
    .mobile-hidden{
        display: none
    }
    
    .pc-hidden{
        display: block;
    }
    
    .pc-show{
        display: none;
    }
    
    button, .button {
        font-size: 12px;
    }
    
    /***左侧菜单*****/
    .sidebar-menu.sidebar-menu--mobile-only {
        display: block;
        width: 100%;
    }

    .sidebar-menu .sidebar-menu-desktop.mobile-hidden {
        display: none !important;
    }

    .sidebar-menu .sidebar-menu-mobile.mobile-show {
        display: block;
    }

    .sidebar-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        width: 100%;
        /*opacity: 0;*/
        /*transition: all .3s;*/
        visibility: hidden;
    }
    
    .sidebar-menu.show {
        /*transition: all .3s;*/
        /*opacity: 1;*/
        visibility: visible;
    }
    
    .sidebar-menu .sidebar-menu-inner {
        width: var(--channel-width, 256px);
        transition: all .3s;
        transform: translate(-100%,0);
        bottom: 0;
    }
    
    .sidebar-menu.show .sidebar-menu-inner {
        transform: translate(0);
    }
    
    .sidebar-menu-mask {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(55,55,55,.6);
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s;
    }
    
    .sidebar-menu.show .sidebar-menu-mask{
        opacity: 1;
        visibility: visible;
    }
    
    /***瀑布流布局*****/
    .mika-waterfall >* {
        padding: 0 6px;
        width: 50% !important;
    }
    
    /***网格布局*****/
    .mika-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    /*首页模块*/
    .home-item .modules-top .module-top-wrapper {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: unset;
    }

    .home-item .modules-top .module-title {
        font-size: 20px;
    }

    .home-item .modules-top .module-action > * {
        font-size: 12px;
        padding: 6px 8px;
    }

    .home-item .module-nav {
        margin: 0;
        margin-top: 8px;
    }

    .home-item .module-nav .post-cats-list .cat-item {
        margin:0;
    }
    
    .home-item .wrapper {
        flex-direction: column;
    }
    
    .home-item .widget-area {
        display: block;
        width: auto;
        margin: 0;
        margin-top: var(--gap);
    }
    
    /******文章卡片样式1（post_1）列表*********/
    .post-1 ul.mika-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /******文章卡片样式2（post_2）列表*********/
    
    .post-2 ul.mika-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .post-2 .item-in {
        padding: 12px;
    }

    .post-2 .post-info h2 {
        font-size: 14px;
        margin: 0;
        --line-clamp: 2;
    }

    .post-2 .post-excerpt {
        display:none
    }

    .post-info .post-info-buttom {
        font-size: 12px;
    }
    
    div#top-menu {
        display: none;
    }
    
    /******文章卡片样式3（post_3）列表*********/
    .post-3 ul.mika-grid:not(.mika-waterfall) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    /***************用户模块************************/
    .module-users .mika-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    
    /******底部*********/
    .footer:not(.footer-in-zone) .footer-widget {
        flex-direction: column;
    }
    
    .footer:not(.footer-in-zone) .footer-widget,
    .footer:not(.footer-in-zone) .footer-nav,
    .footer:not(.footer-in-zone) .footer-bottom-left a:first-of-type {
        display: none;
    }
    
    .footer:not(.footer-in-zone) .footer-widget .widget {
        display: none;
    }
    
    .footer:not(.footer-in-zone) .footer-widget .footer-widget-item {
        max-width: 100%;
    }

    .footer.footer-in-zone .footer-nav {
        display: block;
        font-size: 12px;
        padding-top: 10px;
    }

    .footer.footer-in-zone .footer-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .footer.footer-in-zone .footer-links li {
        margin: 2px 0;
    }

    .footer.footer-in-zone .footer-images-inner {
        justify-content: flex-start;
    }

    .footer.footer-in-zone .footer-bottom-rigth {
        display: none;
    }
    
    .footer .footer-bottom-rigth {
        display: none;
    }
    
    .footer .wrapper {
        padding: 0 12px;
    }
    
    .footer .footer-nav {
        font-size: 12px;
    }
    
    .footer .footer-bottom {
        font-size: 12px;
    }

    .app-layout .footer.footer-in-zone .footer-zone-inner {
        padding: 12px 10px;
    }

    /* 底栏避让：统一在内容壳留白，避免与页脚 margin 叠双倍 */
    body.has-mobile-tabbar.app-layout-active .app-layout .content-zone {
        padding-bottom: calc(var(--mika-tabbar-height, 56px) + env(safe-area-inset-bottom, 0px));
    }

    body.has-mobile-tabbar:not(.app-layout-active) #page.site {
        padding-bottom: calc(var(--mika-tabbar-height, 56px) + env(safe-area-inset-bottom, 0px));
    }
    
    .site-content:has(.sidebar-menu) + .footer .box:before {
        display: none;
    }
    
    /*****文章*******/
    
    .widget-area {
        display: none;
    }
    
    .single .content-area {
        max-width: 100%;
    }
    
    .single-article:not(.single-article-prompt) {
        padding: 12px 10px;
    }
    
    .single-article h1 {
        font-size: 20px;
        line-height: 28px;
    }
    
    .download-list-item .attrs-list .attr-item {
        width: auto;
    }
    
    /*****分类*****/
    .tax-info .tax-icon {
        width: 72px;
        height: 72px;
        margin-top: -28px;
    }

    .tax-info .tax-name {
        font-size: 16px;
        line-height: 24px;
    }
    
    .tax-info .tax-desc {
        margin-top: 6px;
        font-size: 12px;
        line-height: 18px;
    }
    
    .tax-info .tax-details {
        padding: 8px 20px 10px;
    }
    
    .tax-info .tax-join > span {
        font-size: 12px;
        width: 60px;
        border-radius: 8px;
    }
    
    /******************筛选*********************/
    
    .tax-fliter.tax-filters-bar {
        padding: 16px 0 12px;
        margin-bottom: 4px;
    }
    
    .tax-fliter .filters-box {
        padding: 0;
    }
    
    .tax-fliter .filters-box .filter-name {
        min-width: 36px;
        padding-right: 10px;
    }
    
    .tax-fliter .filters-box .filter-items {
        flex-wrap: nowrap;
        gap: 8px 12px;
    }

    .tax-fliter .filter-row-orderby .filter-items {
        gap: 8px 20px;
    }
    
    /******视频播放页面（旧侧栏 .mika-play-right；抽屉选集 .playlist-drawer 见 single-video-page.css）*******/
    .mika-play-single-header .mika-player-wrap:not(.mika-player-wrap--drawer) {
        flex-direction: column;
    }
    
    .mika-play-right .play-list-wrap::-webkit-scrollbar {
        width: 0 !important;
        display: none;
    }
    
    .mika-player-wrap .mika-play-right {
        width: 100%;
        min-width: 0;
        margin: 0;
        margin-top: var(--gap);
    }
    
    .mika-player-wrap .mika-play-right .video-info-wrap {
        position: relative;
    }
    
    .video-info-wrap .play-list-box .play-list-title {
        padding: 12px;
    }
    
    .video-info-wrap .play-list-box .play-list-wrap {
        display: flex;
        align-items: flex-end;
        overflow-y: hidden;
        overflow-x: auto;
        grid-gap: 8px;
        margin: 0px 8px;
        -webkit-overflow-scrolling: touch;
    }
    
    .mika-play-right .play-list-wrap .chapter-video-list {
        display: flex;
        grid-gap: 8px;
    }
    
    .mika-play-right .play-list-wrap .number-list {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
    }
    
    .mika-play-right .play-list-wrap .chapter-video-list li {
        width: 160px;
        padding: 0;
        flex-shrink: 0;
    }
    
    .mika-play-right .play-list-wrap .number-list li {
        width: 50px;
        height: 50px;
    }
    
    .mika-play-right .play-list-wrap .chapter-video-list li a {
        align-items: center;
    }
    
    .mika-play-right .play-list-wrap .video-thumb {
        padding-top: 30%;
        width: 60px;
        margin-right: 8px;
    }
    
    .mika-play-right .play-list-wrap .chapter-title {
        padding: 0;
        padding-bottom: 8px;
        display: inline-block;
    }
    
    /**vip弹窗**/
    .pay-vip-container {
        padding: 20px 16px 16px;
    }

    .vip-modal-header {
        align-items: flex-start;
    }

    .vip-modal-icon {
        width: 40px;
        height: 40px;
    }

    .vip-modal-title {
        font-size: 18px;
    }

    .vip-modal-subtitle {
        font-size: 12px;
    }

    .vip-plan-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .vip-pay-summary {
        flex-direction: column;
        align-items: flex-start;
    }

    .vip-pay-summary-amount {
        font-size: 24px;
    }
    
    /******************上一篇*********************/
    .post-prev-next > div {
        padding: 16px;
    }
    
    /******************推荐*********************/
    .post-related .post-related-list {
        padding: 16px;
    }
    
    /******************评论*********************/
    .comment-send {
        padding: 16px;
    }
    
    .comment-container .comment-send {
        padding: 0;
        padding-top: 12px;
    }
    
    .comment-orderby {
        font-size: 14px;
        padding: 12px 16px;
    }
    
    li.comment-item {
        padding: 16px;
    }
    
    .comment-user-avatar {
        display: none;
    }
    
    figure.comment-avatar {
        margin-right: 12px;
    }
    
    .comment-avatar .user-avatar {
        --avatar-size: 40px;
    }
    
    .comment-item .children .user-avatar {
        --avatar-size: 28px;
    }
    
    .comment-details {
        font-size: 12px;
    }
    
    /******************搜索*********************/
    
    .menu-search {
        font-size: 22px;
        line-height: 22px;
    }

    .center-entry.mika-search-overlay {
        position: fixed;
        inset: 0;
        z-index: 1050;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: auto;
        padding: calc(var(--top-menu-height, 54px) + 12px) 12px 16px;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transition: opacity .2s ease, visibility .2s;
    }

    .center-entry.mika-search-overlay.show {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
    }
    
    .center-entry.mika-search-overlay .menu-search-mask {
        position: fixed;
        inset: 0;
        display: block;
        opacity: 0;
        background: rgba(15, 23, 42, 0.48);
        transition: opacity .22s ease;
    }

    .center-entry.mika-search-overlay.show .menu-search-mask {
        opacity: 1;
    }

    .center-entry.mika-search-overlay .mika-search-overlay__dialog {
        position: relative;
        z-index: 1;
        width: min(640px, 100%);
        margin: 0 auto;
        opacity: 0;
        transform: translateY(-8px) scale(0.985);
        transition: opacity .22s ease, transform .22s ease;
    }

    .center-entry.mika-search-overlay.show .mika-search-overlay__dialog {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    
    .center-entry.mika-search-overlay .menu-search-container {
        position: relative;
        top: auto;
        opacity: 1;
        width: 100%;
        background: var(--bg-body-color, #fff);
        left: auto;
        padding: 0;
        border: 1px solid var(--border-color-base);
        border-radius: var(--mika-radius, 14px);
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14);
        transition: none;
        min-height: 0;
        height: auto;
        overflow: hidden;
    }
    
    .center-entry.mika-search-overlay .menu-search-container form.searchform {
        height: 48px;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid var(--border-color-base);
        padding-right: 40px;
    }

    .center-entry.mika-search-overlay .menu-search-container .mika-search-panel.search-panel.box {
        position: static;
        transform: none;
        width: 100%;
        max-height: min(62vh, 420px);
        margin: 0;
        border: 0;
        box-shadow: none;
        animation: none;
    }

    .center-entry.mika-search-overlay .mika-search-overlay__close {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 3;
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: var(--color-text-secondary);
        font-size: 18px;
    }
    
    /*******************文章点赞工具栏***********************/
    .article-footer {
        position: unset;
        width: 100%;
        margin: 12px 0;
    }
    
    .article-footer .fixed {
        position: unset !important;
        flex-direction: row;
        justify-content: center;
        gap: 32px;
    }
    
    .article-footer > div .box {
        border: 1px solid #e4e6ea;
        width: 40px;
        height: 40px;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%);
    }
    
    .article-footer [num]:after, .article-footer .text {
        font-size: 12px;
    }
    
    .article-footer i {
        font-size: 20px;
        line-height: 20px;
    }
    
    .article-footer .tip {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-text-secondary);
        font-size: 14px;
        flex-direction: row;
        margin-bottom: 16px;
    }
    
    .article-footer .tip:before,.article-footer .tip:after {
        content: "";
        height: 1px;
        background-color: var(--border-color-base);
        flex: 1 1 0%;
        width: 100%;
    }
    
    .article-footer .comment {
        display: none;
    }
    
    .article-footer .share-dropdown-menu {
        bottom: 98px;
        left: auto;
    }
}