/* =====================================================
   QSYJ Mobile / Tablet Base
   全站移动端与 iPad 基础规则
   作用：
   1. 手机 + iPad 使用移动结构
   2. 真正电脑端使用桌面结构
   3. 防止横向溢出
   4. 不写具体页面专属样式
===================================================== */


/* 手机 + iPad 基础 */
@media (max-width:1180px){

  html,
  body{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
    background:#f4f5f1 !important;
  }

  *{
    box-sizing:border-box !important;
  }

  img{
    max-width:100% !important;
    height:auto;
    display:block;
  }

  /* 隐藏桌面结构 */
  .site-header,
  .desktop-home,
  .desktop-archive,
  .desktop-single,
  .desktop-page{
    display:none !important;
  }

  /* 显示移动结构 */
  .mobile-home,
  .mobile-archive,
  .mobile-single,
  .mobile-page{
    display:block !important;
  }

  /* 隐藏桌面页脚 */
  .site-footer-premium{
    display:none !important;
  }

  /* 主内容基础 */
  main,
  .site-main,
  .page-content,
  .mobile-feed-page{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    padding-bottom:88px !important;
  }
}


/* 真正电脑端 */
@media (min-width:1181px){

  /* 隐藏移动结构 */
  .mobile-home,
  .mobile-archive,
  .mobile-single,
  .mobile-page,
  .mobile-bottom-nav{
    display:none !important;
  }

  /* 显示桌面结构 */
  .desktop-home,
  .desktop-archive,
  .desktop-single,
  .desktop-page{
    display:block !important;
  }
}
/* =====================================================
   QSYJ Mobile Feed Fixed Header - Clean Version
   首页与栏目页顶部固定版：去除空白块
   不影响文章详情页
===================================================== */

@media (max-width:768px){

  /* 顶部栏固定 */
  body:not(.single) .mobile-topbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:9999 !important;

    height:96px !important;
    background:#006143 !important;
  }

  /* 栏目导航固定 */
  body:not(.single) .mobile-channel-nav{
    position:fixed !important;
    top:96px !important;
    left:0 !important;
    right:0 !important;
    z-index:9998 !important;

    height:58px !important;
    background:#ffffff !important;
    border-bottom:1px solid rgba(0,0,0,.06) !important;
  }

  /* 外层容器不要加顶部空白 */
  body:not(.single) .mobile-page,
  body:not(.single) .mobile-home{
    padding-top:0 !important;
    margin-top:0 !important;
  }

  /* 只给真正内容区留出顶部空间 */
  body:not(.single) main.mobile-feed-page,
  body:not(.single) .mobile-feed-page{
    padding-top:154px !important;
    margin-top:0 !important;
  }

  /* 第一块品牌卡片不要再额外下移 */
  body:not(.single) .mobile-feed-page > .mobile-brand-card:first-child{
    margin-top:12px !important;
  }

  /* 防止旧 spacer 继续占位 */
  body:not(.single) .mobile-header-spacer,
  body:not(.single) .mobile-top-spacer,
  body:not(.single) .header-placeholder,
  body:not(.single) .mobile-hero-spacer{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
}