/* v14 mobile navigation and compact homepage display */
@media (max-width: 760px){
  .header{position:sticky;top:0;z-index:90;background:rgba(246,251,255,.98);}
  .container.nav{width:min(100% - 22px,1180px);height:auto!important;min-height:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 8px!important;padding:8px 0 7px!important;}
  .brand{flex:1 1 auto;min-width:0;gap:9px!important;}
  .brand .logo{width:42px!important;height:42px!important;font-size:20px!important;}
  .brand b{font-size:17px!important;line-height:1.15!important;}
  .brand small{font-size:11px!important;line-height:1.2!important;}
  .wechat{display:none!important;}
  .nav-toggle{display:none!important;}
  .nav .menu{order:3;width:100%!important;display:flex!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important;padding:7px 0 2px!important;margin:2px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;flex-direction:row!important;grid-template-columns:none!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .nav .menu::-webkit-scrollbar{display:none;}
  .nav .menu a{flex:0 0 auto!important;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap!important;padding:7px 10px!important;border-radius:999px!important;background:#f2f9ff!important;border:1px solid #cbe4f8!important;color:#175f98!important;font-size:13px!important;line-height:1!important;font-weight:900!important;}
  .nav .menu a.active,.nav .menu a:hover{background:#dff1ff!important;color:#0b67aa!important;}
}

@media (max-width: 640px){
  body{background:#f5fbff;}
  .mystic-hero-v4{padding:12px 0 20px!important;}
  .mystic-hero-grid{gap:14px!important;}
  .qimen-infoposter{padding:16px!important;min-height:0!important;border-radius:24px!important;}
  .qimen-infoposter:before{inset:10px!important;border-radius:18px!important;}
  .poster-cloud{opacity:.55!important;}
  .cloud-a{width:116px!important;height:116px!important;right:-28px!important;top:-22px!important;}
  .cloud-b{width:90px!important;height:90px!important;left:-30px!important;bottom:-30px!important;}
  .poster-topline{gap:6px!important;}
  .poster-topline span{font-size:12px!important;padding:5px 8px!important;}
  .poster-title-block{margin-top:16px!important;max-width:none!important;}
  .poster-title-block small{font-size:11px!important;letter-spacing:.12em!important;}
  .poster-title-block h1{font-size:32px!important;line-height:1.08!important;margin:8px 0 8px!important;letter-spacing:-.04em!important;}
  .poster-title-block p{font-size:14.5px!important;line-height:1.62!important;margin:0!important;}
  .poster-qimen-wheel.poster-start-btn,.poster-qimen-wheel{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:0!important;margin:12px 0 8px!important;padding:10px 16px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#2d7fc2,#4aa3df)!important;border:0!important;color:#fff!important;box-shadow:0 12px 26px rgba(45,127,194,.18)!important;}
  .poster-qimen-wheel .wheel-core,.poster-qimen-wheel.poster-start-btn .wheel-core{position:static!important;inset:auto!important;background:transparent!important;display:block!important;color:#fff!important;font-size:16px!important;line-height:1!important;letter-spacing:.06em!important;width:auto!important;height:auto!important;}
  .poster-qimen-wheel .wheel-core br{display:none!important;}
  .poster-qimen-wheel span{display:none!important;}
  .poster-path-v4{margin-top:10px!important;gap:6px!important;}
  .poster-path-v4 b{font-size:13px!important;padding:7px 10px!important;border-radius:12px!important;}
  .poster-path-v4 i{display:none!important;}
  .poster-bottom-tags{margin-top:10px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
  .poster-bottom-tags span{font-size:13px!important;padding:8px 4px!important;border-radius:12px!important;}
  .hero-application-card{padding:16px!important;border-radius:24px!important;}
  .app-card-head span{font-size:12px!important;letter-spacing:.15em!important;}
  .app-card-head h2{font-size:25px!important;line-height:1.18!important;margin:6px 0!important;}
  .app-card-head p{font-size:14px!important;line-height:1.6!important;margin:0!important;}
  .app-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important;}
  .app-mini-grid article{min-height:0!important;padding:12px!important;border-radius:16px!important;}
  .app-mini-grid b{font-size:16px!important;line-height:1.2!important;}
  .app-mini-grid p{font-size:12.5px!important;line-height:1.55!important;margin:6px 0 0!important;}
  .hero-action-row{margin-top:12px!important;gap:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  .hero-action-row .btn{width:auto!important;padding:10px 8px!important;font-size:14px!important;}
  .knowledge-band,.teacher-v3,.training-v3,.service-v3,.problem-portal-v10,.home-cta-v3{padding:30px 0!important;}
  .method-v5-head h2,.section-head-row h2,.problem-head-v10 h2{font-size:28px!important;line-height:1.22!important;}
  .method-v5-grid,.problem-grid-v10.problem-grid-v11{gap:12px!important;}
  .problem-grid-v10.problem-grid-v11{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .problem-card-v10.problem-card-v11{padding:14px!important;min-height:auto!important;border-radius:18px!important;}
  .problem-card-v10.problem-card-v11 em{font-size:12px!important;padding:5px 9px!important;}
  .problem-card-v10.problem-card-v11 h3{font-size:15px!important;line-height:1.42!important;margin:10px 0 8px!important;}
  .problem-card-v10.problem-card-v11 p{font-size:12.5px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
  .problem-card-v10.problem-card-v11 span{font-size:13px!important;padding-top:8px!important;}
}

/* v15 mobile: full nav display + compact homepage + round start button */
@media (max-width: 760px){
  .container.nav{gap:7px 8px!important; padding:8px 0 7px!important;}
  .nav .menu{
    order:3;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    padding:6px 0 1px!important;
    margin:2px 0 0!important;
    scrollbar-width:auto!important;
  }
  .nav .menu a{
    flex:initial!important;
    min-width:0!important;
    width:100%!important;
    padding:7px 2px!important;
    font-size:12.5px!important;
    letter-spacing:-.02em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 640px){
  .mystic-hero-v4{padding:10px 0 18px!important;}
  .mystic-hero-grid{gap:12px!important;}
  .qimen-infoposter{padding:14px!important;border-radius:22px!important;}
  .qimen-infoposter:before{inset:9px!important;border-radius:17px!important;}
  .poster-topline{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;}
  .poster-topline span{font-size:11.5px!important;padding:5px 2px!important;text-align:center!important;}
  .poster-title-block{margin-top:14px!important;}
  .poster-title-block h1{font-size:30px!important;line-height:1.06!important;margin:7px 0 7px!important;}
  .poster-title-block p{font-size:14px!important;line-height:1.56!important;}
  .poster-qimen-wheel.poster-start-btn,.poster-qimen-wheel{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:132px!important;height:132px!important;
    min-height:132px!important;
    margin:14px auto 10px!important;
    padding:0!important;
    border-radius:50%!important;
    display:block!important;
    border:1px solid #b8d9f3!important;
    background:conic-gradient(from 12deg,rgba(232,242,255,.9),rgba(255,246,212,.92),rgba(236,250,238,.92),rgba(242,238,255,.92),rgba(232,242,255,.9))!important;
    box-shadow:0 12px 30px rgba(45,127,194,.14)!important;
    color:#0b5f9d!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  .poster-qimen-wheel .wheel-core,.poster-qimen-wheel.poster-start-btn .wheel-core{
    position:absolute!important;
    left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
    width:64px!important;height:64px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#2d7fc2,#56a9e6)!important;
    color:#fff!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;
    font-size:18px!important;line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    box-shadow:0 8px 18px rgba(45,127,194,.2)!important;
  }
  .poster-qimen-wheel .wheel-core br{display:block!important;}
  .poster-qimen-wheel span{display:inline-flex!important;position:absolute!important;align-items:center!important;justify-content:center!important;min-width:38px!important;padding:4px 6px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;border:1px solid #cfe3f5!important;color:#0b3558!important;font-size:10.5px!important;line-height:1!important;font-weight:900!important;box-shadow:0 4px 10px rgba(45,127,194,.08)!important;}
  .poster-qimen-wheel .w1{top:10px!important;left:50%!important;transform:translateX(-50%)!important;}
  .poster-qimen-wheel .w2{right:8px!important;top:43px!important;}
  .poster-qimen-wheel .w3{right:16px!important;bottom:28px!important;}
  .poster-qimen-wheel .w4{left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;}
  .poster-qimen-wheel .w5{left:8px!important;top:43px!important;}
  .poster-qimen-wheel .w6{left:14px!important;bottom:28px!important;}
  .poster-path-v4{margin-top:8px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  .poster-path-v4 b{font-size:12.5px!important;padding:7px 4px!important;text-align:center!important;}
  .poster-bottom-tags{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:8px!important;gap:6px!important;}
  .poster-bottom-tags span{font-size:12.5px!important;padding:7px 3px!important;}
  .hero-application-card{padding:14px!important;}
  .app-card-head h2{font-size:24px!important;}
  .app-mini-grid article{padding:10px!important;}
  .app-mini-grid b{font-size:15px!important;}
  .app-mini-grid p{font-size:12px!important;line-height:1.48!important;}

  .training-v3,.service-v3,.problem-portal-v10,.teacher-v3,.knowledge-band,.home-cta-v3{padding:24px 0!important;}
  .section-head-row{margin-bottom:14px!important;}
  .section-head-row h2{font-size:26px!important;}
  .section-head-row p{font-size:14px!important;line-height:1.55!important;}
  .course-v8-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .course-v8-card,.course-card-deep.course-v8-card{padding:14px!important;border-radius:18px!important;min-height:auto!important;}
  .course-v8-card:before{height:5px!important;}
  .course-v8-card em{font-size:11px!important;padding:5px 8px!important;}
  .course-v8-card h3{font-size:23px!important;line-height:1.12!important;margin:12px 0 5px!important;}
  .course-v8-card b{font-size:29px!important;margin-bottom:8px!important;}
  .course-v8-card p{font-size:12.5px!important;line-height:1.52!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .course-v8-card .course-list-title,.course-v8-card ul{display:none!important;}
  .course-v8-card .course-outcome{font-size:11.5px!important;line-height:1.45!important;margin-top:8px!important;padding:8px!important;border-radius:12px!important;}
  .course-v8-card .card-more{font-size:12.5px!important;margin-top:10px!important;display:block!important;}

  .service-v3-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .service-v3-grid a{padding:14px!important;border-radius:18px!important;min-height:auto!important;}
  .service-v3-grid h3{font-size:20px!important;margin:8px 0 6px!important;}
  .service-v3-grid b{font-size:27px!important;}
  .service-v3-grid span{font-size:12.5px!important;line-height:1.52!important;margin-top:8px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .service-v3-grid .service-more{font-size:12.5px!important;padding-top:8px!important;}
}

@media (max-width: 374px){
  .nav .menu a{font-size:11.5px!important;padding:6px 1px!important;}
  .course-v8-grid,.service-v3-grid,.app-mini-grid,.problem-grid-v10.problem-grid-v11{grid-template-columns:1fr 1fr!important;}
  .poster-title-block h1{font-size:28px!important;}
}

/* v16 mobile-only tightening: keep homepage compact, clear round start button, denser method/teacher sections. */
@media (max-width: 640px){
  /* 1. 首页圆形起盘按钮：扩大外圈，标签贴边分散，中心按钮完整露出 */
  .poster-qimen-wheel.poster-start-btn,
  .poster-qimen-wheel{
    width:152px!important;
    height:152px!important;
    min-height:152px!important;
    margin:12px auto 9px!important;
    overflow:visible!important;
  }
  .poster-qimen-wheel .wheel-core,
  .poster-qimen-wheel.poster-start-btn .wheel-core{
    width:70px!important;
    height:70px!important;
    font-size:18px!important;
    line-height:1.06!important;
    z-index:5!important;
  }
  .poster-qimen-wheel span{
    min-width:32px!important;
    padding:4px 5px!important;
    font-size:10px!important;
    line-height:1!important;
    z-index:4!important;
  }
  .poster-qimen-wheel .w1{top:4px!important;left:50%!important;transform:translateX(-50%)!important;}
  .poster-qimen-wheel .w2{right:0!important;top:53px!important;}
  .poster-qimen-wheel .w3{right:12px!important;bottom:22px!important;}
  .poster-qimen-wheel .w4{left:50%!important;bottom:4px!important;transform:translateX(-50%)!important;}
  .poster-qimen-wheel .w5{left:0!important;top:53px!important;}
  .poster-qimen-wheel .w6{left:12px!important;bottom:22px!important;}

  /* 首页头图继续压缩，让首屏能看到更多信息 */
  .qimen-infoposter{padding:12px!important;}
  .poster-title-block{margin-top:10px!important;}
  .poster-title-block h1{font-size:28px!important;line-height:1.04!important;margin:6px 0!important;}
  .poster-title-block p{font-size:13.5px!important;line-height:1.5!important;}
  .poster-path-v4{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important;}
  .poster-path-v4 b{font-size:11.5px!important;padding:6px 2px!important;}
  .poster-bottom-tags{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important;}
  .poster-bottom-tags span{font-size:11.5px!important;padding:6px 2px!important;}

  /* 2. 断盘六要：手机端改成两列紧凑卡片，避免一张卡占一屏 */
  .knowledge-band{padding:20px 0!important;}
  .method-v5-head{display:block!important;margin-bottom:12px!important;}
  .method-v5-head span{font-size:11px!important;letter-spacing:.22em!important;}
  .method-v5-head h2{font-size:24px!important;line-height:1.16!important;margin:7px 0 8px!important;}
  .method-v5-head p{font-size:13px!important;line-height:1.55!important;margin:0!important;}
  .method-v5-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .method-v5-grid .method-card-deep,
  .method-card-deep{
    min-height:0!important;
    padding:12px 12px 11px!important;
    border-radius:16px!important;
  }
  .method-card-deep strong{font-size:21px!important;line-height:1.05!important;margin:0 0 5px!important;}
  .method-card-deep em{font-size:12px!important;line-height:1.25!important;margin-bottom:7px!important;}
  .method-card-deep p{
    font-size:12.5px!important;
    line-height:1.45!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:4!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .method-card-deep span{
    font-size:12px!important;
    line-height:1.35!important;
    margin-top:8px!important;
    padding-top:7px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  /* 3. 老师简介：手机端压缩展示密度，保留重点，避免一两个块占满整屏 */
  .teacher-profile-rich{padding:20px 0!important;}
  .teacher-profile-wrap{padding-top:0!important;padding-bottom:0!important;}
  .teacher-profile-head{margin-bottom:12px!important;}
  .teacher-profile-head h2{font-size:25px!important;line-height:1.16!important;margin:6px 0!important;}
  .teacher-profile-head p{font-size:13.5px!important;line-height:1.55!important;margin:0!important;}
  .teacher-profile-grid{display:block!important;}
  .teacher-profile-visual{
    position:static!important;
    min-height:0!important;
    padding:14px!important;
    border-radius:20px!important;
    margin-bottom:12px!important;
  }
  .teacher-name-card{padding:13px!important;border-radius:16px!important;box-shadow:6px 8px 0 rgba(45,127,194,.06)!important;}
  .teacher-name-card small{font-size:10px!important;letter-spacing:.16em!important;}
  .teacher-name-card strong{font-size:26px!important;margin:4px 0!important;}
  .teacher-name-card span{font-size:12px!important;}
  .teacher-orbit{display:none!important;}
  .teacher-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important;margin-top:10px!important;}
  .teacher-mini-stats div{padding:10px!important;border-radius:14px!important;}
  .teacher-mini-stats b{font-size:20px!important;}
  .teacher-mini-stats span{font-size:11.5px!important;line-height:1.35!important;margin-top:3px!important;}
  .teacher-side-rich{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important;}
  .teacher-side-rich article{padding:10px!important;border-radius:14px!important;}
  .teacher-side-rich b{font-size:13px!important;}
  .teacher-side-rich span{font-size:11.5px!important;line-height:1.4!important;}
  .teacher-ethics-left{padding:12px!important;border-radius:16px!important;margin-top:8px!important;}
  .teacher-ethics-left b{font-size:15px!important;padding:5px 10px!important;margin-bottom:6px!important;}
  .teacher-ethics-left p{font-size:12.5px!important;line-height:1.52!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .teacher-profile-content{gap:10px!important;display:grid!important;}
  .teacher-lead-card,.teacher-flow-card,.teacher-article-block,.teacher-ethics-card,.teacher-two-col article{padding:14px!important;border-radius:18px!important;}
  .teacher-profile-content h3{font-size:20px!important;margin:0 0 6px!important;}
  .teacher-profile-content p{font-size:13px!important;line-height:1.58!important;margin-bottom:8px!important;}
  .teacher-skill-tags{gap:5px!important;margin-top:8px!important;}
  .teacher-skill-tags span{font-size:11px!important;padding:5px 7px!important;}
  .teacher-color-panels,.teacher-two-col{grid-template-columns:1fr!important;gap:9px!important;}
  .teacher-color-panels article{padding:13px!important;border-radius:18px!important;}
  .teacher-color-panels b{font-size:18px!important;margin-bottom:6px!important;}
  .teacher-color-panels p{font-size:12.8px!important;line-height:1.55!important;}
  .teacher-flow-card strong{font-size:18px!important;margin-bottom:8px!important;}
  .teacher-flow{gap:5px!important;margin-bottom:8px!important;}
  .teacher-flow span{font-size:11.5px!important;padding:5px 7px!important;}
  .teacher-flow i{display:none!important;}
  .teacher-highlight-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .teacher-highlight-strip span{min-height:0!important;padding:8px!important;font-size:12px!important;line-height:1.35!important;border-radius:14px!important;}
}

@media (max-width: 374px){
  .poster-qimen-wheel.poster-start-btn,.poster-qimen-wheel{width:144px!important;height:144px!important;min-height:144px!important;}
  .poster-qimen-wheel .wheel-core,.poster-qimen-wheel.poster-start-btn .wheel-core{width:66px!important;height:66px!important;font-size:17px!important;}
  .method-v5-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .method-card-deep p{-webkit-line-clamp:3!important;}
}