/* ============================================
   文脉国学 · 移动端优化 + 底部导航
   ============================================ */

/* 移动端底部导航条（默认隐藏，窄屏显示） */
.wm-mobile-tabbar{display:none}

@media(max-width:768px){
  /* 底部固定导航 */
  .wm-mobile-tabbar{
    display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9999;
    background:#fff;border-top:1px solid #E8DFD0;box-shadow:0 -2px 10px rgba(0,0,0,.06);
    height:56px;
  }
  .wm-mobile-tabbar a{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;color:#888;font-size:11px;text-decoration:none;
  }
  .wm-mobile-tabbar a i{font-size:20px;font-style:normal;line-height:1}
  .wm-mobile-tabbar a.active,.wm-mobile-tabbar a:active{color:#8B1A1A}
  body{padding-bottom:56px}

  /* 顶部导航横向滚动 */
  .main-nav .container{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .nav-list{flex-wrap:nowrap!important}
  .nav-item>a{white-space:nowrap;padding:10px 12px!important;font-size:13px}
  /* 移动端下拉改点击展开 */
  .nav-dropdown{position:static;display:none;box-shadow:none;border:none;background:rgba(0,0,0,.03)}

  /* 栏目导航条横向滚动已支持 */
  .wm-section-bar .container{padding:0 12px}

  /* 首页 hero 堆叠 */
  .wm-hero{grid-template-columns:1fr!important;gap:12px}
  .wm-hero-cal{display:none}
  .wm-hero-feat{min-height:160px}
  .wm-slide-title{font-size:18px}
  .wm-tools-grid{grid-template-columns:repeat(3,1fr)}
  .wm-zodiac-grid{grid-template-columns:repeat(6,1fr)!important}

  /* 主体单列 */
  .wm-main-layout,.wm-arch-layout,.wm-single-layout,.wm-search-layout{grid-template-columns:1fr!important}
  .wm-side-col,.wm-search-side{display:none}
  .wm-arch-side{order:2;margin-top:16px}

  /* 区块网格单列 */
  .wm-block-grid{grid-template-columns:1fr!important}
  .wm-feat .wm-feat-thumb{height:170px}

  /* 文章正文 */
  .wm-article-title{font-size:20px}
  .wm-article-content{font-size:16px}
  .wm-related-grid{grid-template-columns:1fr}
  .wm-single-main,.wm-arch-main{padding:16px}

  /* 头部搜索 */
  .header-main .container{flex-wrap:wrap}
  .header-search{order:3;width:100%;max-width:100%;margin:10px 0 0}

  /* 表格响应 */
  table{display:block;overflow-x:auto}
}

@media(max-width:480px){
  .wm-zodiac-grid{grid-template-columns:repeat(4,1fr)!important}
  .wm-tools-grid{grid-template-columns:repeat(3,1fr)}
  .site-title,.logo-text{font-size:20px}
  .wm-block-title,.wm-sb-home{font-size:16px}
}