/* ============================================================
 * mobile.css - weaver 手机适配（思路见 md/手机适配模块思维.md）
 * 全部放在小屏 media 下：桌面视觉不受影响。
 * 浏览器仅按宽度响应；JS 专属行为由 mobile.js 在 <html> 挂 device-mobile。
 * ============================================================ */

@media (max-width: 600px) {
  /* 容器铺满小屏，去掉 700px 留白 */
  #app { max-width: 100%; }

  /* 顶栏：紧凑一点，右侧按钮加大触控 */
  .topbar { padding: 0 10px; }
  .topbar h1 { font-size: 16px; }
  .topbar-btn, .switch-btn { padding: 8px 12px; min-height: 40px; }

  /* 书架：屏窄下卡片更贴边，触控面积保持 */
  .shelf-view { padding: 14px; }
  .shelf-grid { gap: 14px; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); }

  /* 目录：行高/触控加大 */
  .toc-view { padding: 12px 12px 26px; }
  .toc-list.list-view .toc-item { padding: 13px 10px; font-size: 15px; }
  .toc-volume { padding: 13px 12px; }
  .toc-lastread { padding: 12px; }

  /* 阅读正文：左右安全边距，标题略收 */
  .reader-view { padding: 0 14px calc(var(--bottom-h) + 24px); }
  .chapter-title { font-size: 18px; margin: 14px 0 20px; }
  .reader-content { padding-top: 4px; }

  /* 翻页模式容器适配 */
  body.pagemode .reader-view { padding: 0 12px calc(var(--bottom-h) + 8px); }

  /* 右下角字数：贴边不挡内容 */
  .chapter-chars { right: 10px; bottom: calc(var(--bottom-h) + 8px); font-size: 12px; }

  /* 底部导航：触控目标加大到拇指可点 */
  .bottom-nav .nav-btn { font-size: 15px; min-height: 50px; }
  .bottom-nav { height: calc(var(--bottom-h) + 2px); }

  /* 设置面板：改底部贴底弹层，拇指友好 */
  .settings-panel {
    left: 0; right: 0; bottom: 0; top: auto;
    width: 100%;
    max-height: 68vh;
    overflow-y: auto;
    border-radius: 16px 16px 0 0;
    border: none;
    border-top: 1px solid var(--color-border);
    box-shadow: 0 -6px 24px rgba(0,0,0,.14);
    padding: 16px 16px calc(var(--bottom-h) + 10px);
    z-index: 90;
  }
  .set-chip, .font-btn { padding: 9px 13px; font-size: 14px; }
  .font-btn { min-width: 44px; }
  .set-lbl { font-size: 14px; }

  /* 书籍详情卡：贴住小屏宽度 */
  .bcard-box { width: calc(100vw - 32px); }

  /* 选择删除操作条：按钮加大 */
  .del-bar-btn { padding: 11px 14px; min-height: 44px; }
}

/* 桌面触控屏（触摸为主但宽屏）也给予更大触控目标，但保持桌面版式 */
@media (hover: none) and (pointer: coarse) and (min-width: 601px) {
  .nav-btn { min-height: 48px; }
  .set-chip, .font-btn, .topbar-btn { min-height: 44px; }
}