/* 灵阵网页版：把预览的「手机外框 + 控制面板」去掉，手机里那块铺满屏幕；状态栏、底部横条换成真手机的安全区。
   只改外框和留白，App 里面的样子（颜色、图标、灵猫、布局）全照预览。 */
html.h5, html.h5 body { height: 100%; overflow: hidden; overscroll-behavior: none; }
html.h5 body { background: var(--pg); }
html.h5 .devbar, html.h5 .panel { display: none !important; }
html.h5 .wrap { display: block; max-width: none; margin: 0; padding: 0; }
html.h5 .stagebox { position: fixed; inset: 0; width: auto !important; height: auto !important; max-width: none; overflow: hidden; }
html.h5 .frame, html.h5 .frame.land { position: absolute; inset: 0; width: 100% !important; height: 100% !important; padding: 0; border-radius: 0; background: none; box-shadow: none; transform: none !important; }
html.h5 .scr { border-radius: 0; }
/* 电脑上打开：中间一列手机宽 */
@media (min-width: 640px) {
  html.h5 .frame, html.h5 .frame.land { left: 50%; width: 430px !important; margin-left: -215px; box-shadow: 0 0 0 1px var(--prule), 0 20px 50px -30px rgba(10,14,22,.4); }
}
/* 预览自己画的状态栏（9:41、灵动岛）和底部横条不要，留出真手机的安全区 */
html.h5 .sbar { visibility: hidden; }
html.h5 .homeind { display: none; }
html.h5 .main { top: env(safe-area-inset-top, 0px); bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
html.h5 .main.full { bottom: env(safe-area-inset-bottom, 0px); }
html.h5 .nav { height: calc(68px + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); }
html.h5 .sheet { top: calc(env(safe-area-inset-top, 0px) + 10px); }
html.h5 .sheet .scroller { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
html.h5 .recv { padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
html.h5 .lg { padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
html.h5 .ccard { bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
/* 等登录状态问回来再露脸，免得先闪一下预览的样子 */
html.h5:not(.h5-ready) #app { visibility: hidden; }
/* 网页版先只有邮箱、手机号验证码：飞书、微信、扫码登录、游客先藏起来（App 里照旧有） */
/* 演示版（h5-static）全都能点，不藏 */
html.h5:not(.h5-static) .lgsoc button[data-x="feishu"], html.h5:not(.h5-static) .lgsoc button[data-x="wechat"],
html.h5:not(.h5-static) .lglinks button[data-x="scan"], html.h5:not(.h5-static) .lglinks i:nth-of-type(2), html.h5:not(.h5-static) .lgguest { display: none !important; }
/* 输入框字号不到 16px 时 iPhone 会自动放大页面，登录表单里统一 16px 以上 */
html.h5 .lg input, html.h5 .fcell input, html.h5 .alert input { font-size: max(16px, 1em); }
html.h5 .busy { opacity: .6; pointer-events: none; }

/* ===== 演示版（static.html）在安卓手机上：换成安卓 App 的外壳（android-screens.md 第 2 章），页面内容不变 ===== */
/* 正文用安卓系统字（思源黑体 / 厂商字体），手写字照旧 */
html.os-android { --sans: system-ui, "Noto Sans SC", "Noto Sans CJK SC", Roboto, sans-serif; }
/* 推进页顶栏：自绘 PageBar，高 48，左边只有「‹」，标题居中 17 半粗，没有「上一页标题」 */
html.os-android .nbar { height: 48px; }
html.os-android .nbar .back span { display: none; }
html.os-android .nbar .back { padding: 12px; color: var(--ztx); }
/* 推进页进出没有动画，返回靠手机的返回键或返回手势 */
html.os-android .page.enter, html.os-android .page.under, html.os-android .page.pop { animation: none !important; }
html.os-android .page.under { display: none; }
/* 弹层整页盖上，没有拖动条、不能下滑关 */
html.os-android .sheet { top: 0; border-radius: 0; padding-top: env(safe-area-inset-top, 0px); }
html.os-android .sheet .grab { display: none; }
/* 系统提示框：安卓的样子（左对齐、圆角 28、按钮是右下角的文字） */
html.os-android .alert { width: min(312px, 86%); border-radius: 28px; text-align: left; background: var(--zraised); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 8px 28px rgba(0,0,0,.22); }
html.os-android .alert .ab { padding: 24px 24px 12px; gap: 12px; }
html.os-android .alert .ab b { font-size: 22px; font-weight: 400; }
html.os-android .alert .ab small { font-size: 14px; line-height: 1.45; color: var(--zmu); }
html.os-android .alert .abt { border-top: 0; justify-content: flex-end; gap: 4px; padding: 4px 12px 16px; }
html.os-android .alert .abt button { flex: 0 0 auto; height: 40px; padding: 0 14px; border-radius: 20px; font-size: 14px; font-weight: 600; color: var(--zbr) !important; }
html.os-android .alert .abt button + button { border-left: 0; }
html.os-android .alert .abt button.d { color: var(--zrt) !important; }
/* 没有 iOS 的点按变淡 */
html.os-android .scr { -webkit-tap-highlight-color: transparent; }