/* ================= 添加到主屏幕 · 离线（js/core/pwa.js） =================
   只有网页版会插这些元素（#pwaUpdateBtn、.pwa-tip）、加 html.pwa-app；exe 和本机开发预览一条都不命中。
   安全区：手机模式（html.m）mobile.css 已经用 --m-safe-* 让开刘海 / 底部横条，这里不碰；
   这里只管「装到主屏幕、又不是手机模式」（iPad 全屏、电脑装成 App）：最外层让开状态栏和圆角，里面的布局一律不动。 */
:root{
  --safe-t:env(safe-area-inset-top,0px);
  --safe-r:env(safe-area-inset-right,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px);
}
html.pwa-app:not(.m) #topbar{top:var(--safe-t);left:var(--safe-l);right:var(--safe-r);}
html.pwa-app:not(.m) .screen{top:var(--safe-t);right:var(--safe-r);bottom:var(--safe-b);left:var(--safe-l);}

/* 顶栏「有新版本 · 刷新」 */
#pwaUpdateBtn{flex:none;white-space:nowrap;}
/* 手机竖屏：顶栏已经排满，挪到顶栏下面右边（跟 mobile.css 里 Reality Check 横幅同一个做法：挂在顶栏里、fixed 定位；选择器多一个 #topbar，压过 mobile.css 的 html.m #topbar .btn） */
html.m.m-port #topbar #pwaUpdateBtn{position:fixed;z-index:31;top:calc(var(--m-top) + var(--m-safe-t) + 6px);right:calc(8px + var(--m-safe-r));box-shadow:var(--shadow-2);}
/* 竖屏时 Reality Check 横幅也挂在同一个位置：它在的时候更新按钮先让位，点「继续」收起后按钮回来 */
html.m.m-port #topbar:has(.mr-top) #pwaUpdateBtn{display:none;}
/* 带统一牌桌 HUD 的画面（全站顶栏收起）：按钮在牌桌顶栏 .th-strip 里 */
.th-strip #pwaUpdateBtn{height:28px;padding:0 10px;font-size:12px;}
/* 城市（地图 / 店里 / 家）：全站顶栏收起，按钮在城市自己的顶栏 .cy-top 里（存款 / 现金前）；手机上 36 高，点击范围 44 */
html.m .cy-top #pwaUpdateBtn{position:relative;height:36px;padding:0 10px;font-size:12px;}
html.m .cy-top #pwaUpdateBtn::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px;}
/* 竖屏城市顶栏也排满了：跟大厅一样挪到顶栏下面右边 */
html.m.m-port .cy-top #pwaUpdateBtn{position:fixed;z-index:31;top:calc(var(--m-top) + var(--m-safe-t) + 6px);right:calc(8px + var(--m-safe-r));box-shadow:var(--shadow-2);}
/* 它正好盖在地图右上角的指北针上（地图顶 +6 ~ +42）：按钮在的时候指北针往下让到按钮下面 */
html.m.m-port .screen:has(.cy-top #pwaUpdateBtn) .cy-compass{top:50px;}
/* 横屏牌桌：mobile.css 把顶栏按钮字号设成 0（只留图标），这个按钮没图标——保留文字 */
html.m.m-land.m-hud #topbar #pwaUpdateBtn{font-size:11px;padding:0 8px;gap:0;}

/* iPhone Safari 底部一行：分享 → 添加到主屏幕 */
.pwa-tip{position:fixed;z-index:55;left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));
  margin:0 auto;max-width:420px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 14px;
  background:var(--ink-800);border:1px solid var(--hairline-strong);border-radius:var(--r-1);box-shadow:var(--shadow-2);
  color:var(--cream-100);font-size:13px;letter-spacing:.04em;}
.pwa-tip{flex-wrap:wrap;}
.pwa-tip-t{flex:1;min-width:0;cursor:pointer;}
.pwa-tip-t{padding:6px 0;line-height:1.4;}
.pwa-tip-s{display:block;font-size:11px;letter-spacing:.02em;color:var(--cream-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pwa-tip-i{flex:none;width:36px;height:44px;margin-right:-8px;border:0;background:transparent;color:var(--cream-500);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.pwa-tip-i .ic{width:16px;height:16px;}
.pwa-tip.open .pwa-tip-i{color:var(--brass-300,var(--cream-100));}
/* 展开的存档说明：占满第二行 */
.pwa-tip-more{flex:1 0 100%;display:flex;align-items:center;gap:10px;padding:0 10px 12px 0;}
.pwa-tip-more[hidden]{display:none;}
.pwa-tip-more p{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.6;letter-spacing:.04em;color:var(--cream-500);}
.pwa-tip-more .btn{flex:none;}
.pwa-tip-x{flex:none;width:44px;height:44px;border:0;background:transparent;color:var(--cream-500);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.pwa-tip-x .ic{width:16px;height:16px;}