/* 微科特 · 移动端适配层（2026-11-10）
   仅在小屏生效：等比缩放 1200px 桌面画布 + 可读的快捷导航条。
   不动桌面端任何样式。 */
#mk-bar,#mk-menu{display:none}
@media (max-width:1024px){
  #mk-bar{
    display:flex;align-items:center;gap:10px;
    position:fixed;left:0;right:0;top:0;height:52px;padding:0 12px;
    background:#f7a600;box-sizing:border-box;z-index:2147483000;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    box-shadow:0 1px 6px rgba(0,0,0,.18)
  }
  #mk-bar .mk-logo{display:flex;align-items:center;text-decoration:none;letter-spacing:1px;white-space:nowrap}
  #mk-bar .mk-logo img{height:34px;width:auto;display:block}
  #mk-bar .mk-tel{margin-left:auto;font-size:13px;color:#0b2a4a;text-decoration:none;white-space:nowrap}
  #mk-bar .mk-btn{width:44px;height:40px;border:0;background:transparent;padding:9px 7px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
  #mk-bar .mk-btn i{display:block;height:2px;background:#0b2a4a;border-radius:2px}
  #mk-menu{
    position:fixed;left:0;right:0;top:52px;bottom:0;background:#fff;z-index:2147482999;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif
  }
  #mk-menu.mk-open{display:block}
  #mk-menu a{display:block;padding:15px 20px;font-size:17px;color:#17324d;text-decoration:none;border-bottom:1px solid #eee}
  #mk-menu a:active{background:#fff4dd}
  #mk-menu .mk-tip{padding:16px 20px 28px;font-size:12px;line-height:1.8;color:#8a8a8a}
  /* 站点原有页头是 1200px 固定层，手机端不缩放会拉伸错位，由顶部导航条替代 */
  html.mk-mobile .full_column-fixed{display:none!important}
  /* 让页面整体下移 52px，避免固定导航条压住站点原有页头 */
  html.mk-mobile #scroll_container{top:52px!important;height:calc(100vh - 52px)!important}
  /* 2026-11-10：桌面页头在手机端被顶部条替代，但画布顶部仍预留 115px，导致 banner 上方出现白带；整块画布上移一个页头高度 */
  html.mk-mobile #canvas{margin-top:-115px!important}
  html.mk-lock #scroll_container{overflow:hidden!important}
  /* 建站脚本会在 load/resize 时把背景高度写回桌面的 3479px，这里用变量+!important 覆盖 */
  html.mk-mobile #scroll_container_bg{height:var(--mk-bg-h,3479px)!important}
}
@media print{#mk-bar,#mk-menu{display:none!important}}