/* v18: mobile density + case image enlargement, intentionally not linked on homepage/qimen */
@media (max-width: 760px){
  html{scroll-padding-top:86px;}
  body{background:#f4fbff;}
  .container{width:min(100% - 18px, 1180px);}

  /* General non-home content density */
  main.container,
  main.rich-page,
  main.list-page,
  main.public-article,
  main.section,
  .section,
  .wx-article-section,
  .service-main-v17{
    padding-top:18px!important;
    padding-bottom:28px!important;
  }

  .page-head,
  .list-hero,
  .service-hero-v17,
  .wx-cover{
    padding-top:20px!important;
    padding-bottom:18px!important;
  }

  .page-head h1,
  .list-hero h1,
  .public-card h1,
  .service-hero-v17 h1,
  .wx-cover h1{
    font-size:28px!important;
    line-height:1.16!important;
    letter-spacing:-.04em!important;
    margin:10px 0 10px!important;
  }

  .page-head p,
  .list-hero p,
  .public-card .lead,
  .service-lead-v17,
  .wx-cover p{
    font-size:15px!important;
    line-height:1.72!important;
    margin:8px 0!important;
  }

  .article,
  .public-card,
  .content-block,
  .contact-panel,
  .service-hero-copy-v17,
  .service-hero-panel-v17,
  .service-intro-card-v17,
  .service-section-card,
  .service-prepare-grid-v17 article,
  .service-final-cta-v17,
  .wx-article-body,
  .course-position-card,
  .course-hook-card,
  .course-module,
  .real-pan-case-v12,
  .three-real-cases-v12{
    padding:16px!important;
    border-radius:18px!important;
  }

  .article p,
  .public-card p,
  .content-block p,
  .contact-panel p,
  .service-intro-card-v17 p,
  .service-section-card p,
  .service-final-cta-v17 p,
  .wx-article-body p,
  .course-module p,
  .case-v12-copy p{
    font-size:15px!important;
    line-height:1.68!important;
    margin:8px 0!important;
  }

  .content-block h2,
  .article h2,
  .service-intro-card-v17 h2,
  .service-section-card h2,
  .service-final-cta-v17 h2,
  .wx-article-body h2,
  .course-module h2,
  .case-section-head-v12 h2{
    font-size:23px!important;
    line-height:1.22!important;
    margin:8px 0 12px!important;
  }

  .content-block h3,
  .article h3,
  .case-v12-copy h3,
  .course-module h3{
    font-size:20px!important;
    line-height:1.25!important;
    margin:10px 0!important;
  }

  /* Service detail pages */
  .service-hero-grid-v17,
  .service-main-grid-v17,
  .service-prepare-grid-v17{
    gap:12px!important;
  }
  .service-price-v17{font-size:30px!important;margin:4px 0 10px!important;}
  .service-kicker-v17,
  .service-hero-panel-v17>span{
    font-size:12px!important;
    padding:6px 11px!important;
  }
  .service-mini-grid-v17{gap:9px!important;}
  .service-mini-grid-v17 article{padding:11px!important;border-radius:15px!important;}
  .service-mini-grid-v17 b{font-size:15px!important;margin-bottom:4px!important;}
  .service-mini-grid-v17 span{font-size:13.5px!important;line-height:1.5!important;}
  .service-prepare-grid-v17 li{padding:9px 10px 9px 28px!important;line-height:1.5!important;font-size:14px!important;}
  .service-prepare-grid-v17 li:before{left:11px!important;top:17px!important;}

  /* Listing pages */
  .service-grid,
  .service-rich-grid,
  .wide-list,
  .problem-grid-v11,
  .problem-grid-v10{
    gap:12px!important;
  }
  .service-card,
  .service-card-v17,
  .problem-card-v11,
  .problem-card-v10{
    padding:15px!important;
    border-radius:18px!important;
    min-height:auto!important;
  }

  /* Case pages: show more content and make pan screenshot usable */
  .real-case-list-v12{gap:18px!important;}
  .real-pan-case-v12{
    gap:12px!important;
  }
  .case-v12-copy em{font-size:12px!important;padding:6px 10px!important;}
  .case-v12-copy .ask,
  .case-v12-copy .chart-line{
    padding:10px 11px!important;
    border-radius:13px!important;
  }
  .pan-points-v12{gap:8px!important;margin:10px 0!important;}
  .pan-points-v12 li{padding:10px 12px!important;border-radius:13px!important;border-left-width:4px!important;}
  .pan-points-v12 b{font-size:15px!important;margin-bottom:3px!important;}
  .pan-points-v12 span{font-size:14px!important;line-height:1.55!important;}

  .case-pan-figure-v12{
    position:static!important;
    margin:12px -12px 0!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#f7fbff!important;
    border:1px solid #d6eafa!important;
  }
  .case-pan-figure-v12 a{
    display:block!important;
    cursor:zoom-in!important;
  }
  .case-pan-figure-v12 img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    border-radius:14px!important;
    border:1px solid #cfe4f6!important;
    box-shadow:0 8px 22px rgba(34,102,160,.12)!important;
  }
  .case-pan-figure-v12 figcaption{
    font-size:12px!important;
    line-height:1.45!important;
    margin-top:7px!important;
    color:#516e83!important;
  }
  .case-pan-figure-v12 figcaption:before{
    content:"点击盘图可查看大图。";
    font-weight:800;
    color:#0874bd;
    margin-right:4px;
  }

  /* Article pages */
  .flow-row{gap:8px!important;}
  .flow-row span,
  .meta-row span,
  .kicker,
  .deep-cta a{
    font-size:13px!important;
  }
  .internal-links,
  .deep-cta{padding:14px!important;border-radius:16px!important;}

  /* Contact */
  .contact-big{font-size:23px!important;}
  .wechat-copy-box{padding:12px!important;border-radius:16px!important;}

  /* Course detail density */
  .wx-cover-grid,
  .wx-article-grid{
    gap:12px!important;
  }
  .course-module-grid{gap:12px!important;}
  .course-module ul{gap:7px!important;}
  .course-module li{font-size:14px!important;line-height:1.5!important;}
}

@media (max-width: 420px){
  .container{width:min(100% - 12px, 1180px);}
  .article,.public-card,.content-block,.contact-panel,.service-hero-copy-v17,.service-hero-panel-v17,.service-intro-card-v17,.service-section-card,.service-prepare-grid-v17 article,.service-final-cta-v17,.wx-article-body,.course-position-card,.course-hook-card,.course-module,.real-pan-case-v12,.three-real-cases-v12{padding:14px!important;border-radius:16px!important;}
  .page-head h1,.list-hero h1,.public-card h1,.service-hero-v17 h1,.wx-cover h1{font-size:26px!important;}
  .case-pan-figure-v12{margin:10px -10px 0!important;padding:8px!important;}
}

/* v43: 全站非排盘页面手机端信息密度提升。排盘页 qimen.html 不引用本文件。 */
@media (max-width: 760px){
  html{scroll-padding-top:68px!important;}
  body:not(.qimen-mobile-kaiti){font-size:14.5px!important;line-height:1.55!important;}
  body:not(.qimen-mobile-kaiti) .header,
  body:not(.qimen-mobile-kaiti) .site-header,
  body:not(.qimen-mobile-kaiti) .jx78-header{
    min-height:58px!important;
  }
  body:not(.qimen-mobile-kaiti) .nav,
  body:not(.qimen-mobile-kaiti) .site-nav,
  body:not(.qimen-mobile-kaiti) .jx78-nav{
    min-height:58px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body:not(.qimen-mobile-kaiti) .brand,
  body:not(.qimen-mobile-kaiti) .jx78-brand{
    transform:scale(.92);
    transform-origin:left center;
  }
  body:not(.qimen-mobile-kaiti) main,
  body:not(.qimen-mobile-kaiti) .section,
  body:not(.qimen-mobile-kaiti) .jx78-section,
  body:not(.qimen-mobile-kaiti) .service-main-v17,
  body:not(.qimen-mobile-kaiti) .wx-article-section{
    padding-top:16px!important;
    padding-bottom:20px!important;
  }
  body:not(.qimen-mobile-kaiti) .container,
  body:not(.qimen-mobile-kaiti) .wrap{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body:not(.qimen-mobile-kaiti) h1{font-size:clamp(28px,7.6vw,36px)!important;line-height:1.12!important;margin:8px 0 10px!important;letter-spacing:-.04em!important;}
  body:not(.qimen-mobile-kaiti) h2{font-size:clamp(23px,6.3vw,30px)!important;line-height:1.18!important;margin:8px 0 12px!important;}
  body:not(.qimen-mobile-kaiti) h3{font-size:clamp(19px,5.2vw,24px)!important;line-height:1.22!important;margin:7px 0 10px!important;}
  body:not(.qimen-mobile-kaiti) p,
  body:not(.qimen-mobile-kaiti) li{
    font-size:14.5px!important;
    line-height:1.58!important;
  }
  body:not(.qimen-mobile-kaiti) p{margin:6px 0 9px!important;}
  body:not(.qimen-mobile-kaiti) ul{margin-top:6px!important;margin-bottom:8px!important;}
  body:not(.qimen-mobile-kaiti) .page-head,
  body:not(.qimen-mobile-kaiti) .list-hero,
  body:not(.qimen-mobile-kaiti) .service-hero-v17,
  body:not(.qimen-mobile-kaiti) .wx-cover,
  body:not(.qimen-mobile-kaiti) .jx78-hero{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  body:not(.qimen-mobile-kaiti) .article,
  body:not(.qimen-mobile-kaiti) .public-card,
  body:not(.qimen-mobile-kaiti) .content-block,
  body:not(.qimen-mobile-kaiti) .contact-panel,
  body:not(.qimen-mobile-kaiti) .service-card,
  body:not(.qimen-mobile-kaiti) .problem-card-v11,
  body:not(.qimen-mobile-kaiti) .problem-card-v10,
  body:not(.qimen-mobile-kaiti) .course-module,
  body:not(.qimen-mobile-kaiti) .real-pan-case-v12,
  body:not(.qimen-mobile-kaiti) .three-real-cases-v12,
  body:not(.qimen-mobile-kaiti) .jx78-course,
  body:not(.qimen-mobile-kaiti) .jx78-support,
  body:not(.qimen-mobile-kaiti) .jx78-panel{
    padding:13px!important;
    border-radius:16px!important;
    min-height:auto!important;
  }
  body:not(.qimen-mobile-kaiti) .service-grid,
  body:not(.qimen-mobile-kaiti) .service-rich-grid,
  body:not(.qimen-mobile-kaiti) .wide-list,
  body:not(.qimen-mobile-kaiti) .problem-grid-v11,
  body:not(.qimen-mobile-kaiti) .problem-grid-v10,
  body:not(.qimen-mobile-kaiti) .course-module-grid,
  body:not(.qimen-mobile-kaiti) .real-case-list-v12,
  body:not(.qimen-mobile-kaiti) .jx78-courses,
  body:not(.qimen-mobile-kaiti) .jx78-fit-grid,
  body:not(.qimen-mobile-kaiti) .jx78-bottom-grid{
    gap:10px!important;
  }
  body:not(.qimen-mobile-kaiti) .jx78-course{min-height:auto!important;}
  body:not(.qimen-mobile-kaiti) .jx78-course p{margin-bottom:8px!important;}
  body:not(.qimen-mobile-kaiti) .jx78-course ul{margin:4px 0 10px!important;}
  body:not(.qimen-mobile-kaiti) .jx78-course em{padding:10px 12px!important;border-radius:10px!important;}
  body:not(.qimen-mobile-kaiti) .jx78-num{width:44px!important;height:44px!important;font-size:16px!important;margin-bottom:12px!important;}
  body:not(.qimen-mobile-kaiti) .jx78-stat{padding:12px!important;}
  body:not(.qimen-mobile-kaiti) .jx78-stat b{font-size:20px!important;}
  body:not(.qimen-mobile-kaiti) .deep-cta,
  body:not(.qimen-mobile-kaiti) .internal-links,
  body:not(.qimen-mobile-kaiti) .wechat-copy-box{
    padding:12px!important;
  }
  body:not(.qimen-mobile-kaiti) .btn,
  body:not(.qimen-mobile-kaiti) .button,
  body:not(.qimen-mobile-kaiti) .jx78-btn{
    padding:10px 14px!important;
    border-radius:12px!important;
  }
}

@media (max-width: 420px){
  body:not(.qimen-mobile-kaiti) .container,
  body:not(.qimen-mobile-kaiti) .wrap{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;}
  body:not(.qimen-mobile-kaiti) .article,
  body:not(.qimen-mobile-kaiti) .public-card,
  body:not(.qimen-mobile-kaiti) .content-block,
  body:not(.qimen-mobile-kaiti) .contact-panel,
  body:not(.qimen-mobile-kaiti) .course-module,
  body:not(.qimen-mobile-kaiti) .real-pan-case-v12,
  body:not(.qimen-mobile-kaiti) .three-real-cases-v12,
  body:not(.qimen-mobile-kaiti) .jx78-course,
  body:not(.qimen-mobile-kaiti) .jx78-support,
  body:not(.qimen-mobile-kaiti) .jx78-panel{padding:12px!important;border-radius:15px!important;}
}