/* ============================================================
 * safearea.css - 屏幕挖孔/刘海/水滴屏安全区适配（全页面通用）
 * 依赖 viewport meta 中的 viewport-fit=cover
 * ============================================================ */
:root {
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
  --sar: env(safe-area-inset-right, 0px);
}

/* 普通文档流页面：整体避开四周安全区 */
html, body {
  padding-top: var(--sat);
  padding-bottom: var(--sab);
  padding-left: var(--sal);
  padding-right: var(--sar);
  box-sizing: border-box;
}

/* 固定定位的顶部悬浮控件：下移避开挖孔 */
.menu-wrap { top: calc(var(--sat) + 12px) !important; }
.bp-hint   { top: calc(var(--sat) + 60px); }
.asset-show { margin-top: 0; }

/* 顶部 Toast */
.toast-tip {
  top: calc(45% + var(--sat) * 0.5) !important;
}
.market-page .toast-tip,
.market-toast {
  top: calc(var(--sat) + 60px) !important;
}

/* 横屏时左右挖孔 */
.bag-list, .asset-box, .sub-title {
  max-width: calc(100% - var(--sal) - var(--sar));
}