/* =====================================================
   QSYJ Mobile Single Article
   青山依旧手机版文章详情页
===================================================== */

@media (max-width:768px){

  body{
    background:#ffffff !important;
  }

  .desktop-single{
    display:none !important;
  }

  .mobile-single{
    display:block !important;
  }

.qsyj-mobile-article{
  width:100% !important;
  min-height:100vh !important;
  background:#ffffff !important;
  padding-bottom:24px !important;
  color:#111820 !important;
}

  .qsyj-mobile-article{
    width:100% !important;
    min-height:100vh !important;
    background:#ffffff !important;
    padding-bottom:82px !important;
    color:#111820 !important;
  }

  /* 顶部阅读栏 */
  .qsyj-article-topbar{
    position:sticky !important;
    top:0 !important;
    z-index:99 !important;

    height:58px !important;
    padding:0 14px !important;

    display:grid !important;
    grid-template-columns:46px 1fr 46px !important;
    align-items:center !important;

    background:#3f7738 !important;
    color:#ffffff !important;
  }

  .qsyj-article-back{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:46px !important;
    height:58px !important;

    color:#ffffff !important;
    text-decoration:none !important;
    font-size:42px !important;
    font-weight:300 !important;
    line-height:1 !important;
  }

  .qsyj-article-site-title{
    text-align:center !important;
    font-size:20px !important;
    font-weight:400 !important;
    letter-spacing:1px !important;
    color:#ffffff !important;
  }

  .qsyj-article-more{
    border:none !important;
    background:transparent !important;
    color:#ffffff !important;
    font-size:26px !important;
    line-height:1 !important;
    text-align:right !important;
  }

  /* 正文容器 */
  .qsyj-article-content{
    padding:20px 16px 28px !important;
    box-sizing:border-box !important;
  }

  /* 标题 */
  .qsyj-article-title{
    font-size:30px !important;
    line-height:1.32 !important;
    font-weight:400 !important;
    color:#050505 !important;
    margin:0 0 16px !important;
    letter-spacing:0 !important;
  }

  /* 来源、日期、阅读 */
  .qsyj-article-meta{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;

    font-size:15px !important;
    line-height:1.4 !important;
    color:#9a9a9a !important;

    margin:0 0 18px !important;
    white-space:nowrap !important;
  }

  .qsyj-article-views::before{
    content:"◎ ";
    color:#999 !important;
  }

  /* 封面图 */
  .qsyj-article-cover{
    width:100% !important;
    margin:0 0 24px !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  .qsyj-article-cover img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  /* 正文 */
  .qsyj-article-body{
    font-size:22px !important;
    line-height:1.85 !important;
    font-weight:400 !important;
    color:#050505 !important;
  }

  .qsyj-article-body p{
    margin:0 0 24px !important;
  }

  .qsyj-article-body h2{
    font-size:25px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    margin:34px 0 16px !important;
    color:#063f2f !important;
  }

  .qsyj-article-body h3{
    font-size:23px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    margin:28px 0 14px !important;
    color:#063f2f !important;
  }

  .qsyj-article-body img{
    max-width:100% !important;
    height:auto !important;
    display:block !important;
    margin:22px auto !important;
    border-radius:10px !important;
  }

  .qsyj-article-body blockquote{
    margin:24px 0 !important;
    padding:16px 18px !important;
    border-left:4px solid #00704a !important;
    background:#f4f7f3 !important;
    color:#2b3b36 !important;
    font-size:20px !important;
    line-height:1.75 !important;
  }

  /* 青远结尾 */
  .qsyj-article-ending{
    margin:34px 0 8px !important;
    padding:18px 20px !important;
    background:#f4f7f3 !important;
    border-radius:14px !important;
  }

  .qsyj-article-ending p{
    margin:0 !important;
    font-size:20px !important;
    line-height:1.7 !important;
    color:#006143 !important;
  }


@media (min-width:769px){
  .mobile-single{
    display:none !important;
  }
}

/* =====================================================
   QSYJ Article Topbar Logo Final
   文章详情页顶部 Logo 白色化与尺寸优化
===================================================== */

@media (max-width:768px){

  .qsyj-article-topbar{
    height:56px !important;
    padding:0 14px !important;
    background:#3f7738 !important;
    grid-template-columns:44px 1fr 44px !important;
  }

  .qsyj-article-site-logo{
    height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .qsyj-article-site-logo img{
    width:128px !important;
    max-width:128px !important;
    height:auto !important;
    display:block !important;

    /* 将彩色 Logo 临时转为白色效果 */
    filter:brightness(0) invert(1) !important;
    opacity:.96 !important;
  }

  .qsyj-article-back{
    width:44px !important;
    height:56px !important;
    font-size:38px !important;
  }

  .qsyj-article-more{
    width:44px !important;
    height:56px !important;
    font-size:25px !important;
  }
}
	
/* =====================================================
   QSYJ Mobile Article Header Sticky
   文章详情页顶部 Header 置顶
===================================================== */

@media (max-width:768px){

  body.single .qsyj-article-topbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:9999 !important;

    height:58px !important;
    padding:0 14px !important;

    display:grid !important;
    grid-template-columns:44px 1fr 44px !important;
    align-items:center !important;

    background:#3f7738 !important;
    color:#ffffff !important;
    box-shadow:0 1px 8px rgba(0,0,0,.08) !important;
  }

  body.single .qsyj-article-back{
    width:44px !important;
    height:58px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    color:#ffffff !important;
    text-decoration:none !important;
    font-size:38px !important;
    font-weight:300 !important;
    line-height:1 !important;
  }

  body.single .qsyj-article-site-logo{
    height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.single .qsyj-article-site-logo img{
    width:128px !important;
    max-width:128px !important;
    height:auto !important;
    display:block !important;
    filter:brightness(0) invert(1) !important;
    opacity:.96 !important;
  }

  body.single .qsyj-article-more{
    width:44px !important;
    height:58px !important;

    border:none !important;
    background:transparent !important;
    color:#ffffff !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    font-size:25px !important;
    line-height:1 !important;
  }

  /* 因为 Header 固定，所以正文需要下移，避免标题被遮挡 */
  body.single .qsyj-mobile-article{
    padding-top:58px !important;
  }
}
	
/* =====================================================
   QSYJ Mobile Article Header Color Sync
   文章页顶部颜色与首页统一
===================================================== */

@media (max-width:768px){

  body.single .qsyj-article-topbar,
  .qsyj-article-topbar{
    background:#006143 !important;
  }

}