/* ============================================================
   移动端重做样式（窄屏 ≤768px 生效）
   桌面布局完全不动，本文件在移动端覆盖为信息流式单列布局
   ============================================================ */

/* 移动端专属元素：默认隐藏（桌面不显示） */
.mobile-tabbar { display: none; }
.desktop-only-tip { display: none; }

@media (max-width: 768px) {
    /* ---- 骨架：隐藏目录树，内容单列 ---- */
    .sidebar { display: none; }
    .content { min-width: 0; }

    /* 顶栏：隐藏后退/前进，只留主页 */
    .app-bar #btn-back, .app-bar #btn-forward { display: none; }

    /* 移动端 Tab 栏（文章 / 图书 / 收藏） */
    .mobile-tabbar {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 6px 10px;
        background: var(--sidebar-bg);
        border-bottom: 1px solid var(--border);
        overflow-x: auto;
        flex: none;
    }
    .mobile-tabbar a {
        flex: 0 0 auto;
        padding: 6px 16px;
        border-radius: 16px;
        color: var(--text-secondary);
        font-size: 13.5px;
        text-decoration: none;
        white-space: nowrap;
    }
    .mobile-tabbar a.active { background: var(--accent); color: #fff; font-weight: 600; }

    /* 内容区留白收紧 */
    .content-scroll { padding: 12px 12px 28px; }

    /* 内容卡片占满宽度 */
    .page { max-width: none; padding: 20px 16px 26px; border-radius: var(--radius); }
    .page h1 { font-size: 21px; }

    /* 文章列表：卡片信息流 */
    .item-row { flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 16px; }
    .item-main { max-width: 100%; }
    .item-title { font-size: 16px; font-weight: 600; display: block; max-width: 100%; }
    .item-meta { max-width: 100%; text-align: left; }
    .item-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--text-secondary);
        font-size: 13px;
        line-height: 1.6;
    }

    /* 收藏 / 图书：单列卡片 */
    .bm-grid { grid-template-columns: 1fr; }
    .bm-search { margin: 12px 0; }

    /* 上一篇 / 下一篇：一行并排，窄屏更紧凑，标题超长省略号截断 */
    .page-nav { gap: 8px; }
    .nav-link { padding: 10px 12px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .nav-link span { font-size: 10px; }

    /* 软件/图书详情头部：允许换行 */
    .software-head { flex-wrap: wrap; }

    /* 图书阅读器：触屏字号与留白 */
    .reader { padding: 16px 14px; font-size: 16px; }
    .reader-toolbar { flex-wrap: wrap; }
    .chapter-select { display: none; }
    #chapter-btn { display: inline-block; }
    .chapter-drawer-panel { width: 82%; max-width: 320px; }

    /* 代码块 / 表格：横向滚动，避免撑破 */
    .page pre { padding: 12px 14px; }
    .page table { display: block; overflow-x: auto; }

    /* 页脚：紧凑，保留备案信息 */
    .site-footer { gap: 6px 14px; padding: 12px 14px; line-height: 1.8; }

    /* 软件 / 工具页：移动端提示改用桌面访问 */
    .desktop-only-tip {
        display: block;
        margin: 12px 0;
        padding: 12px 14px;
        background: #fff7e6;
        border: 1px solid #ffd591;
        border-radius: var(--radius);
        color: #ad6800;
        font-size: 13px;
        line-height: 1.6;
    }
}