/* ========== 移动端改版 (<992px) ========== */
@media (max-width: 991.98px) {
    /* 列表页：2 列紧凑网格（一屏看更多，浏览效率高） */
    /* 首页 Feed 单独用 .feed-card 一列全宽，不受此规则影响 */

    /* 卡片图片区域：保持原始比例（cover-md 默认竖版 3:4） */
    /* 2 列下每张约 180px 宽，竖版比例封面内容更清晰 */

    /* 列表页标题区精简 */
    .content-header { padding: 4rem 0 8px }
    .content-header .title-box { text-align: center }
    .content-header .title-with-avatar.center { justify-content: center }
    .content-header .sub-title { display: none }
    .content-header h2 { font-size: 1.25rem; margin-bottom: 0 }

    /* 侧边栏：移动端原生滚动（禁用 PerfectScrollbar 的自定义滚动条） */
    .app-nav {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        overflow-y: auto !important;
    }
    .app-nav .ps__rail-x, .app-nav .ps__rail-y { display: none !important; }

    /* 分页：简化间距 */
    .pagination { gap: 4px; flex-wrap: wrap; justify-content: center }
    .pagination .page-link { padding: 6px 10px; font-size: .8125rem }

    /* 全局：移动端内容区减少左右内距 */
    .container { padding-left: 12px; padding-right: 12px }

    /* 顶栏精简：搜索框更紧凑 */
    .site-header .search input { font-size: .8125rem }

    /* 视频卡片：移动端取消 hover 动效（触屏无 hover） */
    .video-img-box:hover .img-box {
        box-shadow: none !important;
        transform: none !important
    }

    /* 全局文字广告精简 */
    .global-text-link { font-size: .8125rem; padding: 8px 12px }

    /* 侧边栏：增加底部安全区间距避免被 Tab 遮挡 */
    .app-nav .container { padding-bottom: 120px }

    /* 视频卡片标题：移动端紧凑字号 + 单行截断 */
    .video-img-box .title {
        font-size: .8125rem;
        line-height: 1.35;
        min-height: auto;
        max-height: 2.7em;
        margin-bottom: 2px
    }

    /* 视频卡片间距：移动端紧凑 */
    .mb-e-20 { margin-bottom: 12px !important }

    /* 分页按钮：增大触摸面积（最小 44px） */
    .pagination .page-link {
        min-width: 36px;
        min-height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    /* 空状态容器：移动端减少上下内距 */
    .empty-state { padding: 40px 20px }
}