/* ============================================================
   指定页面在移动端隐藏主体内容并显示提示
   作用：某些产品线（如 微社交 / Microsocial）暂不开放移动端浏览
   用法：在该页 head 只保留本文件作为移动端样式即可
   ============================================================ */

@media (max-width: 768px) {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
    height: 100% !important;
  }

  /* 隐藏 body 下所有直接子元素（含 #pagewrap、footer、悬浮二维码、返回顶部等） */
  body > * { display: none !important; }

  /* 用 body 伪元素居中显示提示 */
  body::before {
    content: "微社交页面暂未适配移动端，请使用电脑浏览器访问。";
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 32px 24px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #4b5563 !important;
    background: #ffffff !important;
    text-align: center !important;
    white-space: normal !important;
    z-index: 2147483647 !important;
  }
}

/* end @media (max-width: 768px) */